今天就來(lái)說(shuō)說(shuō)在網(wǎng)站里面logo的放置問(wèn)題，幾乎每個(gè)人都覺(jué)得在一個(gè)網(wǎng)頁(yè)當(dāng)中，logo是必不可少的一部分。但是，真的是這樣嗎？

你在設(shè)計(jì)網(wǎng)站時(shí)，想過(guò)應(yīng)該把logo放在哪里嗎？從那些著名的網(wǎng)站中總結(jié)經(jīng)驗(yàn)，不難發(fā)現(xiàn)它們幾乎都把logo放在左上角。不信？那么你可以打開YouTube, Vimeo, Amazon, Instagram, eBay, Adidas, BBC, Wikipedia, Reddit, Dribbble, Netflix, Ford, BP, Levis, Shell, O2, Sony, NASA這些網(wǎng)站逐一檢查。

雖然上面這些典型的例子都是文字商標(biāo)，但是同樣的方法換做是圖形logo也一樣適用，比如Airbnb, Spotify, Nike, Facebook, Pinterest 和Apple。

所以看樣子把logo放在左上角是個(gè)不錯(cuò)的選擇。不過(guò)，你是不是有點(diǎn)想不按套路出牌呢？如果是，那么我們就繼續(xù)看下文。

居中

不少人會(huì)喜歡將logo放在頁(yè)面的中間活著右上角，像報(bào)紙或者雜志類的網(wǎng)站就比較喜歡將logo放在頁(yè)面的中間。因?yàn)檫@種設(shè)置看上去跟紙媒的版頭一樣，像是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這些網(wǎng)站，就是將logo居中的好例子。

但是，居中放置logo并不是這類網(wǎng)站的專利，換個(gè)角度想，你可以通過(guò)居中設(shè)置logo來(lái)為網(wǎng)站營(yíng)造出一種傳統(tǒng)紙媒的氛圍。

其他位置

其實(shí)除了傳統(tǒng)媒體的網(wǎng)站以外，很少很會(huì)有網(wǎng)站把logo放在導(dǎo)航欄的中間，也很少會(huì)有人將logo放在右邊。

還有一類網(wǎng)站獨(dú)立在上述的例子以外，那就是搜索引擎的主頁(yè)。像是喜聞樂(lè)見(jiàn)的Google, Bing, Yahoo, Duck Duck Go, Wolfram Alpha, Baidu，它們的logo都放在搜索欄的旁邊或者上面。從某種意義來(lái)說(shuō)，它們可以算得上是一種特例了。

那么，為什么這些logo要這樣放置呢？

為什么logo通常都會(huì)放在左上角？

從歷史角度來(lái)說(shuō)，瀏覽器的窗口大小和屏幕尺寸會(huì)影響一個(gè)網(wǎng)站怎么顯示出來(lái)，如果將logo放在右邊或者是中間，那么就很有可能不能完全展現(xiàn)。所以，可以說(shuō)放在左上角是一種保險(xiǎn)的做法。

另外一個(gè)原因就是，閱讀順序。一般來(lái)說(shuō)大部分國(guó)家的紙質(zhì)材料都是根據(jù)從左到右，從上到下的閱讀順序來(lái)印刷的。雖然現(xiàn)在數(shù)字媒介越來(lái)越發(fā)達(dá)，但是這種傳統(tǒng)的閱讀習(xí)慣也很自然的過(guò)渡到了互聯(lián)網(wǎng)上。

為什么要打破這種格局

把logo放置在左上角似乎已經(jīng)成為了一種固定的規(guī)則，如果你把logo放在其他地方，仿佛就會(huì)被認(rèn)為是挑戰(zhàn)權(quán)威（笑），或者只是想要引起人們的注意力，讓他們覺(jué)得你的網(wǎng)頁(yè)看起來(lái)不一樣。

你可能覺(jué)得這么做沒(méi)有問(wèn)題，因?yàn)閘ogo和頁(yè)面的其他部分（搜索欄／菜單按鈕／導(dǎo)航欄）不一樣，沒(méi)有專屬的位置，沒(méi)有功能性的目的。但其實(shí)這么想是錯(cuò)的。

用戶實(shí)際上是希望logo有功能性的，那就是當(dāng)他們點(diǎn)擊logo的時(shí)候頁(yè)面可以跳轉(zhuǎn)回到主頁(yè)上，否則就會(huì)大大降低他們的用戶體驗(yàn)。調(diào)查表明，居中l(wèi)ogo的網(wǎng)站返回主頁(yè)的困難程度是放在左上角的六倍。

如果甲方爸爸無(wú)論如何都要你將logo放在中間的話，不妨試試像JAMstudio那樣，把logo居中但是在左上角設(shè)置了返回主頁(yè)的按鈕。這樣用戶體驗(yàn)就不會(huì)降低了。不過(guò)通常來(lái)說(shuō)，我們建議你在遵循一般規(guī)則的基礎(chǔ)上來(lái)發(fā)揮創(chuàng)意去抓住用戶的眼球。

多種方式展示logo

放在左上角并不意味著你不能將logo放到頁(yè)面的其他地方去。許多網(wǎng)站為了加強(qiáng)品牌效應(yīng)，也會(huì)在側(cè)欄或者頁(yè)腳放logo。

Envato Tuts+就是一個(gè)好例子，只要簡(jiǎn)單點(diǎn)擊twitter就能訂閱但又不會(huì)有煩人的推送?？矗皇翘砑恿撕苌俚牟糠?，就立竿見(jiàn)影提高了用戶體驗(yàn)，并且又提高了品牌效益。

這種多方式放置logo的方式雖然很不錯(cuò)，但是要記住的是：用戶總會(huì)覺(jué)得頁(yè)面上的每個(gè)logo都是有功能性的。

我們驚人地發(fā)現(xiàn)Google正在做類似的事情，gmail和google drive網(wǎng)站上通常都會(huì)有一個(gè)大大的google logo，然而點(diǎn)擊它們實(shí)際上會(huì)跳轉(zhuǎn)到選擇其他服務(wù)的主頁(yè)，而不是搜索頁(yè)面本身。這就讓人很困惑了。

相反，在蘋果的整個(gè)網(wǎng)絡(luò)系統(tǒng)中，無(wú)論你處于哪個(gè)頁(yè)面，甚至在ithunes里面，點(diǎn)擊蘋果logo你總能回到它最基礎(chǔ)的主頁(yè)去。

原文作者：Tom May

優(yōu)設(shè)翻譯：巖鹽鹽鹽鹽

新聞名稱：企業(yè)重金設(shè)計(jì)的LOGO應(yīng)該在網(wǎng)站哪個(gè)位置？
鏈接地址：http://www.rwnh.cn/news18/142218.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、品牌網(wǎng)站制作、搜索引擎優(yōu)化、小程序開發(fā)、網(wǎng)站制作、面包屑導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)