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

你在設(shè)計(jì)網(wǎng)站時(shí)，想過應(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ò)的選擇。不過，你是不是有點(diǎn)想不按套路出牌呢？如果是，那么我們就繼續(xù)看下文。

居中

不少人會喜歡將logo放在頁面的中間活著右上角，像報(bào)紙或者雜志類的網(wǎng)站就比較喜歡將logo放在頁面的中間。因?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è)角度想，你可以通過居中設(shè)置logo來為網(wǎng)站營造出一種傳統(tǒng)紙媒的氛圍。

其他位置

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

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

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

為什么logo通常都會放在左上角？

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

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

為什么要打破這種格局

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

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

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

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

多種方式展示logo

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

Envato Tuts+就是一個(gè)好例子，只要簡單點(diǎn)擊twitter就能訂閱但又不會有煩人的推送。看，只是添加了很少的部分，就立竿見影提高了用戶體驗(yàn)，并且又提高了品牌效益。

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

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

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

原文作者：Tom May

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

新聞名稱：企業(yè)重金設(shè)計(jì)的LOGO應(yīng)該在網(wǎng)站哪個(gè)位置？
鏈接地址：http://jinyejixie.com/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)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)