企業(yè)重金設(shè)計(jì)的LOGO應(yīng)該在網(wǎng)站哪個(gè)位置?

2021-12-27    分類(lèi): 網(wǎng)站建設(shè)

今天就來(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放在左上角。不信?那么你可以打開(kāi)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)紙或者雜志類(lèi)的網(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并不是這類(lèi)網(wǎng)站的專(zhuān)利,換個(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放在右邊。


還有一類(lèi)網(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)有專(zhuān)屬的位置,沒(méi)有功能性的目的。但其實(shí)這么想是錯(cuò)的。


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


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

多種方式展示logo


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


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


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


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


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


原文作者:Tom May

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

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

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

廣告

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

成都定制網(wǎng)站建設(shè)