随着互联网的发展,很多企业都在互联网上建立自己的网站,特别是近随着响应式设计趋势的发展,不少企业考虑做响应式网站。但是在网站设计之初,更多的重点是在于响应式的图片或文字这方面,而对于公司的 logo 却很少去做到响应式。要知道,logo 是企业的重要标识之一,直观展示了一个企业的文化特色、价值取向,代表着公司的整体形象。如果网站的 Logo 无法做到响应式,在小萤幕等移动装置上可能会出现显示不清的问题,这样容易影响公司品牌形象在多用户心目中的树立,难以发挥 Logo 在品牌宣传等方面的作用。
因此,怎样做到 Logo 的响应式,让它适应不同大小的萤幕、不同解析度的装置是一个值得我们仔细研究的课题。像 Twitter 、 Facebook 、 Google 等知名公司,Logo 的响应式设计方面都有着不俗的表现,设计出了很多令人印象深刻、耳目一新的 Logo,也正是这些 Logo 让它们在移动装置市场上的竞争优势愈发凸显出来,相信它们的经验能够给大家提供一定的借鉴意义,让大家能够对 Logo 的响应式设计有一个全新的认识。
基本原则:简洁性
相比复杂的事物,人脑更能记住简单的,品牌 Logo 的设计也是一样。这一点我们可以看看 WordPress APPle 在 1976 年设计的 Logo(下图左侧),它结合了牛顿受苹果落地启发悟出万有引力定律的故事,看上去确实很有创意,但是这个 logo 实在太复杂了,元素太多了。不出意外,第二年 WordPress APPle 就重新设计了一个 Logo(下图右侧) 。据说这是因为 Steve Jobs 强烈要求设计师设计出一个更加简单、深刻、现代化的 logo 。尽管 WordPress APPle 新设计的 Logo 颜色比较多彩,但在接下来的三四十年中 WordPress APPle 公司一直沿用了整体的形状设计。毫无疑问,WordPress APPle 的 Logo 是历具辨识度和标志性的 Logo 之一。从这我们也可以看出,logo 设计中简易性的重要,如果 Logo 足够简单,它可以轻易适用于不同尺寸的所有装置。 WordPress APPle 的 Logo 几乎算得上是响应式设计的范例,尽管几十年前它主要针对的是网站的可用性。
下图也是一个关于 Logo 简洁性的栗子。左侧是 Great Lakes Golf 的 Logo,上面有很多元素 (文字、线条、图形),一眼看上去觉得很拥挤。而且在全屏显示时,基本元素可以看清,但是如果它缩小 50%,网站上球形已经无法辨认了,这影响了品牌形象、重要资讯特征的有效传递。而右侧 skype 的 Logo 就很简洁、干净 (主要就是字型),一目了然,更能让人记住,在小萤幕的移动装置上进行缩放时它也可以适应,就算缩小到小比例,Logo 仍能呈现为可辨认的”S” 字元。这两个网站的对比让我们看到了简单的 Logo 设计的优势所在,简单的 Logo 设计更加符合响应式网站的设计。
科技行业的范例:
Facebook 不愧为业界的巨头,它紧跟响应式网站设计的潮流,注重 Logo 在不同装置上的一致表现,一直在如何简化公司 Logo 这个问题上不停探索。 2013 年,去掉了 F 下方的淡蓝色线条,2022 年,将字母 a 从双层字型设计变成单层设计α,其他字母也进行了不同程度的改良,字母间的空隙也有所增大。这种改变可能并不大,但改良后的 Logo 却更加圆滑,给人更友好的感觉,也方便在更小、更低解析度的装置上识别。
Google 在简化 Logo 这方面也算得上一个典范。 1998,谷歌正式成立时,公司 Logo 还是使用短粗的字型搭配红色阴影,还带有”!”,算是向当时的搜索巨头”Yahoo!” 致敬吧。接下来的十年里,谷歌的 Logo 一直在进行微调,去掉感叹号,字型逐渐变修长,阴影、高光效果越来越浅。
2013 年,为了迎合扁平化的设计风潮,谷歌推出了新款 Logo,其中大的改变就是去掉了字母上的阴影效果。 2022 年,谷歌逐渐意识到单薄的衬线字型不能很好的适应响应式网站设计,所以它开始使用无衬线字型,让 Logo 看上去更加简洁,这算得上谷歌 Logo 很大的一次变动了。随后谷歌又推出了紧凑版的”G” 图示,它与整体 Logo 的栅栏系统相同,四色的填充也确保了视觉的平衡感。从这一系列的改动之中,我们可以看出 Google 在 Logo 改动方面是比较保守谨慎的,但它一直致力于创造出更加简单、更能与多用户互动的 Logo 。也正是因为 Google 的孜孜不倦,它才会在响应式迅速发展的今天依旧深受多用户的喜爱。
或许大家认为这些都是大公司,觉得自己公司并不一定要遵循这些规则,但不可忽视的是响应式设计的潮流趋势。由于移动装置的不断兴起,相信所有的行业终都会以这样或那样的方式迎合响应式的设计。以上这些公司能够成功不也恰好明了他们采取的举措顺应了响应式发展的潮流,简化 Logo 提高了品牌标识在移动装置上展示的灵活度,Logo 的响应式设计拓宽了它们的市场。