网站建设
建站资讯Website News

您的位置:主页 > 行业快报 > 建站资讯 > APP开发中品牌基因法做图标

APP开发中品牌基因法做图标

上海网站建设公司建站资讯2017-09-05


APP图标设计如何具有品牌性?这可能是设计师工作中经常会碰到的题目。

但许多新人大概并不了解什么是品牌性,更不知道如何将品牌性融入到图标当中,不过没关系,看了这篇文章你就不会那么疑心了!

必要强调一点上海人事考试中心网,文中所讲的品牌基因是指视觉上的哦!

APP开发中品牌基因法做图标

来看下大纲:

1.提取特定外形

2.汲取品牌颜色

3.抓取风格特点


1.提取特定外形

通过对logo或品牌元素提取特定外形,这个外形是固定的、具象的,例如圆形成都人事考试,三角形、字母甚至是logo自己等等。

提掏出外形基因后,如何与图标相结合呢?有三种方法:

1.1 直接应用

最常见的用法就是直接将整个logo作为图标(比如首页),如下图:

APP开发中品牌基因法做图标


再比如MONO的标签栏图标,设计的特别很是勇敢,提取logo上面的4个字母——M、O、N、O后,直接将其作为图标,如下图:

APP开发中品牌基因法做图标

但是这种方法照旧有很大的风险排名优化,由于毕竟每个字母与功能自己的含义没什么联系,假如不是特别很是个性化的app,照旧尽量少用吧!

1.2 做为外轮廓

将提取的外形作为整套图标的外轮廓,例如谷歌play一样,提掏出三角形后,整套图标都是以三角形作为形状,如下图:

APP开发中品牌基因法做图标

再比如你提掏出一个圆形基因,也可以将其作为外轮廓使用,如下图:

APP开发中品牌基因法做图标


1.3 将图形与图标巧妙融合

如果我在logo上面提掏出一个圆形作为基因,我们可以将这个圆形巧妙的与图标进行融合,如下图:

APP开发中品牌基因法做图标

但这里必须要强调一点,许多时候,我们很难将一个特定外形融入到所有的图标当中,假如强行融合,难免会让人觉得死板生硬,所有肯定要有所取舍,例如案例中的图标也不是所有都融入了圆形,如下图:

APP开发中品牌基因法做图标

有同窗可能会问,为什么案例中有些图标没有融入圆形基因,也不影响整套图标的协调同一呢?

由于它们融入了另外一个品牌基因——颜色。也就是我们接下来要讲的内容。

2.汲取品牌颜色

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

APP开发中品牌基因法做图标

APP开发中品牌基因法做图标

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

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

3.抓取风格特点

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

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

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

APP开发中品牌基因法做图标

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

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

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

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

APP开发中品牌基因法做图标



第一步:先画好基础形;

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

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


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

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

APP开发中品牌基因法做图标

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

APP开发中品牌基因法做图标

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

APP开发中品牌基因法做图标

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

APP开发中品牌基因法做图标


来源公众号:菜心设计铺

      一篇特别很是棒的理念分享给大家,易企网站建设平台,是一家拥有十年网站建设与程序开发经验的公司,平台服务项目:网站建设 、微信开发、app开发、软件开发、P2P金融体系开发、网校体系开发、一元云购系 统开发、O2O体系开发、VI应用设计、商标注册、网络营销、印刷服务等项目。


该文章由上海垒越科技网站建设http://www.lvon8.com原创编写,转载请保留此地址!否则视为侵权,谢谢合作!
TAGAPP,开发,品牌,基因,法做,图标,APP,图标,设计,如,上海网站建设,上海网站制作,上海APP开发

最新案例

相关文章

更多最新文章

网站关键词

上海垒越科技有限公司版权所有 Copyright©2008-2018 http://www.lvon8.com All Rights Reserved 备案号:沪ICP备14049216号