品牌创新驱动商业变革

品牌战略定位 + 品牌形象塑造 + 商业体验空间

互联网社交媒体logo设计原则演变分析,我们能从中学到什么?

互联网社交媒体logo设计原则演变分析,我们能从中学到什么?

 如何重新设计一个数亿人已经习惯了的标志?社交媒体的标识很复杂。当数以亿计的人每天都在使用你的应用时,如果他们不喜欢你的应用,你可能会惹恼很多人,就像我们本周看到的Snapchat的改版一样。再加上社交媒体平台未能解决的所有其他问题,从假新闻到网络谩骂,你有时间胡乱修改标识的想法,在公众看来就像是一记耳光。然而,尽管大多数社交平台问世时间都不长,但它们中的许多已经经历了标识的多次迭代(如果您想了解更多关于如何制作成功标识的信息,请参阅我们的标识设计指南)。那么,是什么推动了这些变化,它们有多成功,它们告诉我们什么关于标志设计的艺术,以及最新的标志趋势?

01. Facebook

最初的Facebook标志,在2005年发布(图片来源:公共领域),我们将从Facebook开始,作为一个如何做正确的例子。Facebook最初是哈佛大学的一个社交网站,最初名为“Facemash”,后来改名为“Thefacebook”。Facebook更名为“Facebook”后,创始人马克·扎克伯格聘请了古巴委员会的迈克·布泽德来设计一个专业形象。他的标识设计,如上图所示,是由Eric Olson设计的Klavika字体的修改。Buzzard监督了这个项目,字体和平面设计师Joe Kral完成了字体修改和最后的文字标记。之所以选择这种与众不同的色调,是因为扎克伯格患有一种叫做“氘色盲”的色盲症,这意味着蓝色是他唯一能轻易分辨的颜色。

更新版本的标志,在2015年推出(图片来源:公共领域)wordmark是干净的,清晰的,独特的和可扩展的。通过第一次就做对,Facebook得以在接下来的十年里保持相同的标识不变。随着该平台在全球范围内以指数级的速度扩张,这一点被证明是无价的。从那以后,Facebook只需要在2015年(如上图所示)对其标识做一次重大修改。即便如此,大多数用户可能也没有注意到这些变化。2015版的logo由Facebook内部团队和Eric Olsen合作完成,进行了细微但重要的调整,让logo看起来更友好、更时尚,包括将字母“b”改成了单层的“A”和字母“b”上的“A”。

脸书在2019年更新了它的app logo,用一个新的圆形图标(右)代替深蓝色的旧图标(图片来源:公共域)。今年早些时候,看到这个标志重新设计也就不足为奇了。这个新的设计,如上图所示,较老的方形背景被一个更容易接近的圆形背景所取代,并且从Facebook的传统蓝色过渡到其Messenger图标的更有活力的渐变。总而言之,在商标方面,Facebook做得很好。它在一开始就引入了专业人员,并相信他们能做好工作。接下来的十年里,它没有做出任何改变,只是做了一些小的调整,再次与专业人士保持一致。其结果是,Facebook得以成长为今天跨越地球的全球巨兽,同时随着时间的推移保持了近乎完全的设计一致性。教训:在第一次就把你的商标做对,你会在接下来的几十年里一直保持良好的状态。当你处于“启动模式”的时候,你很容易匆忙完成一些又快又脏的工作,但是让专业人士来做一份合适的工作,从长远来看是值得的。

02. Twitter

与Facebook相比,Twitter在logo设计上采取了更加多样化的方式。这可能反映了平台缺乏清晰的业务远景。(尽管Twitter从2006年开始运营,但直到2018年才开始盈利,从那以后,用户数量开始出现令人担忧的下降。)如上图所示,Twitter最初的标识是由瑞典平面设计师琳达·加文(Linda Gavin)设计的,她只有一天的时间来设计。它用有趣的、孩子般的字母拼出了公司的名字,唤起了一种友好和包容的形象。

