南方都市报
四色方案同时使用高饱和颜色时,画面容易出现竞争关系。可以保留一个主色和一个强调色,把另外两种颜色降低饱和度,或改为浅色背景、深色文字和少量亮色点缀。
如果只是寻找可直接使用的四色组🌟合,可以从一个主色、一个辅助色、一个强调色和一个中性色开始搭配。主色负责建立氛围,辅助色扩大层次,强调色用于按钮或重点信息🎊,中性色用于背景、文字和留白。
四色大全可以按照💫颜色关系、明暗程度和应用功能进行分类。按照颜色关系整理,适合学习配色原理;按照应用功能整理,适合做网页、海报和品牌视📌觉;按照明度整理,则便于处理文字与背景之间的可读性。
屏幕四色适合先建立 RGB 方案,再根据实际设备观察亮度和对比度。不同手机、显示器和系统设置会造成颜色差异,重要页面应检查明亮环境、低亮度环境以及深色模式下的可读性。
颜色比例还要与页面结构保持一致。一个只有少量操作入口的页面,不需要让强调色占据大面积;一个以分类展示为主的页面,可以适当提高辅助色的使用比例,但仍要保留统一的文字和背景规则。
四色清单不应只记录色块和颜色名称,还应记录色值、使用比例、适用背景、文字颜色和禁用场景。完😎整记录能够减少多人协作时的随意改色,也方便将同一套方案扩展到网页、海报、社交图片和包装。
互补四色通常由色轮上相对的颜色延伸而来,视觉冲击力较强,适合活🔥动宣传、运动主题和需要突出重点的画面。互补组合使用时,应让其中一种颜色占据较大面积,另一种颜色仅承担强调任务,避免两种高饱🍀和颜色各占一半。
分裂互补四色以一个主色为基础,再选择互补色两侧的颜色,兼顾协调与对比。分裂互补适用于希望画面有变化、又不想产生过强冲突的场景,常见于插画、专题页面和包装设计。
四色组合不能只追求“好看”,还要检查颜色之间的功能分工。若主色和强调色都很鲜艳,页面会出现多个视觉中心;若四种颜色明度接近,用户难以判断标题、按钮和普通信息的优先级。
“四色大全”通常不是一张固定不变的颜色清单,而是对四种基础色、四色配色方案或四色应用体系的统称。选择颜色时,先判断使用场景:屏幕显示优先看 RGB,印刷制作优先看 CMYK,绘画与装饰更重视💎色相关系,信息图表则应优先考虑辨识度与色觉友好性。
颜色名称只能帮助人快速理解大致方向,不能完整代表实际🤔显示效果。网页、海报、包装、插画和数❤️据图表的颜色要求不同,因此整理四色清单时,最好同时记录颜色用途、明度关系、适用背景以及是否适合印刷。
四色方案明度接近时,视觉层级会变得模糊。可以先把设计稿转换成灰度观察,再调整标题、背景、按钮和正文之间的明暗差异。灰度下仍能区分主要区域,通常说明层级较稳定。