澎湃新闻
第二是情绪方向。如果希望画面轻松、自然,可以优先考虑明度较高、饱和度适中的颜色;如果需要稳重和专业感,可使用低饱和度颜色搭配深色文字;如果想制造活泼、醒目的效果,可以保留一个高饱和度强调👍色,但不要让所有颜色都💪处于高饱和状态。
第一,检查🎊颜色的面积关系。主色可以承担较大面积,辅助色负责区分模块,强调色用于按钮、标签或关键数据。若强调色面积过大,它就不再是强调,反而会变成新的背景。
明度决定颜色的明暗。正文、按钮文字和背景之间要有足够的明暗区分,否则即使色相搭配合理,阅读仍然会困难。设计中常见的做法是用较浅的背景衬托深色文字,再用一个明度或饱和度更突出的颜色承载操作重点。
需要注意的是,吾色提供的是配色参考,不是可以直接替代设计判断的自动答案。不同版本的页面功能和按钮名称可能存在差异,但“确定主色—建立关系—分配用途—放入实际画面检查”的方法基本通用。
第三,检查不同状态。按钮至少要考虑默认、悬停、点击、禁用和错误提示等状态;信息图表还要确认相邻数据之间是否容易区分。不要只检查一张静态展示图。
第四,检查输出环境。屏幕显示的颜色与印刷成品可能存在差异,尤其是高亮度和高饱和度颜色。用于印刷、包装或实体物料时,应在目标材质上打样,不能只依赖吾色中的屏幕效果。
第一是使用场景。同一种颜色用于科技产品界面、儿童活动海报和高端品牌包装时,搭配方式并不相同。🤔界面配色更看重阅读和操作,海报配色需要迅速形成视觉冲🚀击,包装配色则要考虑材质、印刷和货架环境。
色相决定颜色属于哪一类,例如偏蓝、偏绿或偏红。色相差距较小时,画面通常更统一⚡;色相差距较大时,对比更明显,但需要控制颜色数量和面积。
第二,检查文字与背景的可读性。浅灰文字放在浅色背景上、鲜艳文字放在复杂图片上,都可能造成阅读障碍。必要时可以加深文字⭐、降低🚀背景饱和度,或为文字区域增加纯色底。