《色彩艺术》

CH.01📚 书籍元信息

• 书名：《色彩艺术》（Kunst der Farbe / The Art of Color）
• 作者：约翰内斯·伊顿（Johannes Itten）
• 类型：色彩理论 / 视觉艺术教育
• 输入类型：仅书名（基于训练知识分析）
• 一句话总结：这本书回答了「色彩的力量从何而来」的问题，答案是——色彩的全部表现力来自七种对比关系的交互，而非颜色本身的固有属性。
• 适读人群：需要系统性理解色彩原理的设计师、插画师、艺术教育者、摄影师；视觉产品经理；对色彩感知心理学感兴趣的人。
• 反适读人群：只想要「50组流行配色方案」的执行者；纯代码驱动的前端工程师（除非同时做视觉设计）——本书是底层原理，不是速查手册。

CH.02🔍 真问题

• 核心问题：同一块颜色，放在不同背景上为何看起来完全不同？色彩的「表现力」和「和谐感」到底是颜色的固有属性，还是关系属性？普通人看到的是「这个红好看」，而伊顿追问的是「这个红在什么条件下才好看」。

• 旧答案：在伊顿之前，牛顿的光谱学解决了色彩的物理学问题；歌德的《色彩论》从感知心理学角度挑战牛顿；奥斯特瓦尔德建立了色彩体系的分类标准。但主流做法是把颜色当作孤立的点来研究——给每种颜色贴上情绪标签（红色=热情，蓝色=冷静），像查字典一样使用色彩。

• 新答案：伊顿提出色彩的力量不在于单色，而在于对比。他系统归纳了七种色彩对比关系（色相、明暗、冷暖、互补、同时、饱和度、面积），认为只有理解这些对比的交互，才能真正掌控色彩表现。同时，他将色彩教育从「模仿自然」转向「从主观感受出发的自由表达」。

• 答案的底层逻辑：伊顿的依据来自两个层面——一是他在包豪斯教学中的大量实验验证（学生通过对比练习发展出个人色彩语言）；二是生理学基础：人眼的视网膜细胞本身就是在对比中工作的（补色残像等生理现象为「同时对比」提供了生物学根基）。颜色从来不是被孤立感知的，它总是相对于周围环境被解读。

• 关键边界：伊顿的体系建立在物理颜料/绘画媒介之上，在数字屏幕色彩（RGB/CMYK转换）和印刷色彩管理领域需要转译；他的「和谐」判断带有强烈的主观训练背景（他本人受歌德色彩论影响深），在完全客观化、数据化的色彩管理场景中（如工业标准色卡）效力有限。

CH.03🗺️ 知识地图

（图说明：伊顿的色彩理论从七种对比关系出发，通过色彩形态学建立客观框架，最终指向主观色彩表达。）

CH.04💡 核心模型深度解析

模型一：七种色彩对比系统

模型定义 色彩的全部视觉力量 = 色相差异 + 明暗差异 + 冷暖差异 + 互补关系 + 同时刺激 + 饱和度梯度 + 面积比例，这七个维度构成一个完整的色彩关系空间，改变其中任何一个维度都会重塑整体视觉效果。

（图说明：七种对比如同七根弦，共同奏响色彩的表现力与和谐度。）

原书论证 伊顿在书中为每种对比都设计了具体的色彩练习：例如色相对比，他要求学生将12色相环中的颜色以三角形、正方形、六边形等不同间隔排列，直观感受间隔越大对比越强的规律。在明暗对比中，他通过黑色与白色的两极之间插入灰色梯度，展示明度差如何决定色彩的「重量感」。对于同时对比，他举了经典实验：将同一灰色块分别放在红色和绿色背景上，灰色会偏向各自补色的方向——这直接证明色彩感知是关系性的。

迁移场景

1. 品牌视觉系统设计：品牌色不是孤立选一个「好看的颜色」，而是在七种对比中找到品牌希望占据的「位置」。例如金融机构常用深蓝+白（高明暗对比=权威），而潮牌常用高饱和互补色对撞（高色相+互补对比=张力）。用七种对比作为品牌色彩审计的checklist。
2. 数据可视化：在信息图中，如果只用色相区分数据类别（旧做法），观众的区分力有限；加入明暗对比（如深蓝=高值、浅蓝=低值）和面积对比（关键数据占比放大），信息层次立刻清晰。七种对比提供了从「单一编码」升级到「多维编码」的系统路径。
3. 室内空间氛围营造：同一间客厅，用同色相但不同明暗的窗帘和沙发（低对比=柔和安宁），还是用互补色的靠垫和地毯（高对比=活力社交），完全取决于使用场景。面积对比尤其关键——70%主色 + 25%辅色 + 5%点缀色的经典比例，本质就是面积对比的实践化。

