- Photoshop CC移动UI图标设计实用教程
- 水木居士
- 610字
- 2025-02-15 19:50:14
1.5 图标设计常用配色方案
如果想使自己设计的作品充满生气、稳健、冷清或者温暖等感觉都是由整体色调决定的。那么怎么能够控制好整体色调呢?只有控制好构成整体色调的色相、明度、纯度关系和面积关系等,才可以控制好我们设计的整体色调。通常这是一整套的色彩结构并且是有规律可循的,通过下面几种常见的配色方案就比较容易找到这种规律。
1.5.1 单色搭配
由一种色相的不同明度组成的搭配叫单色搭配,这种搭配很好地体验了明暗的层次感。单色搭配如图1.20所示。

图1.20 单色搭配效果

图1.20 单色搭配效果(续)
1.5.2 近似色搭配
相邻的两到三个颜色的搭配称之为近似色搭配。如下图(橙色/褐色/黄色),这种搭配比较让人赏心悦目,低对比度,较和谐。近似色搭配如图1.21所示。

图1.21 近似色搭配
1.5.3 补色搭配
色环中相对的两个色相搭配叫补色搭配。颜色对比强烈,传达能量、活力、兴奋等意思,补色中最好让一个颜色多,一个颜色少,如下图(紫色和黄色)。补色搭配如图1.22所示。

图1.22 补色搭配

图1.22 补色搭配(续)
1.5.4 分裂补色搭配
同时用补色及类比色的方法确定颜色关系,就称为分裂补色。这种搭配,既有类比色的低对比度,又有补色的力量感,形成一种既和谐又有重点的颜色关系,如下图,红色文字就显得特别的铿锵有力,特别突出。分裂补色搭配如图1.23所示。

图1.23 分裂补色搭配
1.5.5 原色的搭配
原色搭配色彩比较明快,这样的搭配在欧美也非常流行,如蓝红搭配,麦当劳的LOGO色与主色调红黄色搭配等。原色的搭配如图1.24所示。

图1.24 原色的搭配

图1.24 原色的搭配(续)