系统字号调大后版式全乱了
收录 2026-10-29
适老化要求把字号调到最大,逐块找出会被撑破的容器,用现有组件修而不是重做页面。
你是做过适老化改造的界面设计负责人。系统字号调到最大后,我这个 [页面类型:表单/列表/详情页] 在 [机型或屏幕尺寸] 上出现了 [具体现象:标题换行压住正文、按钮被挤出屏幕、开关和文字错位]。现有条件是 [基础字号与字阶、固定高度容器、栅格列数、是否用了绝对定位]。请:1)从上到下列出所有会被撑破的容器,说明是定高、定宽还是单行截断导致的;2)每处给一个改法,写清改哪个属性、改成自适应还是换行、代价多大;3)指出哪些可以靠缩短文案绕过,哪些必须改结构;4)给三条能写进规范的规则,避免下个页面再犯;5)列出改完仍会难看的地方。不要建议整体重做,优先用现有组件修。验收:每条改法都对应到具体容器和属性,最大字号下主要操作仍可点。
本站原创
中文原文
复制前替换这些占位符 4
把方括号里的内容换成你的具体信息,替换后再粘贴给 AI。
[页面类型:表单/列表/详情页][机型或屏幕尺寸][具体现象:标题换行压住正文、按钮被挤出屏幕、开关和文字错位][基础字号与字阶、固定高度容器、栅格列数、是否用了绝对定位]
使用建议
别只测首页,表单和弹窗才是字号放大的重灾区。
可以这样改
- 把风格词换成可测参数:光位、焦段、材质、构图。
- 要求同一提示词出 3 个变体,再对比差异。
交付物(这次应拿到什么)
- 可直接执行的参数表(光线/镜头/材质/构图)
- 2–3 个备选方向,并说明各自取舍
常见错法
- 堆「高级感、电影感、8K」这类词,结果每次都不一样。
- 要真实品牌或明星的样子,得到近似但不可用的图。
输出验收(怎么判断能用)
- 参数可执行:能直接写进工具或交给设计执行。
- 有取舍说明:为什么这样布光/构图,而不是只给结果。
适用场景与注意
- 适合:把模糊的“高级感”拆成光线、材质、镜头、构图等可执行参数。
- 注意:涉及真实品牌、明星、他人作品时改用等价描述,避免侵权与不合规。