今天就來說說在網(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ù)看下文。
居中
不少人會(huì)喜歡將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)站以外，很少很會(huì)有網(wǎng)站把logo放在導(dǎo)航欄的中間，也很少會(huì)有人將logo放在右邊。
還有一類網(wǎng)站獨(dú)立在上述的例子以外，那就是搜索引擎的主頁。像是喜聞樂見的Google, Bing, Yahoo, Duck Duck Go, Wolfram Alpha, Baidu，它們的logo都放在搜索欄的旁邊或者上面。從某種意義來說，它們可以算得上是一種特例了。
那么，為什么這些logo要這樣放置呢？
為什么logo通常都會(huì)放在左上角？
從歷史角度來說，瀏覽器的窗口大小和屏幕尺寸會(huì)影響一個(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放在其他地方，仿佛就會(huì)被認(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)回到主頁上，否則就會(huì)大大降低他們的用戶體驗(yàn)。調(diào)查表明，居中l(wèi)ogo的網(wǎng)站返回主頁的困難程度是放在左上角的六倍。
如果甲方爸爸無論如何都要你將logo放在中間的話，不妨試試像JAMstudio那樣，把logo居中但是在左上角設(shè)置了返回主頁的按鈕。這樣用戶體驗(yàn)就不會(huì)降低了。不過通常來說，我們建議你在遵循一般規(guī)則的基礎(chǔ)上來發(fā)揮創(chuàng)意去抓住用戶的眼球。
多種方式展示logo
放在左上角并不意味著你不能將logo放到頁面的其他地方去。許多網(wǎng)站為了加強(qiáng)品牌效應(yīng)，也會(huì)在側(cè)欄或者頁腳放logo。
Envato Tuts+就是一個(gè)好例子，只要簡(jiǎn)單點(diǎn)擊twitter就能訂閱但又不會(huì)有煩人的推送?？?，只是添加了很少的部分，就立竿見影提高了用戶體驗(yàn)，并且又提高了品牌效益。
這種多方式放置logo的方式雖然很不錯(cuò)，但是要記住的是：用戶總會(huì)覺得頁面上的每個(gè)logo都是有功能性的。
我們驚人地發(fā)現(xiàn)Google正在做類似的事情，gmail和google drive網(wǎng)站上通常都會(huì)有一個(gè)大大的google logo，然而點(diǎn)擊它們實(shí)際上會(huì)跳轉(zhuǎn)到選擇其他服務(wù)的主頁，而不是搜索頁面本身。這就讓人很困惑了。
相反，在蘋果的整個(gè)網(wǎng)絡(luò)系統(tǒng)中，無論你處于哪個(gè)頁面，甚至在ithunes里面，點(diǎn)擊蘋果logo你總能回到它最基礎(chǔ)的主頁去。
原文作者：Tom May
優(yōu)設(shè)翻譯：巖鹽鹽鹽鹽
粵公網(wǎng)安備44011302004697
