![Photoshop CC移动UI图标设计实用教程](https://wfqqreader-1252317822.image.myqcloud.com/cover/198/22692198/b_22692198.jpg)
上QQ阅读APP看书,第一时间看更新
1.5 图标设计常用配色方案
如果想使自己设计的作品充满生气、稳健、冷清或者温暖等感觉都是由整体色调决定的。那么怎么能够控制好整体色调呢?只有控制好构成整体色调的色相、明度、纯度关系和面积关系等,才可以控制好我们设计的整体色调。通常这是一整套的色彩结构并且是有规律可循的,通过下面几种常见的配色方案就比较容易找到这种规律。
1.5.1 单色搭配
由一种色相的不同明度组成的搭配叫单色搭配,这种搭配很好地体验了明暗的层次感。单色搭配如图1.20所示。
![](https://epubservercos.yuewen.com/C0C885/11261884704991506/epubprivate/OEBPS/Images/figure_0026_0004.jpg?sign=1738830487-DtZ8Fyeo97iardck2hmI0WAtJkkiAxjB-0-647c5827268d5c055beb18971681ef44)
图1.20 单色搭配效果
![](https://epubservercos.yuewen.com/C0C885/11261884704991506/epubprivate/OEBPS/Images/figure_0027_0001.jpg?sign=1738830487-0QqIUcLyEfmu9ZjHDnn3YiNYSpFJx1ih-0-f3116de4ee5c6433e7041a120e94538e)
图1.20 单色搭配效果(续)
1.5.2 近似色搭配
相邻的两到三个颜色的搭配称之为近似色搭配。如下图(橙色/褐色/黄色),这种搭配比较让人赏心悦目,低对比度,较和谐。近似色搭配如图1.21所示。
![](https://epubservercos.yuewen.com/C0C885/11261884704991506/epubprivate/OEBPS/Images/figure_0027_0002.jpg?sign=1738830487-pWYJjaNXhJZZZ26UUCLP2BQ3Mf20i0OV-0-35b91763ab9df61182118552b52ca5af)
图1.21 近似色搭配
1.5.3 补色搭配
色环中相对的两个色相搭配叫补色搭配。颜色对比强烈,传达能量、活力、兴奋等意思,补色中最好让一个颜色多,一个颜色少,如下图(紫色和黄色)。补色搭配如图1.22所示。
![](https://epubservercos.yuewen.com/C0C885/11261884704991506/epubprivate/OEBPS/Images/figure_0027_0003.jpg?sign=1738830487-h3FRIifupphOq5aBbQiLfWZlFWGdOzuI-0-28f2112d82b0ee8a11e5fcaaa25a437e)
图1.22 补色搭配
![](https://epubservercos.yuewen.com/C0C885/11261884704991506/epubprivate/OEBPS/Images/figure_0027_0004.jpg?sign=1738830487-t1k36ZQBKPKS7qqvNKHfWjma5nIhbuXE-0-b3725ee5db9a8cc5943d3308e397007f)
图1.22 补色搭配(续)
1.5.4 分裂补色搭配
同时用补色及类比色的方法确定颜色关系,就称为分裂补色。这种搭配,既有类比色的低对比度,又有补色的力量感,形成一种既和谐又有重点的颜色关系,如下图,红色文字就显得特别的铿锵有力,特别突出。分裂补色搭配如图1.23所示。
![](https://epubservercos.yuewen.com/C0C885/11261884704991506/epubprivate/OEBPS/Images/figure_0027_0005.jpg?sign=1738830487-aOzgXPYuAm6az3HJQDd4CFcXjiqijuv0-0-13b94b53bfdea936bfe8edb9fdc72c80)
图1.23 分裂补色搭配
1.5.5 原色的搭配
原色搭配色彩比较明快,这样的搭配在欧美也非常流行,如蓝红搭配,麦当劳的LOGO色与主色调红黄色搭配等。原色的搭配如图1.24所示。
![](https://epubservercos.yuewen.com/C0C885/11261884704991506/epubprivate/OEBPS/Images/figure_0027_0006.jpg?sign=1738830487-Hv4xF4xDZ1v1wKmiTzqErbJzjPvQxBSQ-0-9c9efabcf49e2629ea8c964ccf9a3165)
图1.24 原色的搭配
![](https://epubservercos.yuewen.com/C0C885/11261884704991506/epubprivate/OEBPS/Images/figure_0028_0001.jpg?sign=1738830487-Ve7W0kjSbsZ4xq0UuSH7iNaxgP3e3Fea-0-b77b5e60a75756b4c5c5cddd0244958e)
图1.24 原色的搭配(续)