光明日报
“吾色”通常指用于选色、配色和分析色彩关系的工具。它可以帮助设计者围绕一个主色寻找相近色、对比色或互补色,并通过调整色相、饱和度和明度,较快得到适合界面、海报、品牌视觉或图片设计的配色方向。
配色时经常✨出现🔥“颜色方向对了,但整体感觉不对”的情况,通常是色相、饱和度和明度没有匹配好。
色相决定颜色属于哪一类,例如偏蓝🚀、偏绿或偏红。色相差距💪较小时,画面通常更统一;色相差距较大时,对比更明显,但需要控制颜色数量和面积。
很多人遇到的并不是“找不到颜色”,而是选出的颜色放在一起后显得杂乱、沉闷或缺乏重点。吾色的作用,是把主观的颜色选择转化为更清晰的色彩关系,帮助你快速判断不同颜色之间是否协调。
需要注意的是,吾色提供的是配色参考,不是可以直接替代设计判断的自动答案。不同版本的页面功能和按钮名称可能存在差异,但“确定主色—建立关系—分配用途—放入实际画面检查”的方法基本通用。
第一,检查颜色的面积关系。主色可以承担较大面积,辅助色负责区分模块,强调色用于按钮、标签或关键数据。若强调色面积过大,它就不再是强调,反而会变成新的背景。
明度决定颜色的明暗。正文、按钮⭐文字和背景之间要有足够的明暗区分,否则即使色相搭配合理,阅读仍然会困难。设计中常见的做法是用较浅的背景衬托深色文字,再用一个明度或饱和度更突出的颜色承载操作重点。
吾色更适合承担“快速探索和整理色彩方向”的工作。真正确定一套配色时,应把主色的识别度、辅助色的统一性、文字的可读性以及最终使用环境一起考虑。先用工具缩小选择范围,再回到具体设计场景验证,通常比单独追求某一张漂亮色卡更可靠。
第三是已有约束。品牌标志、产品主色、客户指定色、图片主体色以及平台规范,都可能决定主色不能随意更换。把这些限制提前确定,能避免在吾色中生成大量无法落地的方案。
饱和度决定颜色的鲜艳程度。高饱和度适合强调和吸引注意力,低饱和度更适合背景、辅助区域和需要长期阅读的页面。若整套配色都很鲜艳,画面容易产生噪杂感。
第二,检查文字与背景的可读性。浅灰文字放在浅色背景上、鲜艳文字放在复杂图片上,都可能造成阅读障碍。必要时可以加深🔮文字、降低背景饱和度,或为🔍文字区域增加纯色底。