“吾色”通常指用于选色、配色和剖析色彩关系的工具。它可以资助设计者围绕一个主色寻找相近色、比照色或互补色,并通过调解色相、饱和度和明度,较快获得适合界面、海报、品牌视觉或图片设计的配色偏向。
使用吾色时,不建议一最先就随意挑选多个颜色。更有用的要领是先确定设计要转达的情绪和使用场景,再选定主色,最后把天生或筛选出的颜色分派为配景致、辅助色、文字色和强调色。这样获得的色板不但悦目,也更容易真正应用到设计稿中。
许多人遇到的并不是“找不到颜色”,而是选出的颜色放在一起后显得杂乱、苦闷或缺乏重点。吾色的作用,是把主观的颜色选择转化为更清晰的色彩关系,资助你快速判断差别颜色之间是否协调。
需要注重的是,吾色提供的是配色参考,不是可以直接替换设计判断的自动谜底。差别版本的页面功效和按钮名称可能保存差别,但“确定主色—建设关系—分派用途—放入现实画面检查”的要领基本通用。
第一是使用场景。统一种颜色用于科技产品界面、儿童活动海报和高端品牌包装时,搭配方法并不相同。界面配色更看重阅读和操作,海报配色需要迅速形成视觉攻击,包装配色则要思量材质、印刷和货架情形。
第二是情绪偏向。若是希望画面轻松、自然,可以优先思量明度较高、饱和度适中的颜色;若是需要稳重和专业感,可使用低饱和度颜色搭配深色文字;若是想制造生动、醒目的效果,可以保存一个高饱和度强调色,但不要让所有颜色都处于高饱和状态。
第三是已有约束。品牌标记、产品主色、客户指定色、图片主体色以及平台规范,都可能决议主色不可随意替换。把这些限制提前确定,能阻止在吾色中天生大宗无法落地的计划。
配色时经常泛起“颜色偏向对了,但整体感受差池”的情形,通常是色相、饱和度和明度没有匹配好。
色相决议颜色属于哪一类,例如偏蓝、偏绿或偏红。色相差别较小时,画面通常更统一;色相差别较大时,比照更显着,但需要控制颜色数目和面积。
饱和度决议颜色的鲜艳水平。高饱和度适合强协调吸引注重力,低饱和度更适合配景、辅助区域和需要恒久阅读的页面。若整套配色都很鲜艳,画面容易爆发噪杂感。
明度决议颜色的明暗。正文、按钮文字和配景之间要有足够的明暗区分,不然纵然色相搭配合理,阅读仍然会难题。设计中常见的做法是用较浅的配景陪衬深色文字,再用一个明度或饱和度更突出的颜色承载操作重点。
| 设计目的 | 主色选择 | 辅助色处置惩罚 | 重点检查 |
|---|---|---|---|
| 专业、稳固 | 选择偏冷或中性的主色 | 降低饱和度,增添灰度和深浅条理 | 正文是否清晰,页面是否过于极重 |
| 自然、亲和 | 从绿色、米色或暖色偏向寻找主色 | 使用柔和的近似色,阻止过强比照 | 大面积使用时是否耀眼或发脏 |
| 生动、醒目 | 保存一个明快且辨识度高的主色 | 用中性色压住画面,强调色控制面积 | 视觉焦点是否明确,信息是否被颜色抢走 |
| 精练、高级 | 选择低饱和度或简单色相 | 依赖明度差和材质感形成条理 | 画面是否缺少重点,浅色文字是否难读 |
第一,检查颜色的面积关系。主色可以肩负较大面积,辅助色认真区分?,强调色用于按钮、标签或要害数据。若强调色面积过大,它就不再是强调,反而会酿成新的配景。
第二,检查文字与配景的可读性。浅灰文字放在浅色配景上、鲜艳文字放在重大图片上,都可能造成阅读障碍。须要时可以加深文字、降低配景饱和度,或为文字区域增添纯色底。
第三,检查差别状态。按钮至少要思量默认、悬停、点击、禁用和过失提醒等状态;信息图表还要确认相邻数据之间是否容易区分。不要只检查一张静态展示图。
第四,检查输出情形。屏幕显示的颜色与印刷制品可能保存差别,尤其是高亮度和高饱和度颜色。用于印刷、包装或实体物料时,应在目的材质上打样,不可只依赖吾色中的屏幕效果。
吾色更适合肩负“快速探索和整理色彩偏向”的事情。真准确定一套配色时,应把主色的识别度、辅助色的统一性、文字的可读性以及最终使用情形一起思量。先用工具缩小选择规模,再回到详细设计场景验证,通常比单独追求某一张漂亮色卡更可靠。