Twitter的第二个标志是其鸟的图标(图片来源:公共域)的第一次迭代。在接下来的几年里,赛德·伯德推出了更多的变种,分别在2006年、2007年、2009年和2012年推出,其中包括该公司联合创始人比兹·斯通(Biz Stone)绘制的版本。每一种颜色都有相似的蓝色,但又各不相同。结果事情开始变得有点混乱和混乱,因为无论什么时候你在别人的网站上看到一个Twitter链接,你都不知道它会是哪个,或者网站所有者是否完全画了他们自己的版本。

2012年,Twitter推出了鸟的图标(图片来源:公共领域),事情变得更有秩序了。基于一只山地蓝鸟,它的翅膀由三个重叠的圆圈组成,正是这种与生俱来的几何平衡感使得这个由内部设计师道格·鲍曼创造的推特图标如此受欢迎和成功。

2019年,比兹·斯通(Biz Stone)发布了这张用蓝色方块代替logo的原型截图(图片来源:公共领域)。那么,当Twitter在今年早些时候发布了一个以简单的蓝色方块作为新“logo”的原型版本时,他们到底在想什么呢?比兹·斯通在推特上写道:“这只鸟飞离了代表‘简单’的应用图标。”“蓝天思维。我们重新构建。没有;因此,却没有标识。大胆又有点怪异。“在人们太过恐慌之前,我们得到保证,这不是Twitter的新标识,而是某种实验。但我想说的是,没有人对此留下深刻印象,这似乎更加深了人们的一种感觉,即Twitter没有明确的前进方向。教训:设计一个成功的标志的第一步,也是最重要的一步是了解企业的基本目标和实现这些目标的策略。相反,到处可见的视觉标识表明,潜在的业务可能也是如此。

03. Instagram

Instagram最初的标识与它提供的服务(图片来源:Instagram)并没有真正的联系。就用户的热情、全球影响力和盈利能力而言,Instagram是这十年来社交媒体的成功典范。它的清晰感和目的性在其标志设计的深思熟虑的演变中得到了清晰的体现。Instagram于2010年推出的第一个logo是一个wordmark,多年来经过了多次迭代。但对于一个始终以智能手机为中心的平台来说,图标对其品牌身份来说是最重要的。CEO兼联合创始人凯文·斯特罗姆(Kevin Systrom)设计了最初的图标,如上图所示。这看起来就像一台老式的宝丽来相机,他后来承认这跟Instagram提供的服务没有任何关系。

下一个logo比较简单,但仍然是拟物化的(图片来源:Instagram)。不久之后,他得到了科尔·里斯(Cole Rise)的帮助,他是一名专业设计师和摄影师,也是这款应用的测试者之一。经过六个月的反复试验,他们最终选定了Rise的相机图标(如上图所示)。

2016年的设计将所有东西精简到最基本的要素(图片来源:Instagram),直到2016年,Instagram发布了一个新的极简主义设计(上图),这是在9个月的时间里内部完成的。正如前面提到的,社交媒体用户不喜欢改变,尤其是当它是如此戏剧化的时候。不出所料,很多人都发了疯,《纽约时报》(the New York Times)因此称这一活动为2016年Instagram上最棒的标志。但现在看来,这似乎是一个必要的举措。如今,拟物化在标识界已经完全失宠了,而随着几乎所有其他网络服务都在简化其标识设计,如果Instagram保留其详细的3D摄像头图标,它会看起来相当老派。特别是考虑到相机本身作为一个独立的设备,在高端智能手机用户眼中正迅速变得无关紧要(如果你想升级自己的手机,请看看我们最好的智能手机)。教训:随着时间的推移,当前的大趋势是简化和最小化您的徽标设计。循序渐进是最安全的,但如果你有一个强大的产品和热情的追随者,你可能会侥幸逃脱一次性撕掉创可贴的惩罚。

04. Pinterest

