UI设计之品牌基因法做UI图标(2)

来源:网络   作者:热心网友   发布时间:2017-04-13    浏览次数:407


2.吸取品牌颜色

这招是最简单直接的方法,直接吸取品牌色作为视觉基因,以此来进行图标设计,举几个例子:



颜色基因,我就不多讲了,比较容易理解。

但是大家仔细观察优酷这套图标,我们会发现除了颜色基因以外,好像在logo上还提取了一个叠层的效果,而这种叠层的效果又属于另外一种品牌基因——风格特点,我们继续往下看。


3.抓取风格特点

这部分是今天内容的重点,也是我最近做图标的一些感受。

我们先来讲讲如何抓取风格特点!

又要开始拿我的作品来举例了,还是iwork那个logo:

ae8c58e305cea801219c77c8c7e3.jpg

除了颜色以外,我在logo上面提取出两个特点:

断:是指整个logo有两个断开的地方

层:是指logo有三个不同颜色的深浅,形成前后关系,也就是层级。


那如何将这两个特点运用到图标上呢?我们看下图:



第一步:先画好基础形;

第二步:将合适的地方断开;

第三步:将局部(小块)调整颜色,以区分层级;


这样一个具有品牌基因的图标就诞生了!

其它的图标也是一样的道理,最后得到整套图标如下图:


ad7158e30605a801219c777d91fb.jpg

上面这个案例只是抓取风格特点的一种结果,不同的案例会有不同的结果,例如网易云音乐的图标,是抓取logo上圆润的风格特点,如下图:


11d458e30624a801219c77097677.jpg


而优酷的图标则是抓取叠层的风格特点,如下图:


c9c258e30645a801219c772b3615.jpg


小密圈则是抓取断线的风格特点,如下图:


269f58e30660a801219c77a579d0.jpg

以上就是菜心近期总结的《品牌基因法做图标》整套知识体系,后期会不断的优化改进,如果你有什么好的想法也欢迎和我私下交流,我们一起将这个系统完善起来,帮助那些需要帮助的好朋友们。

最后再提醒大家一下,当一种品牌基因无法突显品牌性的时候,我们可以使用多种基因相互组合。方法一定要灵活运用,切记不要钻牛角尖,不然菜心就白总结了


12共2页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/shejililun/5868.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通