朋友问：“我听过T型人才，但T型特质的icon是…?”

我答：“就是在大方向上与公司VIS系统一致，个体icon又具有产品特色的设计”通俗点就是：要像一个妈生的，但你也很有个性。

纲要：

1.提出问题／难点

2.各平台优弊

3.总结观点：

•  在动手设计之先

•  求同存异

•  熬炼人心

开始语

过完农历年，我从Lender（投资端）调到Borrower（借款端），进入公司后我一直为Lender用户做界面设计，已经两年有余了。随着公司的扩大，上架产品越来越多，这次的变动让我有机会接触到以前未曾触及的领域。不仅仅是指产品，也引发了我一个设计点上的思考：如何设计好一个产品icon，并且是符合公司视觉体系的，要与主产品icon有所不同，但又不能脱离太多？企业产品icon设计与游戏行业icon设计很不同，对于游戏，icon的好坏（有些MMO－RPG游戏icon女性暴露程度）直接影响着下载量，非常的直观，可量化。但企业产品icon并不直接承担下载量的压力，更多的企业品牌的表现，对于我们这个新兴行业——P2P，大众未能有基本的认知与认同，P2P又属于金融行业，稳定、统一的对外表达是必须的。

＊我们这里说到的图标是指在App store或应用平台上展现的企业产品图标，以下都以icon来代替。并非系统内使用的功能性小图标。

一、那该怎么设计呢？需要考虑到哪些？设计机会点在哪里？

机会点（Opportunity，中国俗称“难点”）

1  不脱离公司整体VIS系统

2  视觉表达语意清晰

3  在众多公司APP中易于辨识

4  内外视觉风格一致

5  在用户手机屏幕上可清晰辨认

二、一般来说，甲方公司多会面对这个问题

在此，我选取了几家公司的移动产品（已上架），集中观察一个点——移动产品icon设计，来看看大家是怎么做的。

1.Google,Inc.出品了35个产品，游览了我们中国的BAT等大公司，可以说Google的产品icon在统一性上是做的最好的了，废话不多说，我们先看图：

图1

游览这35个产品icon,你会惊艳怎么会这么统一，偶有2、3个没着调，但对于这么大的公司，做各种类型产品都有，严格遵循其Guidelines并贯彻的实在不多见（与其他公司的产品列表比较后更觉如此），不愧为创造Material design的公司，影响着互联网的设计趋势。

优：严格遵从Material design-Google designguidelines。

弊：有几个落网之鱼，特别是看到Ivy big number calculator时（瞬间有，这是什么鬼的闷bi之感）。

2.不像Google这么大平台与多产品，穷游网专做旅游产业，旗下有6款旅游类App：穷游、穷游最世界、穷游行程助手、穷游清单、微游记、穷游锦囊。在这里选取这个平台是因为在单个产业内，它的App icon设计统一性做的较好。

图2

优：从List上可以看出，公司的标准色贯穿所有产品App，用色较少，基本都在绿色系中。所有Icon图形都比较清晰大气。

弊：从App store”开发人员其他App”进入没有穷游锦囊，穷游锦囊打破了穷游绿色品牌色原则，除了图形较简洁，其他的差异较大。

3.再看同为单一产业的公司，主攻母婴类的宝宝树网络平台，旗下拥有9款App：宝宝树孕育、小时光、育儿问答、快乐育儿、母乳喂养大本营、孕期糗事、宝之道、宝贝酷拍、课信。整体icon设计差强人意，可以看出，不统一的原因在于不同时间段流行设计语言不同而导致的。虽然建立属于自己公司的设计语言是不容易的，不是每一家公司都能像Google一般，但作为设计师，我们也不能放弃，努力思考与探索自己的设计语言吧～

图3

优：从icon中能看出公司的设计历史与演变，其中有四个icon有统一性思考。