失效边界

• 色盲/色弱场景：七种对比中基于色相的对比（色相对比、互补对比）对色觉异常人群失效，此时明暗对比和面积对比成为主要可用工具。
• 极低光环境：在暗光或黑白媒介中，色相、冷暖、饱和度对比全部失效，只剩明暗和面积对比有效。
• 超小尺度：在极小面积（如1px线条、极小图标）中，色相对比和饱和度对比难以被感知，明暗对比几乎是唯一有效手段。

改造方法 将七种对比从「绘画/平面」扩展到跨感官领域：

• 补一个变量「材质对比」（粗糙 vs 光滑、透明 vs 不透明），因为真实设计中材质改变对色彩感知的影响不亚于面积对比。
• 改造后：八维色彩-材质关系空间。例如毛玻璃效果的本质就是「降低色相对比 + 增加透明度对比」。

行动接口（3 套 SOP）

🟢 小白版 SOP

• 触发条件：拿到一个配色任务，不知道从何下手。
• 执行步骤：1) 先选一个主色（凭直觉或品牌需求）；2) 用色相对比确定第二色（参考12色相环间隔）；3) 用明暗对比确定深浅层次（至少3个明度级）；4) 用面积比分配主色70%、辅色25%、点缀5%；5) 用冷暖对比检查整体情绪是否匹配目标。
• 验证标准：遮住其他维度，只看明暗关系——如果画面仍然有层次感，说明明暗对比设计正确。
• 回滚机制：如果配色「脏了」，先检查互补对比是否过强（两个高饱和互补色直接对冲最容易脏），降低其中一个的饱和度。

🟡 老手版 SOP

• 触发条件：基本配色已确定，但觉得「对了但不够好」，需要精细化调优。
• 执行步骤：1) 把现有配色的七个维度逐项打分（1-10）；2) 找到得分最高的2个和最低的2个维度；3) 尝试降低最高维度以创造节奏感，同时提升最低维度以补全表现力；4) 用同时对比检查：在画布边缘放小色块，看颜色是否因邻近色而偏移；5) 做面积微调——±5%的面积变化可能比换颜色更有效。
• 验证标准：灰度打印后仍有清晰层次 + 倒过来看（去掉语义干扰）整体色调仍然平衡。
• 常见进阶陷阱：过度追求「所有维度都有对比」导致视觉噪音。高手应该学会有策略地牺牲某些对比来突出核心对比。

🔵 团队版 SOP

• 触发条件：设计团队需要统一色彩规范，或评审一个配色方案是否合理。
• 角色 × 步骤矩阵：设计负责人定义目标情绪 → 用七种对比矩阵标注目标值（如「需要高冷暖对比 + 低饱和度对比」） → 执行设计师据此出3套方案 → 团队用七维对比表逐项对比打分 → 选出得分最接近目标的方案。
• 验证标准：不同设计师独立评估时，七维打分的方差 < 1.5（说明评价标准对齐了）。
• 回滚机制：如果团队对某个维度的判断严重分歧，回退到伊顿的色彩练习——做10分钟手动色彩拼贴，用体感而非逻辑达成共识。

决策检查清单

• 我是否考虑了至少3种以上的对比维度？（只用色相对比 = 新手）
• 明暗关系是否在灰度下仍然成立？
• 面积比例是否符合70/25/5或类似节奏？
• 补色关系是否被控制在「点缀」级别而非「主战场」？
• 有没有哪种对比被我完全忽略了？

内容种子

• 可衍生文章选题：《为什么你的配色总是「差一点」？用七维对比做一次诊断》
• 可设计课程模块：「色彩对比工作坊」——每节课聚焦一种对比，学员做对比练习并互评
• 可提出咨询问题：「你们的品牌色在七种对比中占据什么位置？与竞品的差异在哪几个维度？」

模型二：色彩和谐矩阵

