画面比例 · 本站创作笔记

用面积和位置建立视觉层级

配色方案整理的画面比例实操：配色方案整理记录色值，最终画面还取决于颜色面积、邻接关系与位置。只把五个色块等宽排开，难以预测海报的大面积背景效果。先做一个只有矩形和标。

为什么同一色板会产生不同画面

配色方案整理记录色值，最终画面还取决于颜色面积、邻接关系与位置。只把五个色块等宽排开，难以预测海报的大面积背景效果。先做一个只有矩形和标题的草图，观察视线先落在哪里。

虚构读书会海报A以浅粉作整页背景，深紫只放标题，亮粉只放日期；B将亮粉铺满整页，紫色做边框。两张用相同颜色，但亮粉在B里承担主要视觉。比较时固定文字和版式，只改变颜色面积，才能知道变化来自哪里。

可以在备注写“背景约三分之二，内容区约四分之一，其余为文字与强调”作为草图提示。这是当前练习的粗略安排，不是通用标准；标题很长、照片很多或小尺寸卡片都可能需要重新调整。工具不计算页面面积。

适合海报、封面和演示文稿。先选择一个主要信息，再给它固定颜色；缩小画面查看标题与日期是否仍能区分。若装饰块先抢走视线，尝试减小面积或把装饰移离主标题，不必立刻添加第六种色。

为什么色块好看但正文很乱？可能是多个强调色同时出现，或者每段都用不同色。一定要遵循某个比例吗？不用，记录你这个作品中的安排即可。工具导出比例吗？比例写在方案备注中，JSON会保留它，CSS只保留颜色与简短注释。