今天就来说说在网站里面logo的放置问题,几乎每个人都觉得在一个网页当中,logo是必不可少的一部分。但是,真的是这样吗?
你在设计网站时,想过应该把logo放在哪里吗?从那些著名的网站中总结经验,不难发现它们几乎都把logo放在左上角。不信?那么你可以打开YouTube, Vimeo, Amazon, Instagram, eBay, Adidas, BBC, Wikipedia, Reddit, Dribbble, Netflix, Ford, BP, Levis, Shell, O2, Sony, NASA这些网站逐一检查。
虽然上面这些典型的例子都是文字商标,但是同样的方法换做是图形logo也一样适用,比如Airbnb, Spotify, Nike, Facebook, Pinterest 和Apple。
所以看样子把logo放在左上角是个不错的选择。不过,你是不是有点想不按套路出牌呢?如果是,那么我们就继续看下文。
居中
不少人会喜欢将logo放在页面的中间活着右上角,像报纸或者杂志类的网站就比较喜欢将logo放在页面的中间。因为这种设置看上去跟纸媒的版头一样,像是Washington Post, The New York Times, Los Angeles Times, The Boston Globe, The Times, Financial Times, The Spectator, New Statesman, British Vogue, Radio Times and Wired这些网站,就是将logo居中的好例子。
但是,居中放置logo并不是这类网站的专利,换个角度想,你可以通过居中设置logo来为网站营造出一种传统纸媒的氛围。
其他位置
其实除了传统媒体的网站以外,很少很会有网站把logo放在导航栏的中间,也很少会有人将logo放在右边。
还有一类网站独立在上述的例子以外,那就是搜索引擎的主页。像是喜闻乐见的Google, Bing, Yahoo, Duck Duck Go, Wolfram Alpha, Baidu,它们的logo都放在搜索栏的旁边或者上面。从某种意义来说,它们可以算得上是一种特例了。
那么,为什么这些logo要这样放置呢?
为什么logo通常都会放在左上角?
从历史角度来说,浏览器的窗口大小和屏幕尺寸会影响一个网站怎么显示出来,如果将logo放在右边或者是中间,那么就很有可能不能完全展现。所以,可以说放在左上角是一种保险的做法。
另外一个原因就是,阅读顺序。一般来说大部分国家的纸质材料都是根据从左到右,从上到下的阅读顺序来印刷的。虽然现在数字媒介越来越发达,但是这种传统的阅读习惯也很自然的过渡到了互联网上。
为什么要打破这种格局
把logo放置在左上角似乎已经成为了一种固定的规则,如果你把logo放在其他地方,仿佛就会被认为是挑战权威(笑),或者只是想要引起人们的注意力,让他们觉得你的网页看起来不一样。
你可能觉得这么做没有问题,因为logo和页面的其他部分(搜索栏/菜单按钮/导航栏)不一样,没有专属的位置,没有功能性的目的。但其实这么想是错的。
用户实际上是希望logo有功能性的,那就是当他们点击logo的时候页面可以跳转回到主页上,否则就会大大降低他们的用户体验。调查表明,居中logo的网站返回主页的困难程度是放在左上角的六倍。
如果甲方爸爸无论如何都要你将logo放在中间的话,不妨试试像JAMstudio那样,把logo居中但是在左上角设置了返回主页的按钮。这样用户体验就不会降低了。不过通常来说,我们建议你在遵循一般规则的基础上来发挥创意去抓住用户的眼球。
多种方式展示logo
放在左上角并不意味着你不能将logo放到页面的其他地方去。许多网站为了加强品牌效应,也会在侧栏或者页脚放logo。
Envato Tuts+就是一个好例子,只要简单点击twitter就能订阅但又不会有烦人的推送。看,只是添加了很少的部分,就立竿见影提高了用户体验,并且又提高了品牌效益。
这种多方式放置logo的方式虽然很不错,但是要记住的是:用户总会觉得页面上的每个logo都是有功能性的。
我们惊人地发现Google正在做类似的事情,gmail和google drive网站上通常都会有一个大大的google logo,然而点击它们实际上会跳转到选择其他服务的主页,而不是搜索页面本身。这就让人很困惑了。
相反,在苹果的整个网络系统中,无论你处于哪个页面,甚至在ithunes里面,点击苹果logo你总能回到它最基础的主页去。
原文作者:Tom May
优设翻译:岩盐盐盐盐