阅读口径
面积比例是构图练习的起点，没有适用于全部页面的固定配方。
先写读者的第一步
配色之前写清楚读者先看标题、再理解说明、最后执行什么操作。如果还没有主次内容，增加强调色只会给混乱加亮边框。主色可以承担结构识别，强调色则留给少量行动或关键信息。
按角色限制使用位置
建立三条可执行规则：背景色用于大面积承托，结构色用于标题和分隔，强调色用于一个主要动作。不要把错误、价格、标签和按钮都染成同一种亮色，否则读者难以理解它们的语义区别。
原创练习：读书活动卡
设想一张读书活动卡，米白承托正文，深蓝呈现时间地点，珊瑚只标记“查看阅读清单”。若报名并非当前任务，就不必放高亮报名按钮。将强调区面积缩小后，检查标题能否仍然成为第一阅读点。
可执行检查单
- 01将页面内容划分为背景、结构、行动三个角色。
- 02给每个角色指定使用位置，先做一张无图片的草图。
- 03缩小预览观察最先看到的对象，并删除无任务的亮色。
一个常见问题
强调色只能有一种吗？
不一定。复杂产品可能需要多种状态色；关键是每种颜色拥有稳定含义。初学练习先用一种强调色，等信息结构稳定后再决定是否需要第二种。
避免机械套比例
在图片丰富的页面中，图片本身已经贡献色彩面积。不要只统计 CSS 色块，也要把封面、徽章和插图放入整体观察。