![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=1739280399-hWrdIwhWDeybuDqHc8ij0w6bMmovS75W-0-0e0b99da4b6dc29a582ea08dfa979433)
图1.20 单色搭配效果
![](https://epubservercos.yuewen.com/C0C885/11261884704991506/epubprivate/OEBPS/Images/figure_0027_0001.jpg?sign=1739280399-lXdPIqDfVxDMNM9TJtnYrAf1iWKBIOin-0-eb24a2f8e39cc69b1e8ed2ec782b3154)
图1.20 单色搭配效果(续)
1.5.2 近似色搭配
相邻的两到三个颜色的搭配称之为近似色搭配。如下图(橙色/褐色/黄色),这种搭配比较让人赏心悦目,低对比度,较和谐。近似色搭配如图1.21所示。
![](https://epubservercos.yuewen.com/C0C885/11261884704991506/epubprivate/OEBPS/Images/figure_0027_0002.jpg?sign=1739280399-5kpNWDEHQMn4Aj20L2Ump7cXoYyZruPc-0-fc37f3fc97ca7b34f82e59cdfca6e129)
图1.21 近似色搭配
1.5.3 补色搭配
色环中相对的两个色相搭配叫补色搭配。颜色对比强烈,传达能量、活力、兴奋等意思,补色中最好让一个颜色多,一个颜色少,如下图(紫色和黄色)。补色搭配如图1.22所示。
![](https://epubservercos.yuewen.com/C0C885/11261884704991506/epubprivate/OEBPS/Images/figure_0027_0003.jpg?sign=1739280399-duYenKPfXOzn27NZ3l5on4EIigQPUfZG-0-37305c4dc773a03b45187c8f189390c3)
图1.22 补色搭配
![](https://epubservercos.yuewen.com/C0C885/11261884704991506/epubprivate/OEBPS/Images/figure_0027_0004.jpg?sign=1739280399-cBLKQXEzJDI3NVExRuvbiQGDG68zjmrA-0-206b2dd7e649881231d5a9d197b88d12)
图1.22 补色搭配(续)
1.5.4 分裂补色搭配
同时用补色及类比色的方法确定颜色关系,就称为分裂补色。这种搭配,既有类比色的低对比度,又有补色的力量感,形成一种既和谐又有重点的颜色关系,如下图,红色文字就显得特别的铿锵有力,特别突出。分裂补色搭配如图1.23所示。
![](https://epubservercos.yuewen.com/C0C885/11261884704991506/epubprivate/OEBPS/Images/figure_0027_0005.jpg?sign=1739280399-OGFuFWkKehL3JXxbiaA2mpXJzuapSOEP-0-4bfbbf9e4a84e15064d72e6b40464a4b)
图1.23 分裂补色搭配
1.5.5 原色的搭配
原色搭配色彩比较明快,这样的搭配在欧美也非常流行,如蓝红搭配,麦当劳的LOGO色与主色调红黄色搭配等。原色的搭配如图1.24所示。
![](https://epubservercos.yuewen.com/C0C885/11261884704991506/epubprivate/OEBPS/Images/figure_0027_0006.jpg?sign=1739280399-Gs8pT5zdfLLTQaJGN5IWZGfLxaJNLIs2-0-0b222a60f550c57e13a8d10abcf4d9f7)
图1.24 原色的搭配
![](https://epubservercos.yuewen.com/C0C885/11261884704991506/epubprivate/OEBPS/Images/figure_0028_0001.jpg?sign=1739280399-6z92PiHHOd8uoPh2eF8ap6IzwC5p8sXk-0-bc1b1ed77ab8f24d6bd12628e10a7715)
图1.24 原色的搭配(续)