2017/07/03 10:03:14所在目录:建站新闻浏览量:10276
企业重金设计的LOGO应该在网站哪个位置?
2019/05/22 所在目录:公司动态

今天就来说说在网站里面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

优设翻译:岩盐盐盐盐

下一篇:如何成为百度知道营销高手?
上一篇:12个常见的网站交互设计错误
模型公司  名扬食品  中华戴氏商务网  永红锦月房产信息服务部  小罗玉器  海恒企业营销策划  空评集  自助餐厅设计  饰品类批发价零售  闯王酒业粮  转让网  嘉兴市刘氏轴承  恋久银饰  临朐春仪机械设备有限公司  鑫杜燃消防  趣乐吧  重庆丰都宏声贵宾楼  有车一族  漳州巳得国际贸易有限公司  西方中创  烟花燃放公司  狗餅物語   中国洗鼻器网  深圳爱乒才会赢  健康中国网  山东博晨  怀化婷太  惠风阁  天信财务咨询有限公司  农家淘商城  深圳市江益达科技股份有限公司