模型定义 色彩和谐不是「好听的颜色凑在一起」，而是在特定对比关系中达成视觉张力与平衡的动态状态——和谐可以是低对比的平静和谐，也可以是高对比的紧张和谐，关键在于各维度之间的比例关系是否形成了有节奏的整体。

（图说明：高对比不一定不和谐，低对比不一定和谐——和谐度取决于对比是否被有意识地组织。）

原书论证 伊顿在色彩球体模型中展示了明度和饱和度的系统变化，他特别指出「和谐」的色彩组合通常遵循几何关系——在色相环上呈等距分布的颜色（如等边三角形的三原色、正方形的四色组合）天然具有和谐感，因为它们的对比关系是均匀分配的，没有哪个颜色过于突兀。但伊顿同时强调，打破几何规则的不和谐配色如果目的明确（表达冲突、焦躁），也具有表现力价值——不和谐本身也是一种「功能」。

迁移场景

1. 音乐专辑封面设计：电子音乐常用高对比紧张和谐（霓虹互补色），民谣常用低对比平静和谐（类似色相的明暗变化），嘻哈常用不和谐色组合（表达街头反叛）。用四象限矩阵可以快速定位「这个视觉方案是否匹配音乐的情绪」。
2. 企业年报的色彩策略：财务数据稳定增长的年报适合「低对比高和谐」（传递稳健），转型期公司适合引入适度的紧张和谐（传递「变化但可控」），破产重组公司可能需要用不和谐色表达紧迫感。
3. 游戏UI中的情绪引导：安全区用平静和谐（低对比同色系），战斗区用紧张和谐（高对比互补色），Boss战入口用短暂的不和谐过渡（制造心理预警）。

失效边界

• 文化差异：「和谐」的审美判断高度文化依赖。伊顿的和谐观基于欧洲艺术传统，某些东亚传统色彩搭配（如日本的「粹」审美偏好不对称、不完整）会被他归类为「不和谐」，但在其文化语境中恰恰是最高级的和谐。
• 个人训练背景：伊顿认为经过色彩训练的人对和谐的感知力更强，这隐含了一个精英前提——「更好的品味需要训练」，这在面向大众的设计中可能失效。
• 动态媒介：静态色彩和谐的判断标准在视频、动画等动态媒介中不完全适用——时间维度的引入会改变和谐感。

改造方法

• 增加「时间轴」变量，将静态和谐矩阵扩展为动态和谐序列：在5秒的片头中，色彩可以从不和谐逐渐过渡到和谐（叙事功能）。
• 改造后模型：和谐度 × 对比度 × 时间变化率的三维空间。

行动接口（3 套 SOP）

🟢 小白版 SOP

• 触发条件：觉得配色「说不上哪里不对」。
• 执行步骤：1) 把当前配色的色相提取出来放在色相环上；2) 画出它们构成的几何形状（三角形？不规则？）；3) 如果是不规则形状，尝试旋转/调整使其更接近正多边形；4) 调整后重新看整体感觉。
• 验证标准：调整后「刺眼感」消失，同时「乏味感」没有增加。
• 回滚机制：如果调整到更规则的几何后画面变无聊了，说明你过度追求和谐——回退一步，保留一个「破格」的色块。

🟡 老手版 SOP

• 触发条件：需要为一个项目建立完整的色彩情绪弧线（如品牌从「温暖亲切」升级到「专业权威」）。
• 执行步骤：1) 用四象限矩阵标注当前品牌色彩的位置；2) 标注目标位置；3) 设计一条从A到B的过渡路径（每一步改变一个对比维度）；4) 为每个阶段做配色方案；5) 检查相邻阶段之间的跳跃是否平滑。
• 验证标准：把5个阶段的配色方案并排看，能明显感受到情绪渐变，且没有任何一个阶段是「突兀」的。
• 常见进阶陷阱：混淆「和谐」与「安全」——老手容易被训练成「永远追求和谐」，忘记了不和谐在特定表达需求下是有价值的。

🔵 团队版 SOP

• 触发条件：多设计师并行工作，需要确保最终视觉产出的色彩和谐度一致。
• 角色 × 步骤矩阵：色彩总监定义和谐度目标象限 → 各设计师各自出方案 → 色彩总监用四象限矩阵逐一校准 → 偏离目标的方案打回并给出调整维度（不是告诉他们换什么颜色，而是告诉他们调哪个对比维度）。
• 验证标准：10个方案放入四象限后，聚集在目标象限周围的离散度 < 1个象限宽。
• 回滚机制：如果频繁打回导致设计师抵触，改为「对比维度标注」而非「和谐度评判」——只标注客观数据，让设计师自行调整。

