主页心水论坛 - 诚邀各路高手来本站发表心水!

用品牌基因法做图标设计,高级UI设计师才会的手

时间:2017-06-28 15:57来源:子凌 作者:mystery 点击:

很多新人也许并不了解什么是品牌性,更不知道如何将品牌性融入到图标当中,对于任我发心水高手主论坛。不过没相干,大赢家高手心水主论坛。看了这篇文章你就不会那么怀疑了!

图标安排如何具有品牌性?这不妨是安排师事情中时常会遇到的题目。

但很多新人也许并不了解什么是品牌性,我不知道基因。更不知道如何将品牌性融入到图标当中,不过没相干,看了这篇文章你就不会那么怀疑了!

必要强调一点,文中所讲的品牌基因是指视觉上的哦!

来看下提纲:用品。

1. 提取特定形态体式

2. 吸收品牌脸色

3. 抓取气概特性

1. 提取特定形态体式

经过议定对logo或品牌元素提取特定形态体式,这个形态体式是巩固的、具象的,学会财神爷高手之家心论坛。例如圆形,三角形、字母以至是logo自己等等。你看设计师。

提取出形态体式基因后,想知道图标。如何与图标相集合呢?有三种格式:蓝宝石心水高手主论坛。

1.1 间接应用

最罕见的用法就是间接将整个logo作为图标(歧首页),对于蓝宝石心水高手主论坛。如下图:

再歧MONO的标签栏图标,ui。安排的极端大胆,对比一下雷锋高手心水主论坛。提取logo下面的4个字母——M、O、N、O后,间接将其作为图标,想知道万人堂心水主论坛高手。如下图:蓝宝石心水高手主论坛。

但是这种格式还是有很大的风险,由于终究每个字母与效力自己的含义没什么联系,如果不是极端性情化的request,听说财神爷高手心水主论坛。还是尽量少用吧!

1.2 做为外轮廓

将提取的形态体式作为整套图标的外轮廓,对比一下高级UI设计师才会的手法。例如谷歌pla greaty一样,雷锋心水高手论坛。提取出三角形后,整套图标都是以三角形作为外形,如下图:

再歧你提取出一个圆形基因,其实用品牌基因法做图标设计。也可以将其作为外轮廓利用,4826财神爷高手论坛。如下图:

1.3 将图形与图标奇妙调解

假若我在logo下面提取出一个圆形作为基因,我们可以将这个圆形奇妙的与图标举办调解,对比一下蓝宝石心水高手主论坛。如下图:

但这里必必要强调一点,很多功夫,我们很难将一个特定形态体式融入到总共的图标当中,其实高级UI设计师才会的手法。如果强行调解,难免会让人觉得枯燥僵硬,总共必定要有所弃取,例如案例中的图标也不是总共都融入了圆形,对于万人堂心水主论坛高手。如下图:学习品牌。

有同砚不妨会问,为什么案例中有些图标没有融入圆形基因,雷锋高手心水主论坛。也不影响整套图标的协和同一呢?

由于它们融入了另外一个品牌基因——脸色。对比一下任我发心水高手主论坛。也就是我们接上去要讲的形式。

2. 吸收品牌脸色

这招是最简略间接的格式,间接吸收品牌色作为视觉基因,高级。以此来举办图标安排,举几个例子:听听设计。

脸色基因,我就不多讲了,想知道任我发心水高手主论坛。较量容易知道。用品牌基因法做图标设计。

但是人人详明考查优酷这套图标,我们会觉察除了脸色基因以外,听听财神爷高手之家心论坛。好似在logo上还提取了一个叠层的效率,你看才会。而这种叠层的效率又属于另外一种品牌基因——气概特性,手法。我们继续往下看。你看财神爷高手心水主论坛。

3. 抓取气概特性

这局部是此日形式的重点,也是我最近做图标的一些感受。

我们先来讲讲如何抓取气概特性!

又要开首拿我的作品来举例了,听说雷锋心水高手论坛。还是iwork那个logo:

除了脸色以外,我在logo下面提取出两个特性:

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

层:是指logo有三个不同脸色的深浅,变成前后相干,也就是层级。

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

第一步:先画好源泉根基形;

第二步:将适宜的地点断开;

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

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

其它的图标也是一样的道理,末了取得整套图标如下图:

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

而优酷的图标则是抓取叠层的气概特性,如下图:

小密圈则是抓取断线的气概特性,如下图:

以上就是菜心近期总结的《品牌基因法做图标》整套常识体系,前期会不息的优化革新,如果你有什么好的想法也迎接和我暗里相易,我们一起将这个编制完备起来,帮手那些必要帮手的好伙伴们。

末了再提示人人一下,当一种品牌基因无法突显品牌性的功夫,我们可以利用多种基因彼此组合。格式必定要矫捷运用,切记不要钻牛角尖,不然菜心就白总结了!


最新举荐 作者: 念菲芃 2017-06-27 249 作者: Nick Ba greatbull cra greatpic 2017-06-14 1776 作者: chenzimu7 2017-06-22 1309
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
  • 上一篇:没有了
  • 下一篇:没有了
栏目列表
推荐内容