弊：我们从图中就可以看出，无论是icon，还是App内，风格迥异，自成一派。如果不从开发人员其他App入口，或者地铁立柱广告，大众应该很难识别出这是出自一家公司的产品。与穷游网对比看来，宝宝树平台就有龙生九子之感。

4.接着回来看我们金融平台，金融有其行业特性，老百姓对于与钱相关的就会格外谨慎，安全、可靠是人们最重视的。众所周知的挖财网共有8款App，分别是：挖财记账理财、挖财宝、挖财信用卡管家、挖财钱管家、快贷、挖财股神、信用卡之窗、挖财理财社区。基本上涵盖了所有金融项目，并设计了几款金融辅助产品。

图4

优：整体风格相对一致（借款端与投资端风格差异较大），在投资端用公司Logo中的文字元素“挖财”整体串联，并各App内部UI设计风格基本一致，通过研究他们各款投资端App，除了信用卡App，所有App都遵循了同一套UI设计Guildline。

弊：快贷太跳脱了。

5.最后我们来看看同为P2P平台的拍拍贷，一共6款产品：拍拍贷借款、拍拍贷理财、手机贷款、信用助手、拍分期、拍拍贷理财（专业版）。对于兴起不久的P2P行业来说，拍拍贷可以算是高产的平台了。

图5

优：主产品App icon用统一图形。

弊：Icon以黄色为主，但内部界面以蓝色为主色；Icon图形较可爱，内部界面稳重；用户从icon中并不能预想到内部UI风格，设计风格延续性断层。如果用户同时下载借款与理财端，辨识性较差，只能通过左上蓝色角标辨别。

三、说了这么多，我们来总结一下，如何设计好同家公司内的Icon

1）在动手设计之先

设计师在动手设计之先必须具备一些设计的基础知识。从上面的四个案例，我们看出，贯穿系统icon的设计，不外乎图形、文字、颜色这三种元素的把控，这与求学时手绘练习有关。无论是图形练习：点、线、面；二、四方连续；复形、正负行；传统纹样…还是字体练习：传统书法楷篆行草；印刷字体的宋、黑…还有颜色练习：色环、色相渐变、冷暖色…等等。现在回想学生时期，一张张手绘练习，老师的严格要求，虽然枯燥，但打下了坚实的基础。这里不仅仅指icon的设计，而是指所有设计之前，这是地基，在此之上建立所有设计产品。当然，这小小的方寸之间，更是挑战我们基本功的时候。也建议半路出道的设计师在业余时，也能学习及操练这些基础技能。

2）求同存异

这个很好理解，“求同”是原则，所有公司出产的App都要在公司VIS体系下（至少看上去都是一个妈生的）。“存异”是特色，不仅仅体现出公司设计元素，还要从icon上看出这款产品的风格与特色。如下图中a.是点融网内部销售软件，提取VIS中的两个元素——图形和企业标准色。经过与销售人员的面对面访谈，少量定性调研，了解了我们销售的基本人员构成，工作流程等，确定了现阶段点融销售App的视觉宗旨——直接、实在、干净利落。再把这些关键词运用到单个icon设计中。如下图：

图6左，点融理财

图6右，点融销售

总之，求同存异就如同英国设计界最先提出的“T型设计师”一般，我们需要设计出具有T型特质的产品icon。

3）谋士众多，所谋乃成

有了基础与方法后就是所有设计师必经的过程：体力、毅力与耐心的时候，何解？因为你要画许多许多许多…稿子，并且反复反复反复…修改。但在这里我想要提醒众多“有个性”的设计师们，“不先商议，所谋无效，谋士众多，所谋乃成”——《圣经》箴言15章22节。建议多让他人的意见参与。从小范围上，可以问问周遭同事，做个走廊测试等；有钱有时间的话，当然可以做个视觉的调研。总之，可以多听意见，总结后再做出最终决定。

希望这篇文章对于需要设计“T型特质”产品icon的你有所帮助。

设计思考的深入就是抓住工作中细小的设计点，思考与探究。期待更多人一同探讨与进步。