Pinterest是另一个社交媒体平台,多年来只对其标识做了一次相对细微的改变。Pinterest成立于2010年,很快就发现了一个有利可图的利基市场,可以充当人们最喜欢的图片的虚拟图板。它的“P”图标——将名字的第一个字母转换成别针——完美地表达了其产品的精髓。结合短语“Pin it”,这一聪明的设计(如上图所示)让人立刻明白这个平台是关于什么的,以及如何使用它。

2017年的重新设计让这个字母看起来更商务化,但“pin”图标却完好无损(图片来源:Pinterest)。相反,人们的注意力完全集中在了wordmark上,它经过了重新设计,使用了改良版的Neue Haas k,看起来更干净、更商务。教训:一个标志并不总是需要解释或说明你的服务…但如果你能找到一种视觉上的方法,那么你就是赢家。

05. YouTube

最初的标识完美地传达了服务的目的(图片来源:YouTube)YouTube多年来的标识演变是另一个例子,说明一个受人喜爱的标识如何在不知不觉中改进,随着时间的推移简化和简化它。很难记起什么时候没有人知道YouTube是什么,但当这项由PayPal前员工查德·赫尔利、史蒂夫·陈和贾韦德·卡里蒙在2005年情人节推出的服务时,情况确实如此。因此,最初的标识,如上图所示,通过将单词“Tube”放在代表电视机的红色圆角矩形内,帮助人们更快地到达目的地。

到2011年,一个更平坦的矩形在功能和象征意义上都变得有意义了(图片来源:YouTube)这个标志,使用了交替的哥特式数字2,直到2011年才改变,当一个新的设计与一个更平坦的矩形(如上所示),在一个更深的红色阴影引入。在一个笨重的老式CRT电视正迅速被时尚的平板电视取代的世界里,去掉3D渐变效果是一个明智的举动,既保持了标识的新鲜感和现代感,又不需要进行根本性的改变。

2017年的logo可以更容易地分成单独的图标和wordmark(图片来源:YouTube)。2013年和2015年,logo再次更新,但只做了很小的改动。然而,在2017年,原2005年的标识进行了第一次大修。这个设计,创造了在房子里,最终放弃了电视形状周围的“管”和移动到一边,提供了一个更清晰的空间,更清晰的文字标记。新logo(如上图所示)是专门为更灵活的设计而设计的,可以更好地在各种设备上工作,包括小屏幕。正如YouTube在一篇博客文章中所解释的那样:“当空间有限时(比如在智能手机上),你可以使用变亮的图标作为缩写标志,这样更容易看到,也更清晰。”它还采用了一种新的定制字体,新矩形的颜色是#FF0000,“一种真正的纯红色,用于RGB视频”。简而言之,随着时间的推移,YouTube的标识经历了自然、克制和深思熟虑的演变。值得注意的是,它的更新中没有任何一项像其他上榜者一样,在网上引起愤怒和哀号。教训:随着时间的推移,更新和完善你的logo是有好处的——如果你缓慢地、巧妙地、有充分的理由地更新和完善你的logo,用户更有可能留在一边。

06. Medium

最初的媒体logo很好地传达了写作的主题(图片来源:媒体),如果你想要看到与YouTube logo自然的、往往难以察觉的演变形成对比,只要看看媒体令人不舒服的来回变化就可以了。Medium于2012年由埃文·威廉姆斯(Evan Williams)创立,他曾是博客和Twitter的联合创始人。他最初认为这是一种发布超过Twitter 140字符(现在是280字符)限制的文章和文件的方式。在发布时,它的标志是基于单色的,板状衬线M,使用了Stag字体(如上所示)。作为一个针对作家的平台,这个简单、整洁的衬线字体,让人联想到打字机和印刷品,表达了清晰而大胆的观点。