模型三：色彩球体模型

模型定义 所有可感知的颜色可以映射到一个三维球体中：垂直轴为明度（黑→白），水平赤道为色相环，中心向外为饱和度（从灰到纯色）。任何一个颜色都有一个精确的三维坐标，色彩之间的关系可以通过坐标距离来度量。

（图说明：色彩球体用三维坐标定义每种颜色的位置，明度为南北轴，饱和度为半径，色相为环向。）

原书论证 伊顿构建色彩球体的目的是给色彩关系一个可度量的框架。他指出，两个颜色在球体中的距离越远，它们之间的对比越强——这为七种对比提供了空间化的解释。例如互补色位于色相环上180度对立的位置（最大色相距离），黑白位于南北两极（最大明度距离）。色彩和谐的组合在球体中通常形成规则的几何结构（等距三角形、正方形等）。

迁移场景

1. 色彩无障碍检测：在色球模型中，两个颜色如果坐标距离过近（尤其在明度轴上），对低视力用户来说难以区分。用色彩球体作为「可区分性」的度量工具，替代直觉判断。
2. 竞品色彩分析：把竞品A、B、C的品牌色标在色球上，如果三者挤在同一个区域，说明市场存在「色彩同质化」——这本身就是一个差异化机会。
3. 色彩渐变设计：色球中两点之间的最短路径（大圆弧线）提供了「最自然的渐变路径」，而偏离这条路径的渐变会产生「脏色」。

失效边界

• 色彩球体是理想模型：现实中颜料/屏幕能呈现的色彩集合不是完美球体（色域问题），很多理论上「存在」的颜色实际上无法被复现。
• 感知非线性：人眼对明度、饱和度的感知不是线性的（对中间灰附近的明度变化更敏感），球体模型假设了均匀感知，实际上需要感知校正。

模型四：主观色彩理论

模型定义 个体对色彩的感知和偏好受其内在心理状态、经验记忆和气质类型的深度影响——同一种颜色对不同的人意味着完全不同的东西，因此色彩教育的终点不是「学会正确用色」，而是「发展出自己的色彩语言」。

（图说明：色彩感知经过个体心理过滤器的三层编码，最终产生高度个性化的色彩表达。）

原书论证 伊顿在包豪斯的教学中让学生做「色彩自由联想」练习：给定一个抽象概念（如「和谐」「悲伤」「力量」），让学生用纯色块表达，不做任何对错评判。结果发现不同学生的色彩选择差异巨大，但每个人自己的选择具有内在一致性。伊顿由此得出结论：色彩感知的核心是主观的，训练的目标不是统一品味，而是帮助每个人发现并精炼自己的色彩直觉。

迁移场景

1. 用户研究中的色彩偏好测试：不要直接问「你喜欢什么颜色」（太粗糙），而是给用户一组抽象任务（如「用3个颜色表达这个产品的气质」），从他们的选择中提取潜意识的色彩编码。
2. 个人品牌塑造：帮助个人（如公众人物、创业者）找到属于自己的「标志性色彩组合」——不是选一个logo色，而是在色球上找到一个「区域」，所有视觉产出都围绕这个区域变化，保持辨识度。
3. 治疗性色彩应用：在艺术治疗中，用主观色彩理论理解患者选择的色彩含义——不是套用「红色=愤怒」的公式，而是结合个体语境做深度解读。

失效边界

• 个人主观性过强时，无法形成沟通共识：如果每个人都只相信自己的色彩直觉，团队协作的色彩规范就无法建立。主观色彩理论的价值在于「起点」而非「终点」。
• 病理状态下的色彩感知偏移：某些神经疾病、药物影响会改变色彩感知，此时个人的「主观色彩语言」可能偏离其正常状态。

CH.05🧠 费曼检验

情境问题

你是一个独立游戏的美术总监，预算有限，只有1名美术师。游戏是一个「关于失去记忆的侦探在梦与现实间穿梭」的叙事解谜游戏。你需要为三个场景设计色彩方案：（1）现实中的侦探办公室；（2）梦中的记忆碎片；（3）从梦中醒来过渡回现实的瞬间。请用伊顿的色彩理论框架分析并给出方向性建议。

