![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=1739232965-7PLL7a8BHBZ7hjfvjQ1EY4q92F9sUgPV-0-1e72467f9038879a8385f6bc5472dbe2)
图1.20 单色搭配效果
![](https://epubservercos.yuewen.com/C0C885/11261884704991506/epubprivate/OEBPS/Images/figure_0027_0001.jpg?sign=1739232965-5ukmgUSsVOYfQ2vWhHcGq7wqRoue6Hgb-0-c245ceada1beb433503dba6c050c2529)
图1.20 单色搭配效果(续)
1.5.2 近似色搭配
相邻的两到三个颜色的搭配称之为近似色搭配。如下图(橙色/褐色/黄色),这种搭配比较让人赏心悦目,低对比度,较和谐。近似色搭配如图1.21所示。
![](https://epubservercos.yuewen.com/C0C885/11261884704991506/epubprivate/OEBPS/Images/figure_0027_0002.jpg?sign=1739232965-WXp3YsTjxgYWlMIPpKY1wqvzX9RpUtGi-0-9f5d4e45db48d76f39c273925d12ddcd)
图1.21 近似色搭配
1.5.3 补色搭配
色环中相对的两个色相搭配叫补色搭配。颜色对比强烈,传达能量、活力、兴奋等意思,补色中最好让一个颜色多,一个颜色少,如下图(紫色和黄色)。补色搭配如图1.22所示。
![](https://epubservercos.yuewen.com/C0C885/11261884704991506/epubprivate/OEBPS/Images/figure_0027_0003.jpg?sign=1739232965-dnR4d0H23FPilANvAMS5V3hT1WTELdlS-0-7171e9ffa96f73ae999314664bfa5205)
图1.22 补色搭配
![](https://epubservercos.yuewen.com/C0C885/11261884704991506/epubprivate/OEBPS/Images/figure_0027_0004.jpg?sign=1739232965-5nZghuwo7nrNpOfmBnuGhGXumlVAVQJD-0-a3f7f27db7c822e54b38a0e9ce1417c6)
图1.22 补色搭配(续)
1.5.4 分裂补色搭配
同时用补色及类比色的方法确定颜色关系,就称为分裂补色。这种搭配,既有类比色的低对比度,又有补色的力量感,形成一种既和谐又有重点的颜色关系,如下图,红色文字就显得特别的铿锵有力,特别突出。分裂补色搭配如图1.23所示。
![](https://epubservercos.yuewen.com/C0C885/11261884704991506/epubprivate/OEBPS/Images/figure_0027_0005.jpg?sign=1739232965-b27FO2lNgrZIBtvmmDDS6OhNCWFYanLL-0-8b0c76bf513af3cd1fbcab9fb2d28b72)
图1.23 分裂补色搭配
1.5.5 原色的搭配
原色搭配色彩比较明快,这样的搭配在欧美也非常流行,如蓝红搭配,麦当劳的LOGO色与主色调红黄色搭配等。原色的搭配如图1.24所示。
![](https://epubservercos.yuewen.com/C0C885/11261884704991506/epubprivate/OEBPS/Images/figure_0027_0006.jpg?sign=1739232965-eaIyd250Sn3I8jUkYssvORplEXv2bZCy-0-13301d675c22eae74bab7d74acea68da)
图1.24 原色的搭配
![](https://epubservercos.yuewen.com/C0C885/11261884704991506/epubprivate/OEBPS/Images/figure_0028_0001.jpg?sign=1739232965-xgQGklht501eB1kCVcK6gkFu4T2yMEhk-0-344cee8f9aa35f4f3c908316b6d50b0a)
图1.24 原色的搭配(续)