01 / 焦点主视觉
让一处颜色承担重点
标题、主图标或主要操作中，选择一处作为明确焦点即可。焦点过多会分散视线，颜色再丰富也难留下记忆。
重点颜色需要出现得有理由：承接标题、标记状态，或指向下一步。
展示分层 · 02
婷婷婷婷婷婷婷婷婷色
视觉展示方案
把颜色放到该出现的位置，让标题、内容与行动入口各自清楚，也能在同一画面里保持连贯。
展示顺序先确定阅读重点，再配置色彩强度
主色范围1 个稳定焦点
信息层级3 段清晰区分
落地检查内容、对比、留白
画面片段
先看见重点，再读懂内容
婷婷婷婷婷婷婷婷婷色的展示判断，不只看颜色是否好看，也看每一块信息是否有合适的位置和足够的呼吸空间。
02 / 留白信息间距
留白不是空着，是在分段
当标题、说明与行动区距离恰当，阅读顺序会自然形成。较长内容尤其需要用留白区分段落，而不是把每个区域塞满。
- 标题前留出进入画面的空间
- 说明文字控制在易读的行宽内
- 操作入口与说明保持明确距离
03 / 对比阅读速度
用明暗差，不用堆叠色
深浅变化比增加颜色数量更有效。浅底承接说明，深色承接重要区，莓紫用于提示与动作，画面会更稳定。
04 / 内容长短节奏
一屏只回答一个问题
展示区域应有清楚的阅读任务：说明是什么、有什么差别，或下一步做什么。把不同问题混在同一位置，容易让画面失去重点。
- 短标题说明当前内容
- 短段落补足判断依据
- 标签只保留必要分类
选择对照器
同样的内容，重点可以不同
按展示目标选择合适的颜色强度。不是每一张画面都需要强对比，先确认内容本身想被怎样阅读。
A / 安静阅读
内容说明型
适合信息较多、需要连续阅读的页面与资料区，颜色退后，文字更靠前。
- 浅色底承接主要段落
- 标题与正文保持稳定对比
- 重点色只标记必要动作
B / 明确引导
重点展示型
适合主张、活动信息或需要快速确认的内容区，让视线在第一时间停到关键位置。
- 深浅背景形成清晰分区
- 莓紫色承担行动与状态
- 重要信息减少并列竞争
C / 多点浏览
模块浏览型
适合多个内容入口同时出现的页面，用不同底色区分模块，但维持一致的标题规则。
- 色块用于内容归类
- 每块保留统一边距
- 标签与编号提示顺序
常见关注点
颜色放对位置，画面会更轻松
以下问题常出现在展示内容准备阶段。先做小范围判断，再决定是否扩大色彩变化，会比一次性改动整页更稳妥。
不需要。主色更适合承担识别和引导职责，大片使用时应搭配足够的浅色区域，避免内容被颜色压住。
先区分主标题、说明和补充信息，再决定不同段落的字重、背景和间距。颜色只负责辅助，不替代内容层级。
可以，但建议固定一套基础色关系。变化可放在模块底色、标签或局部图形上，标题与操作入口保持一致更容易识别。
可先整理使用位置、现有图片或文字内容、希望突出的信息和不希望出现的风格。信息越具体，颜色判断越贴近实际画面。