参考解法框架

用七种对比系统分析三个场景的对比策略：办公室适合低色相对比+高明暗对比（压抑但清晰，暗色调中的台灯光=明暗对比主导），梦中适合高色相+高互补对比+低面积对比（色彩丰富但不稳定，各色面积均衡=混沌感），过渡瞬间适合从高对比渐变到低对比的时间序列（用色彩和谐矩阵描述这个过渡轨迹）。

好的回答应包含的要素

• 三个场景分别被定位在色彩和谐四象限的不同位置
• 每个场景明确指出了2-3种重点使用的对比维度
• 过渡场景有时间维度的色彩设计（不只是一个静态方案）
• 提到了面积对比在三个场景间的节奏变化（现实大面积暗色 → 梦中碎块化 → 回归大面积暗色）

5 个常见误解

1. 误解：「暖色让人感到温暖，冷色让人感到寒冷」是色彩的固定属性。 澄清：伊顿指出冷暖是对比关系——同一个黄色放在橙色旁边是冷的，放在蓝色旁边是暖的。没有绝对的冷暖色，只有相对的冷暖关系。

2. 误解：色彩和谐 = 所有颜色都很「舒服」、没有冲突。 澄清：伊顿明确区分了「平静的和谐」和「紧张的和谐」。高强度对比可以是和谐的，只要对比关系是有节奏、有秩序的；低对比也可以是不和谐的，如果颜色之间缺乏逻辑关系。

3. 误解：学好色彩就是记住配色公式（如互补色一定好看）。 澄清：公式只是起点。伊顿的七种对比是诊断工具，不是处方——你需要理解每种对比的强度如何调节，而不是机械套用。

4. 误解：伊顿的色彩理论是「客观的科学」。 澄清：伊顿本人深受歌德主观色彩论影响，他的理论中包含大量主观判断成分（如他对色彩和谐的偏好反映了他的个人审美），将其当作纯客观科学使用会过度信赖。

5. 误解：面积对比不重要，颜色选对就行了。 澄清：伊顿认为面积对比是最容易被忽视但影响最大的对比维度——同样的两个颜色，面积比9:1和1:1的视觉效果天差地别。很多「配色失败」的案例，问题不在颜色而在面积。

12 岁孩子版

第一件事：你看到的颜色其实不是那个颜色自己的样子，而是它旁边的颜色让它「变成」了那个样子。 第二件事：就像同一首歌，放在安静的房间里听和放在摇滚演唱会里听感觉完全不同——颜色也是这样。 第三件事：有七种方式让两个颜色看起来「不一样」，比如一个深一个浅、一个冷一个暖、一大一小，设计师就是用这些「不一样」来画画的。 第四件事：高手不是记住了什么颜色配什么颜色，而是理解了什么时候该让颜色打架、什么时候该让颜色和好。 第五件事：最后，你觉得什么颜色好看，是你自己独一无二的——老师教的是方法，不是标准答案。

CH.06📝 全书评估

1. 真正解决了什么问题？ 把色彩从「感性的天赋」转化为「可分析、可教学、可调校的关系系统」。在伊顿之前，色彩教育要么是学院派的模仿训练，要么是放任自流的「跟着感觉走」。七种对比系统第一次给色彩教育提供了可操作的分析框架。

2. 核心模型原创性如何？ 七种对比的框架具有高度原创性——虽然单个对比（如互补对比）并非伊顿首创，但将七种对比整合为一个系统、并用教学实践验证，这是他的独创贡献。色彩球体模型则与奥斯特瓦尔德的体系有传承关系。

3. 证据质量如何？ 以包豪斯教学实践为核心验证场景，案例丰富且有启发性，但主要限于欧洲艺术教育语境。缺乏跨文化、跨媒介的大规模验证。

4. 最大盲区是什么？ 对数字色彩的完全缺失（本书成书于1961年，数字色彩尚未普及）；对色彩无障碍（色盲、低视力群体）几乎没有涉及；对文化差异对色彩感知的影响讨论不足。

