做好企业响应式logo设计,建立好品牌形象-深圳网站设计-沙漠风网站建设公司

做好企业响应式logo设计,建立好品牌形象-深圳网站设计

返回列表

热门标签

沙漠风公众号

　　随着互联网的发展，很多企业都在互联网上建立自己的网站，特别是近随着响应式设计趋势的发展，不少企业考虑做响应式网站。但是在网站设计之初，更多的重点是在于响应式的图片或文本这方面，而对于公司的logo却很少去做到响应式。要知道，logo是企业的重要标识之一，直观展示了一个企业的文化特色、价值取向，代表着公司的整体形象。如果网站的Logo无法做到响应式，在小屏幕等移动设备上可能会出现显示不清的问题，这样容易影响公司品牌形象在用户心目中的树立，难以发挥Logo在品牌宣传等方面的作用。

　　因此，怎样做到Logo的响应式，让它适应不同大小的屏幕、不同分辨率的设备是一个值得我们仔细研究的课题。像Twitter、Facebook、Google等知名公司，Logo的响应式设计方面都有着不俗的表现，设计出了很多令人印象深刻、耳目一新的Logo，也正是这些Logo让它们在移动设备市场上的竞争优势愈发凸显出来，相信它们的经验能够给大家提供一定的借鉴意义，让大家能够对Logo的响应式设计有一个全新的认识。

　　基本原则：简洁性

　　相比复杂的事物，人脑更能记住简单的，品牌Logo的设计也是一样。这一点我们可以看看Apple在1976年设计的Logo(下图左侧)，它结合了牛顿受苹果落地启发悟出万有引力定律的故事，看上去确实很有创意，但是这个logo实在太复杂了，元素太多了。不出意外，第二年Apple就重新设计了一个Logo(下图右侧)。据说这是因为Steve Jobs强烈要求设计师设计出一个更加简单、深刻、现代化的logo。尽管Apple新设计的Logo颜色比较多彩，但在接下来的三四十年中Apple公司一直沿用了整体的形状设计。毫无疑问，Apple的Logo是历具辨识度和标志性的Logo之一。从这我们也可以看出，logo设计中简易性的重要，如果Logo足够简单，它可以轻易适用于不同尺寸的所有设备。Apple的Logo几乎算得上是响应式设计的范例，尽管几十年前它主要针对的是网站的可用性。

　　下图也是一个关于Logo简洁性的栗子。左侧是Great Lakes Golf的Logo，上面有很多元素(文字、线条、图形)，一眼看上去觉得很拥挤。而且在全屏显示时，基本元素可以看清，但是如果它缩小50%，网站上球形已经无法辨认了，这影响了品牌形象、重要信息特征的有效传递。而右侧skype的Logo就很简洁、干净(主要就是字体)，一目了然，更能让人记住，在小屏幕的移动设备上进行缩放时它也可以适应，就算缩小到小比例，Logo仍能呈现为可辨认的"S"字符。这两个网站的对比让我们看到了简单的Logo设计的优势所在，简单的Logo设计更加符合响应式网站的设计。

　　科技行业的范例：

　　Facebook

　　Facebook不愧为业界的巨头，它紧跟响应式网站设计的潮流，注重Logo在不同设备上的一致表现，一直在如何简化公司Logo这个问题上不停探索。2013年，去掉了F下方的淡蓝色线条，2015年，将字母a从双层字体设计变成单层设计α，其他字母也进行了不同程度的改良，字母间的空隙也有所增大。这种改变可能并不大，但改良后的Logo却更加圆滑，给人更友好的感觉，也方便在更小、更低分辨率的设备上识别。

　　Google

　　Google在简化Logo这方面也算得上一个典范。1998，谷歌正式成立时，公司Logo还是使用短粗的字体搭配红色阴影，还带有"!"，算是向当时的搜索巨头"Yahoo!"致敬吧。接下来的十年里，谷歌的Logo一直在进行微调，去掉感叹号，字体逐渐变修长，阴影、高光效果越来越浅。

　　2013年，为了迎合扁平化的设计风潮，谷歌推出了新款Logo，其中大的改变就是去掉了字母上的阴影效果。2014年，谷歌逐渐意识到单薄的衬线字体不能很好的适应响应式网站设计，所以它开始使用无衬线字体，让Logo看上去更加简洁，这算得上谷歌Logo很大的一次变动了。随后谷歌又推出了紧凑版的"G"图标，它与整体Logo的栅栏系统相同，四色的填充也确保了视觉的平衡感。从这一系列的改动之中，我们可以看出Google在Logo改动方面是比较保守谨慎的，但它一直致力于创造出更加简单、更能与用户互动的Logo。也正是因为Google的孜孜不倦，它才会在响应式迅速发展的今天依旧深受用户的喜爱。

　　或许大家认为这些都是大公司，觉得自己公司并不一定要遵循这些规则，但不可忽视的是响应式设计的潮流趋势。由于移动设备的不断兴起，相信所有的行业终都会以这样或那样的方式迎合响应式的设计。以上这些公司能够成功不也恰好明了他们采取的举措顺应了响应式发展的潮流，简化Logo提高了品牌标识在移动设备上展示的灵活度，Logo的响应式设计拓宽了它们的市场。

TAG：

上一篇：在微软官网看运用的心理学现象优化用户体验设计-深圳网站设计下一篇：微商城分销系统的三大体系-深圳微信开发

深圳网站建设、设计、制作

做好企业响应式logo设计,建立好品牌形象-深圳网站设计