尽管一些优秀的设计者在为图标设计者增加一些设计语言，如圆角、断线等，但还是逃不过与其它APP设计雷同、毫无个性的通病，使UI看起来很普通、不够精致，缺少产品气质。

    那如何去打造属于自己的APP独特的风格呢？商标基因给了我们一些线索。该设计是从平面设计中引入VIS(视觉识别系统)的一种设计策略，通过品牌形象的延生设计，形成一套完整的视觉符号。每个APP都有自己的品牌形象，代表着与众不同的气质。下一步，我们将学习如何使用品牌基因进行图标设计。

    1、抽取商标图形。

    一般应用程序的第一个tab就是首页，是用户进入应用程序后看到的第一个页面，最常见的图标设计是一个小房子的图形。主页是应用程序中最重要的页面，它承载着整个产品的核心功能，也是用户最容易浏览的地方，所以用一个令人印象深刻的品牌图片作为“首页”图标，不仅使App内外形成视觉联系，而且也传递了品牌形象，增强了用户对App的良好印象。比如网易云音乐的首页标签就直接使用了它的品牌形象，其优势不言而喻。

    但要注意，这种设计策略并不适用于所有App，当第一个tab具有特定的功能时，品牌图片将无法使用，否则用户将难以理解。举例来说，微信的第一个tab是聊天列表，此时使用泡泡比品牌图片更适合。

    另有一种情形。应用程序的最后一个标签通常是个人中心，也就是“我的”。若应用程序的商标图形为动物图形，也可使用整体或局部图形作为“个人中心”的入口图标。

    2、提取商标颜色。

    颜色也是图标设计的重要组成部分之一，合理、协调的色彩搭配让用户在浏览网页时感到舒适。以品牌形象的颜色提取作为图标设计的依据，给用户带来由内到外一致的视觉体验。商标设计时提取颜色可适当调节色彩的饱和度，明度，既可以将图形的整体填充颜色(如微信)，也可以局部填充颜色，还可以作为图标的背景颜色，使图标之间形成颜色关联。现场应用BigoLive的品牌颜色是青蓝色，标签栏图标设计(选中态)用渐变的图形局部元素填充青蓝渐变色，活泼清爽的搭配带给用户轻快的感觉，与整体品牌调性高度一致。

    3、提取设计语言。

    VI设计中通常提取辅助图形作为设计元素，这在图标设计中也同样适用，当所有图标具有相同的设计元素时，它们组成了一套完整的视觉符号。比如，飞猪这个品牌形象就很特别，猪的头部轮廓是由大写字母F演变成翅膀造型，所以能看到“我”的小人图示也用了相似的轮廓，让它们在视觉上有联系。

    4、提取产品气质。

    产品的气质取决于品牌形象，而产品的气质决定产品吸引什么样的用户。正如我们初次见到某人时，往往会根据他的外表形象特征，给人一种粗略的印象，这就是一个人的气质。APP亦是如此，如传递传统手工艺艺人社交的「东家」，其产品以古朴、温润、精致的人文气息为特色，将宋体汉字笔画拆解组合，创造出具有东方韵味且极具形式感的图标设计。

    5、划分品牌名称。

    App标签栏图标最常见的形式是图形加文字的组合，因为文字本身就能传达最直接的意思，图形识别度也就不那么重要了，我们就可以在它的视觉表现形式上赋予更多的创意和个性。MONO是一款阅读应用程序，其标签栏图标将4个字母从品牌名中直接分成4个图形。尽管每一个字母和相应的功能模块本身并没有直接的联系，但是标签文字的辅助作用也不会造成阅读困难，而该产品本身的使用者群体是相对能够接受新鲜事物的年轻人，因此这样的创意反而给App设计加分。

    6、展开形象联想。

    我们每天使用的众多应用程序大多都有相同的功能模块：首页、发现、动态、我等等，所以也出现了很多雷同的图标设计。如“主页”是尖顶房子，“发现”是眼睛，“动态”是气泡，如果有区别还只是设计风格的不同，有些直角有的圆角，有些线性有的线性。这种设计没有任何品牌的归属感，如果想要把这些图标单独拿出来就不能确定它是谁，它来自哪里？

    一个好的设计师不仅要具备绘制图标精美的能力，还要具有丰富的设计想象力，不拘泥于条条框框的设计规范，有时要打破常规，才能设计出优秀的图标。除了小房子的主页，我们还能想到什么？“马蜂窝”的做法非常巧妙，“首页”图标是“蜂巢”，蜂巢是蜂房，这样的设计与品牌形象紧密相连，简直是完美的！但是最近的改版似乎没有被修改过。