            
                培训首页
             > 
            培训新闻
             > 
            设计师新闻
             > 
            色彩在UI设计中的应用
        

色彩在UI设计中的应用

来源：

保定电脑设计师培训

发表于：2021-10-19 09:12:51

相关标签：设计师培训保定设计师培训

一、色彩的应用

人脑对于色彩的记忆度要高于形态，保定平面设计培训即一个App给用户留下深刻印象的往往是界面的色彩；例如说到支付宝，我们可能想不起它的首页长什么样子，标签栏图标是那些，但能马上记起它的界面主色是蓝色；因此运用好色彩对UI设计十分重要，它能直观的呈现产品的气质和性格，能有效的帮助用户组织和阅读信息，与界面设计产生联系和记忆。

好的配色往往依靠设计师审美、感觉搭配出来，但合理的颜色搭配必定存在合理的配色规律和配色方法论的支撑，下面结合相关案例为大家讲解色彩运用的几个技巧。

1. 不得触碰的禁区

分析研究了很多设计作品，发现他们在用色的时候有一部分区域是不会使用的，也就是我们常说的“配色禁区”；当然，这里的“禁区”是带双引号带的，并没有什么的禁区，只是说这些颜色不易控制，在连基础色都没有驾驭好之前，尽量少碰。

在界面设计中，一般主色和辅助色都集中在右上角，次要的和不可点的颜色都集中在中中上方，而文字信息和背景色则集中在左侧，右下角禁区是我们要重点避开的对象。

. 色调一致

在App设计之前应先确定界面的主色调，主色将占据界面中很大的比例，通常是品牌色，而辅助色、点缀色、背景色等都应以主色调为基准来搭配，这样才能保证App整体色调的一致。

3. 60-30-10原则

60% 30% 10%的原则，是达到色彩平衡的佳比例。在60%的空间使用主色，可以运用到导航栏、按钮、图标等关键的元素中，使之成为整个App的视觉焦点和色彩关系；30%的空间使用辅助色，可以平衡过多的主色而造成的视觉疲劳；最后剩下10%的空间为点缀色，可以用在一些不太重要的元素又需要区分的时候。

6:3:1原则构建了一种丰富的色彩层次，让界面看上去和谐、平衡和不杂乱。

4. 色不过三

经常很多大神在网上说配色不要超过三种色，其实就是「色不过三」原则，即在一个页面中不要使用超过3种颜色搭配，这也和上面说的“60-30-10原则”类似，即一个主色、一个辅助色和一个点缀色。

但在实际UI设计中，迫于产品的需要可能会使用更多数量的色彩，但切记不可超过7种色相（注意不是7种色值），每个色相还可以运用其饱和度、明度的变化分解出丰富的色彩搭配。