书籍坐标：在色彩理论谱系中，伊顿处于「歌德主观色彩论」与「现代数字色彩管理」之间的桥梁位置。往上接歌德的感知心理学传统，往下启色彩心理学在设计领域的应用。与阿尔伯斯《色彩的交互作用》构成互补——阿尔伯斯更实验化、更极简，伊顿更系统化、更富有教育性。

CH.07🔗 跨书关联

与《色彩的交互作用》（约瑟夫·阿尔伯斯）的关联

• 共振点：两本书都在追问同一个核心问题——色彩的感知是关系性的。阿尔伯斯用极简的方形色块实验（同一颜色在不同背景上看起来完全不同）验证了这一点，伊顿用七种对比系统把它理论化。
• 冲突点：阿尔伯斯刻意回避「和谐」「美」这类主观判断，坚持只谈「色彩的相对性」这一客观事实；而伊顿积极地用和谐、表现力、情绪等主观框架来组织色彩知识。阿尔伯斯认为「色彩的魔术没有逻辑」，伊顿则试图为这种「魔术」建立逻辑。
• 为什么接着读：读完伊顿再读阿尔伯斯，你会从「系统化框架」进入「纯粹实验直觉」——前者给你分析工具，后者训练你的感知锐度。两者互补。

与《色彩的艺术》（沃尔夫冈·冯·韦克瑟尔）的关联

• 共振点：同属20世纪中期欧洲色彩理论经典，都致力于将色彩从工匠技能提升为艺术理论。
• 冲突点：韦克瑟尔更偏向色彩在装饰艺术和工业设计中的应用，更务实；伊顿更偏向绘画和教育，更理想主义。
• 为什么接着读：伊顿给你原理，韦克瑟尔给你工程化应用——尤其在产品色彩设计领域，后者更直接可用。

CH.08✨ 深度洞察摘录

对比决定感知，属性只是起点

• 来源：七种色彩对比系统模型
• 类型：认知颠覆
• 核心内容：你看到的不是「红色」，而是「在深蓝旁边、面积很小、饱和度很高」的红色。颜色的视觉效果是一个七维向量的函数值，不是一个标签。这意味着：当你觉得「这个颜色不对」时，80%的情况是对比关系需要调整，而不是颜色本身选错了。
• 可迁移到：产品定价策略（价格感知也是关系性的——999元在1999元旁边很便宜，在499元旁边很贵）、内容创作中的措辞选择（一个词的力量取决于上下文对比）。

和谐不是没有冲突，而是冲突有秩序

• 来源：色彩和谐矩阵
• 类型：可迁移模型
• 核心内容：伊顿最有力量的洞察之一是把和谐从「舒服」扩展到「有秩序的张力」。高对比不等于不和谐，低对比不等于和谐——关键在于对比关系是否构成了可识别的节奏。这个框架直接适用于音乐编曲（安静段落与高潮段落的节奏）、团队管理（冲突与合作的节奏）、叙事结构（紧张与释放的节奏）。
• 可迁移到：团队冲突管理（建设性冲突 vs 破坏性冲突的区分标准：是否有「秩序」即共同目标和对话规则）。

训练品味的方法不是灌输标准，而是激活直觉

• 来源：主观色彩理论 / 包豪斯色彩教学法
• 类型：跨书共振
• 核心内容：伊顿的教学法革命在于——他不教「红色代表什么」，而是让学生自己画出「悲伤的红色是什么样的」。这意味着审美教育的本质不是传递知识，而是创造条件让每个人的内在感知力浮出水面。这与认知科学中「生成效应」（自己生成的知识比被动接受的记忆更深）高度一致。
• 可迁移到：企业培训设计（不要给员工「客户沟通话术手册」，而是让他们自己生成话术并互评）、儿童教育（不要告诉孩子「这幅画画得好」，而是问「这幅画让你感觉到了什么」）。

面积是被遗忘的第五力

• 来源：面积对比 / 七种对比系统
• 类型：金句级表达
• 核心内容：设计师在调色板上花80%的时间选择颜色，却只花5%的时间调整面积比例——然而面积对比对视觉效果的影响可能大于色相选择。两块同样漂亮的颜色，面积比9:1和1:1是两个完全不同的设计。这个洞察的本质是：量变在色彩领域不是渐进的，而是质变的。
• 可迁移到：信息架构设计（一个功能入口的文字占页面的面积比例决定了用户对它的重视程度——这比按钮颜色重要得多）。