2015年的重做现在看起来像是过度思考的产物(图片来源:Medium),然而,Medium当时的艺术总监埃里希·内格勒(Erich Nagler)在一篇博客文章中表示,事实证明,这种设计并没有特别的可扩展性。他解释说:“在最初的几年里,它很好地服务了我们,但随着媒介的发展和演变,这个标识开始变得单调、令人费解、生硬,让人无法把玩。”它也不是特别独特。简而言之,我们的M不再捕捉或传达媒介已经变成了什么。Medium与PSY/OPS的字体设计师罗德·卡瓦佐斯(Rod Cavazos)合作开发了一个新概念:“我们的标识可以由一系列相互关联的想法或形状组成,当它们结合在一起时,就会形成一个新的想法。”一个标志,流动,展开,建设像一个伟大的和令人难忘的谈话…其结果是一组定制的字母,完美地体现了标识的角度和精神,而不会变得过于粗糙或过于几何。这种冗长的解释可能有一定的逻辑(你可以在这里阅读全文)。但由此产生的标识,如上所示,至少可以说,没有受到热烈欢迎。薄荷色——更容易让人联想到金融应用,而不是其他东西——令人困惑。折叠起来的纸图像看起来笨拙而笨拙。与书写的清晰的视觉联系消失了。甚至字距也有问题。

今天的媒体标志是一个明显的回调到原来的(图片来源:媒体),所以也许并不奇怪,仅仅两年后,媒体采取了一个急剧右转,并发布了另一个新的标志(显示在上面),它看起来惊人地相似于原来的。这是Manual和Medium内部团队的合作,这个优雅而成熟的设计看起来很像从最初的设计直接演变而来,几乎就像2015年的标识从未出现过一样。与其说是重新设计,不如说是“反设计”。教训:如果你要放弃你所有的品牌资产,并引入一个全新的标志,你最好确保你得到了它的权利。如果你对你的新设计的解释听起来很复杂和过度劳累,这是一个好迹象,你可能没有。

07. Snapchat

公司创始人埃文·斯皮格尔(Evan Spiegel)在他的卧室里设计了Snapchat最初的标识(图片来源:Snapchat)。本文将从一开始就以这样一个社交媒体标识结束:它从一开始就非常固定,因此从那以后只需要进行两次改进。Snapchat成立于2011年,它的天才之处在于允许用户发送照片或视频,而这些照片或视频在一段时间后就会消失。因此,围绕幽灵(见上图)设计标识的想法是完全可行的。公司创始人埃文·斯皮格尔在他寝室的电脑上画出了这幅图,那时公司还没有名字。作为一名说唱乐迷,他的灵感来自武当派说唱歌手鬼脸杀手(Ghostface Killah),该标识现在在公司内部被称为“鬼脸齐亚”(Ghostface Chillah)。之所以选择黄色,是因为其他流行的应用程序似乎都不使用黄色。他简单的设计很容易识别,即使是在小屏幕上,而且整个设计已经被证明是“如果它没有坏,就不要修理它”这句格言的一个很好的例子。

最新的标志(右)相比2013年的更新(左)(图片来源:Snap)事实上,直到最近,只有重大更新。2013年,Snapcat首次发布故事,推出了重新设计的标识,如上图(左)。去掉卡通脸有助于简化标识,使其在小尺寸下工作得更好。Snapchat还把颜色改成了潘通(Pantone)的100%黄色,这款手机在很远的地方都能被看到,非常适合年轻的核心用户群。2019年,Snapchat更新了它的ghost图标,用更粗的黑线勾勒出比以前更多的轮廓,这让很多人感到不安。从可访问性的角度来看,这是完全合理的,图标现在更容易看到。但这并没有阻止人们的愤怒。教训:从一个与你的应用的核心吸引力紧密相连的强大概念开始,你就有很大的机会创造一个标志设计来延续课程。当然,如果你改变了它,就会招致愤怒(当然是在社交媒体上)。

Leave a Reply

互联网社交媒体logo设计原则演变分析,我们能从中学到什么?相关问答:

品牌战略定位 × 品牌形象塑造 × 商业空间设计

中小企业 – 上市公司 – 跨国企业 – 国有企业 – 世界500强