UI界面的色彩搭配

UI界面中需要色彩有机的组合，满足功能要求的同时达到良好的视觉体验。在UI创建中，最耗时的关键阶段之一即是色彩选择。

和谐统一是UI设计力求的。为了让用户感到满意和舒适，设计师尝试将平衡引入用户界面设计。色彩的和谐统一指UI设计中色彩的安排以最吸引人、最有效的方式被用户感知。和谐统一的色彩有助于UI界面获得良好的第一印象。

三色搭配指不超过三种色相的色彩搭配原则。三色搭配需要处理好色彩之间的主从关系，即设置主色、辅色、点缀色。色彩关系所占的比例面积可以设计为60%、30%、10%。

主色可以决定整个UI界面的风格，主色一般在应用的LOG0、视觉面积较大的导航栏上使用。主色影响视觉传达效果。辅色的功能在于帮助主色建立更加完整的视觉形象。如果一种颜色已经完美地与图形结合，那么辅色就是没有必要的。辅色一般应用在各种控件、图标、插图上。点缀色一般体现在细节上，多数是分散的，面积比例小。点缀色一般在一些需要提示的小图标，或者需要突出的图形中使用。

色彩对比是任何视觉构成的关键部分。对立色调的原则是浅色背景使用深色文字，深色背景使用浅色文字。它为每个UI元素带来了个性化，并使所有的UI元素都引人注目。

红色象征着好和坏的感觉，包括爱、自信、激情和愤怒。

橙色充满活力和温暖，带来兴奋的感觉。

黄色是幸福的颜色，阳光、快乐和温暖。

绿色带来平静和更新的感觉。

蓝色通常代表一些企业形象。

紫色是一种神秘和魔力的颜色。

黑色与悲剧和死亡联系在一起，象征着一个谜。

白色意味着纯洁和纯真，以及完整和清晰。

①邻近色配色。邻近色配色指使用位于色相环上相邻的颜色进行配色。邻近色配色能够有效地达成和谐统一的界面效果。

②同类色配色。同类色配色指色相一致，基于一种颜色的不同色调，在明度、饱和度上对颜色进行调整。主色、辅色都在同一色相上，给用户一种一致化的感受。

③点缀色配色。点缀色配色主色用相对沉稳的颜色，点缀色采用一个高亮的颜色，起带动页面气氛，强调重点的作用。

④互补色配色。互补色配色指使用色相环上相对应的一组颜色进行搭配。互补色配色可以产生高对比度，具有视觉冲击力。

⑤中性色配色。中性色配色指用中性的色彩为基调搭配，弱化干扰。由黑色、白色及由黑白调和的各种深浅不同的灰色系列，称为无彩色系，也称为中性色。中性色不属于冷色调，也不属于暖色调。黑、白、灰是常用的三大中性色。这种方法在移动端是最常见的。

⑥渐变色配色与纯色配色。

零基础自学CDR AI PS ID视频教程

APP UI界面素材包第37季