图标配色千万不要吸取别人的颜色！

Sponsor

前言：关于图标配色，有些设计师会用品牌色，有的可能直接吸取别的设计师的配色，这样做可以吗？可以是可以，但在某些方面不够严谨，本文将会介绍图标配色的一些思考分析，也许对你有所帮助。

昨天群里小伙伴在讨论关于图标色彩的事情，先来看下截图。

如上图，红框标记的地方，我把他黑白处理了。今天这里先不谈图标风格定义，我们来优先解决这种带圆底图标配色的问题。有些设计师，拿到原型图，就直接开始去找参考，找同类布局App产品，然后就吸取颜色，再把颜色换个位置，然后完事了，这样会导致风格调性不匹配。面对这样的需求，到底如何去做呢？了解产品定位我们可以想下，这种图标色彩一般都是跟随产品大调子，比如你的产品走什么风格。是年轻化、时尚潮流、还是走商务风或者奢侈品定位？每一种产品定位，用色是有很大差异的。来看下截图。

马蜂窝和QQ音乐首页产品图标色彩使用，QQ音乐延续品牌色，因为这些功能都是同一类别的，这样设计也更轻量化。再来看下马蜂窝，为什么这几种颜色？因为每个入口更强调一个独立功能品牌定义。两者在色彩上都倾向年轻化，其中马蜂窝更年轻个性化。因此大家可以看到产品都是倾向年轻一类人群。因为其内部功能不同定位，因此色彩也随着功能走。颜色的选择当我们了解产品定位后，下面就好办了。

拿群里小伙伴这个来举例，先了解这个产品定位，从功能上来看我们大致知道与汽车一类有关的产品。既然是与汽车有关的产品，可以先去分析汽车TOP类竞品的用色区间和产品定位，以此来推断这类产品用色安全区间，这样的做法，可以减少出错。1，第一步优先确定主色调，一般都是品牌主色。

2，有了主色调，接下来我们来做下功能的用色属性分析。

车辆筛选和车架号识别都属于偏功能类，中性一些，那么两者可采用类似色。剩下排行榜和每日签到，其中排行榜，目前基本现在绝大部分榜单入口都是暖色调，因为整个氛围是比较热闹的，这里不能用冷色调。每日签到，是这个App功能中，比较重要的入口之一，是流量的入口，保证日活。因此这里也可继续使用暖色调，醒目一些。4，基于前面分析，确定4个颜色。

颜色虽然有了，其实我们看 目前是比较呆板，缺乏细节。5，可以分析目前互联网主流色彩趋势，是更倾向单色调渐变还是双色调渐变，这里我不需要过多的色彩，就选择单色调渐变。

到目前为止，基本出来了。

大家现在应该发现之前问题所在了吧。首先排行榜在这里用紫色不合适，紫色一般都有娱乐属性，不适合汽车类产品。其次每日签到虽然用了暖色，但是目前色彩偏粉色，也不合适。最后提醒一下，色彩我们算是定义出来了。图标的设计其实是非常重要，图标我们可集合品牌图形去延展，这样一套完整方案就出来了。

作者 | 功夫UX
来源 | 功夫UX (id:UX-Talk)

赞助商链接

喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。
版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。