前几天没事，去站酷转了一圈，发现有一篇文章是关于icon图标的品牌血统的，其中说的很是有些意思。但因为作者将整篇文章都做在了一张图片上，文字表述部分十分简单。虽然说那些讲解的确能够给很多设计师一些启发，但分析还是略显肤浅了些，仅仅是从表面去看待品牌延展性的问题。因为原来并没有文字表述，只有是一张写写画画的图片，可能并不适合大多数人浏览，因此本站对那张图片进行了分解，并且加上了一些文字方面的表述和探讨。虽然说是受到那张图片教程的启发，但这篇文章中大多数观点还是属于本站的，因此这也应该算是原创文章吧！不过，还是要感谢发表那个图片教程的囧小彬朋友，是因为他的无私才导致了这篇文章的诞生。
为了更好的表达本文的主旨，我们将给出几个著名品牌，并且针对几个著名品牌的icon来做一些比较分析：
一、首先先来看看设计人最熟悉的Adobe公司的系列icon
上图是adobe cs6系列的所有产品的icon图标，很显然adobe在icon的设计上是不遗余力的。自从收购了Macromedia的三款软件：Dreamweaver、Fireworks、Flash后，adobe已经将自己的软件产品扩展了到了设计相关的各个领域。在整合新软件之后，adobe便不遗余力的致力于各个软件之间的协作性提升上，这对于广大的设计从业者来说无疑是一件很幸福的事情，这使得我们可以将某个软件中的部分工作直接切换至其他软件进行处理，很大程度上提高了工作的效率以及质量。adobe的这项策略显然是无比正确的，这也是确保他们始终占据设计领域于不败之地的必胜法宝。加之因为与微软之间的某些竞争，adobe显然也采用了微软的office的icon与界面的设计思路，高度统一的icon及界面完全契合他们的策略与发展思路，也完全契合了他们作为设计软件巨头的身份。并且这些图标显然是出自大师之手，而且在icon的选用上也证实了adobe作为一家专业从事设计软件开发的公司的专业性及权威性；特别是其icon上的字体，几乎就是复制的其logo字体，因此其对品牌的统一性及延展性几乎是无可挑剔的；
二、一直没有被超越的山寨大王——腾讯
作为被称为“山寨大王”的腾讯，因为其产品一直都很重视视觉上的表达，为了“山寨”更多的产品，他们在美工上的投入上是不遗余力的，从其logo到icon到界面，腾讯一直在坚持着自己的风格。
或许也是因为总是在“山寨”别人而不用投入太大的精力去研发一些程序代码，因而也使得腾讯有更多的精力去打造产品的视觉效果。对于视觉这一块的重视也使得其“山寨”出的东西能够打败其模仿的“原本”，不管其“山寨”的做法是否有违行业道德，但其对视觉统计及延展性的重视还是值得称道的，我们甚至都习惯了其经典的“腾讯蓝”及“QQ风格”，显然腾讯中的美工水平还是很强大的，当然也不排除腾讯花了重金请了其他专业公司来打造他们产品的视觉体系；始终将用户放在第一位才是腾讯成功的真正原因。
三、突然开始提高视觉重视度的百度
作为一家专业提供搜索引擎服务并占据了国内市场七成以上的龙头公司，百度在建立之初便几乎将全部精力都投入在了搜索引擎的研发与改进上，先不说目前谁在国内市场更强更弱，但google在程序研发的前提下，并没有忘记视觉方面的打造，直至如今google依然坚持将用户的体验度放在首位，就这一点来说，百度在短时间内也不可能超越google。在很多方面，百度都显得很“山寨”，因为其视觉打造的太过羸弱，当与google站在一起的时候，它看起来更像是一个乡下来的爆发户。单调的红与栏的搭配最终会被对用户体验度要求越来越高的用户所抛弃，显然百度也已经意识到了这一点，已经开始在用户体验度提升方面做了一些提升，但这些提升还是远远不够的。或许因为是其开始插足手机领域的缘故，其icon看起来更像是手机的ui图标，虽然说设计师在处理上已经注意尽量靠拢百度的传统色及风格，但因为其UI思想的局限性，始终还是没有摆脱手机“山寨图标”的观感。看来这些被专业请来做手机开发的设计师也被潜力挖掘最大化的被安排了其他视觉方面的工作，或许这些UI设计师在UI方面是不错的，但终归没有品牌打造的经验及视觉统一性及延展性的概念，导致了百度的这些icon看起来显得不伦不类。
四、坚持利用logo进行变形处理的新浪
新浪对新鲜事物的捕捉和操作能力还是很值得称赞的，从前几年的新浪博客到现在的新浪微博，新浪似乎一直走在国内同行的前面，经过多年来对新事物的推广与开发，新浪显然在视觉方面已经具有了足够多的经验。很多新浪的产品icon都具有很浓郁的新浪风格，即使不对图标进行说明，我们也很容易能看出这是一个新浪开发的产品，这种高度的统一更容易获得用户的信任，更容易被推广出去。但设计师对视觉统一和延展的理解实在是太片面和局限了，无论什么icon都要基于logo去制作，都要带上logo来设计，这显然已经局限了其设计的思路，因此他们在设计时更伤脑筋的是怎么样将logo进行变形处理而不是icon的真正作用的形象表达。随着新浪产品的逐渐增多，这种设计的理念与模式显然已经开始捉襟现肘了，当logo被利用到尽的时候，我真不知道新浪的设计师该怎么去应付。
五、山寨中的山寨：草根设计——网易产品icon
网易在很多方面都是做的相当不错的，其自主研发的几款游戏也获得了广大用户的一致好评，总体感觉网易这家公司还是比较倾向实干的。按理来说，其自主研发了许多游戏出来，就没有精力去好好打造一下自己的视觉系统？至少也要让自己的那些产品icon看起来至少专业那么一点点吧？难道网易真的打算为了给草根阶层带来似曾相识感而故意这么做的？不多说了，看到那些图标，我们只能说那个或许是丁磊闲着没事自己捯饬出来的吧？
六、乱成一团的阿里巴巴产品icon
阿里巴巴毕竟只是提供一种b2b\b2c等之类服务的公司，我想他们的员工中大多数在平常的工作都是打电话和跑客户，因此其icon做成这个样子我们还是可以原谅的，不同产品icon几乎没有什么延展性和统一性而言，更像是每个图标都是临时随便拉了一个设计师做出来的一样，虽然这些logo并不统一与系统，但似乎对马云的生意影响不大。其实从各个icon的处理方法和风格上来看，肯定不是同一个设计师所为，估计还是出自一些编外设计师之手的可能性比较大。
七、以logo图形为基础的凤凰卫视的icon
凤凰卫视的产品icon设计与新浪的理念差不多，但不同的是凤凰卫视更重视将logo与实用性完美的结合，在表明了身份的同时还形象的展示了产品的特色，这个做法要比新浪高明了一些，但是制作的精良度还是有待提高的；
八、高度统一性的太平洋
太平洋网的各个子网站的icon虽然无论是在外观、色系、样式、风格等等方面都保持了极高的统一性及延展性，但因为如果单拿出来不进行说明的话，别人并看不出来这个栏目是用来做什么的，还有若是不注明是太平洋网的话，别人也无法知道这个icon是属于太平洋的，因此相对于品牌来说，这个ICON虽然精美，但似乎完全没有考虑到品牌视觉的继承与延展。
在上面，我们总共举出了7个例子，显然其中做的最好的还是adobe公司，其他公司与其相比还是显得小气、幼稚、平凡了些，或许我们也从上面的例子中可以得到一些启示。
本文就先到这里吧！希望大家可以提出更好的见解出来，一起探讨才会有进步嘛！
评论列表