icon图标的颜色选择

其实说到icon图标的颜色选择,是一个很难定义的概念,因为最重要的一点,是移动端和web端要保持视觉风格的统一。就像京东不能是绿的,大众点评不能是红的,爱奇艺不能是橙的。当然,还有一些移动应用出生于移动互联网时代,像微信,像UC浏览器,这些很幸运,可以从一开始,就挣脱web端的诸多束缚,风格上也就能够“自起炉灶”了。

除了视觉风格统一性的限制,颜色的选择就是色彩心理学的范畴了,像蓝色代表纯净、睿智,红色代表热情、时尚,粉色代表女性,绿色代表畅通,橙色代表食欲、活力等等,每个人都能说上一大堆。

有时候,颜色会在使用者心中根深蒂固,即使没有刻意去留意。

下面有一个对比。现在进行精彩猜猜看的环节,左边和右边,哪个是美团,哪个是大众点评?

选择左边的是大众点评的,恭喜你们,中毒太深,没看到右边这张图的左下角有个标志性logo嘛。

其实我只是简单的把两个界面的top调了调色互换了一下。

这就是我们说的为什么要色彩风格保持统一的原因,反复强调品牌的形象来提高辨识度。

icon图标的颜色选择_第1张图片

(不过既然看到两个截屏对比,我也多说一句,就是关于状态栏的颜色的设计,很多选择是和top端一个颜色下来,左边这种,但我更欣赏的是右边这种单独的状态栏设计,纯属个人喜欢,别问为什么)

但不知道是不是很多人注意到了一点,就是我们手机屏幕的背景,系统默认的话,冷色系居多,这也包括系统自带的几种风格模板,因为暖色系会让人产生视觉审美疲劳,所以不适宜做背景。既然背景是冷色系,那么很显然的,图标是暖色系的话更容易被辨识。

以上的悖论就是,如果为了和web端的风格一致,一个图标的配色可能受到了限制,“不得已”的选择了冷色系。我个人倒是觉得,这种是不错的解决方案。

icon图标的颜色选择_第2张图片

与原来的对比一下。

icon图标的颜色选择_第3张图片

当然了,图标不能这么玩,上面那种太扁平化了,毫无层次感,正确的玩法应该如下:

icon图标的颜色选择_第4张图片

很丑对不对?没事,还有更丑的。

icon图标的颜色选择_第5张图片

真是——丑!翻!了!

哈哈,时间有限,分分钟搞定做着玩图一乐嘛,其实美团的实力那么强,自然有一帮研究图标的大神们。所以我就算本着娱乐精神献丑了。

你可能感兴趣的:(icon图标的颜色选择)