花重金设计的LOGO,该放到网页中的什么位置?

wired不管是纸质杂志还是在线杂志都统一将logo放在中间

但是,居中放置logo并不是这类网站的专利,换个角度想,你可以通过居中设置logo来为网站营造出一种传统纸媒的氛围。

其他位置

其实除了传统媒体的网站以外,很少很会有网站把logo放在导航栏的中间,也很少会有人将logo放在右边。

三星官网就不走寻常路将logo居中

Guardian就是少数把logo放在右边的网站之一

还有一类网站独立在上述的例子以外,那就是搜索引擎的主页。像是喜闻乐见的Google, Bing, Yahoo, Duck Duck Go, Wolfram Alpha, Baidu,它们的logo都放在搜索栏的旁边或者上面。从某种意义来说,它们可以算得上是一种特例了。

DuckDuckGo

那么,为什么这些logo要这样放置呢?

为什么logo通常都会放在左上角?

从历史角度来说,浏览器的窗口大小和屏幕尺寸会影响一个网站怎么显示出来,如果将logo放在右边或者是中间,那么就很有可能不能完全展现。所以,可以说放在左上角是一种保险的做法。

NETFLIX

另外一个原因就是,阅读顺序。一般来说大部分国家的纸质材料都是根据从左到右,从上到下的阅读顺序来印刷的。虽然现在数字媒介越来越发达,但是这种传统的阅读习惯也很自然的过渡到了互联网上。

为什么要打破这种格局

把logo放置在左上角似乎已经成为了一种固定的规则,如果你把logo放在其他地方,仿佛就会被认为是挑战权威(笑),或者只是想要引起人们的注意力,让他们觉得你的网页看起来不一样。

你可能觉得这么做没有问题,因为logo和页面的其他部分(搜索栏/菜单按钮/导航栏)不一样,没有专属的位置,没有功能性的目的。但其实这么想是错的。

用户实际上是希望logo有功能性的,那就是当他们点击logo的时候页面可以跳转回到主页上,否则就会大大降低他们的用户体验。调查表明,居中logo的网站返回主页的困难程度是放在左上角的六倍。

关于左边logo和中间logo不能点击返回主页的统计

如果甲方爸爸无论如何都要你将logo放在中间的话,不妨试试像JAMstudio那样,把logo居中但是在左上角设置了返回主页的按钮。这样用户体验就不会降低了。不过通常来说,我们建议你在遵循一般规则的基础上来发挥创意去抓住用户的眼球。

多种方式展示logo

放在左上角并不意味着你不能将logo放到页面的其他地方去。许多网站为了加强品牌效应,也会在侧栏或者页脚放logo。

Envato Tuts+在页脚放logo

Envato Tuts+就是一个好例子,只要简单点击twitter就能订阅但又不会有烦人的推送。看,只是添加了很少的部分,就立竿见影提高了用户体验,并且又提高了品牌效益。

这种多方式放置logo的方式虽然很不错,但是要记住的是:用户总会觉得页面上的每个logo都是有功能性的。

我们惊人地发现Google正在做类似的事情,gmail和google drive网站上通常都会有一个大大的google logo,然而点击它们实际上会跳转到选择其他服务的主页,而不是搜索页面本身。这就让人很困惑了。

苹果的路子跟谷歌完全相反

相反,在苹果的整个网络系统中,无论你处于哪个页面,甚至在ithunes里面,点击苹果logo你总能回到它最基础的主页apple.com去。

原文来源:creativebloq原文作者:Tom May优设翻译:岩盐盐盐盐封面设计:Pixel Surplus

我的出处

来源:优秀网页设计

版权声明

专委会微信公众号文章来源于作者授权或者投稿文章,大部分转载文章都尽量标明了出处以及作者信息,版权都归作者所有,若涉及到版权问题,请添加微信:dajiangjuan联系删除,谢谢!(有关投稿问题也可骚扰哦!)返回搜狐,查看更多

2025权威评测:十大拓客系统排行榜|地铁逃离怎么换白天和黑夜