关于图标配色思考分析

释放双眼,带上耳机,听听看~!

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

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

关于图标配色思考分析

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

关于图标配色思考分析

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

关于图标配色思考分析

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

关于图标配色思考分析

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

关于图标配色思考分析

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

关于图标配色思考分析

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

关于图标配色思考分析

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

关于图标配色思考分析

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

人已赞赏
网页设计

手机APP购物服饰网站设计

2020-11-9 14:54:28

网页设计

设计师要知道的13个图片压缩、文件转换网站!

2020-11-10 21:39:20

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索