首頁 > 新聞 > 網(wǎng)站設(shè)計 > 成功品牌如何設(shè)計他們的網(wǎng)站頭部

成功品牌如何設(shè)計他們的網(wǎng)站頭部

　　網(wǎng)站頭部一般是訪問者進(jìn)入網(wǎng)站時首先看到的內(nèi)容。想要訪問者通過與主圖交互或者注意到行為召喚按鈕從而采取行動，都在讓訪問者感到愉悅的設(shè)計布局中。本文中，我們將討論成功品牌采用的最佳做法，打造一個能讓訪問者采取行動的高質(zhì)量的網(wǎng)站頭部。

　　組織布局

　　大型網(wǎng)站，比如Amazon、YouTube和Facebook，都在所謂的主圖（hero image）上花費(fèi)了很大精力。主圖指的是占據(jù)網(wǎng)站中心位置的一張大圖，是訪問者第一眼就能看到的內(nèi)容。它可能會包含行為召喚（call to action）指引訪問者進(jìn)行特定行為，可能是信息性內(nèi)容，也可能是一張引人注目的圖片以期引起訪問者的某種情緒反應(yīng)。

　　通常情況下，在主圖之上的是導(dǎo)航欄，一般包含指向其他頁面的鏈接以及公司名稱或者logo。到底放在主圖上方還是下方當(dāng)然取決于你。我們建議導(dǎo)航欄放在主圖上方，這樣移動端用戶不需要向下滾動頁面就能找到各個鏈接。

　　將布局拆分成列

　　除了在導(dǎo)航欄添加指向網(wǎng)站企業(yè)頁面的鏈接之外，你可能還想把這些鏈接作為行為召喚按鈕、圖像或者文本鏈接放在頭部部分，把頭部拆分成數(shù)列。這樣，頭部就能被分割成數(shù)個小版塊，但仍然占據(jù)了訪問者進(jìn)入網(wǎng)站時第一眼會看到的位置。

　　像IMDb、IGN和TechRadar這樣的網(wǎng)站都這樣做，因?yàn)檫@些網(wǎng)站上發(fā)布了大量的新聞內(nèi)容。類似的網(wǎng)站都可以試試將網(wǎng)站上最突出的空間分成多列，以便展示其最有價值的內(nèi)容。

　　使用行為召喚CTA

　　如果你正在售賣某件商品，想要分享一些重要信息或者鼓勵新用戶注冊，我們建議在頭部使用行為召喚。網(wǎng)站頭部與行為召喚的結(jié)合，將確保訪問者面臨兩個選項(xiàng)：參與或不參與。這對于分清什么有用什么沒用很有幫助，因?yàn)槿绻L問者沒有回應(yīng)你的行為召喚，說明它還不夠吸引人。

　　有時你會發(fā)現(xiàn)有些手機(jī)應(yīng)用的網(wǎng)站比如Tinder或者Loot會使用一張主圖鋪滿瀏覽器窗口。通常這張主圖會包含一個行為召喚按鈕，可以向下滾動到另一個版塊。你可以在響應(yīng)式頁面中為一欄添加按鈕，然后選擇鏈接類型。

　　Tinder和Loot在主圖中使用了行為召喚來吸引人們下載他們的應(yīng)用。這是行為召喚的另一種用法，指引外部訪問者到應(yīng)用商店、下載鏈接或者Spotify播放列表等等。

　　添加社交媒體圖標(biāo)

　　一個不需要什么付出但能成功推廣網(wǎng)站的方法，是在社交媒體渠道添加鏈接，以便訪問者瀏覽并關(guān)注。這同時還是為可能有疑問的訪問者提供客戶支持的好方法。

　　許多網(wǎng)站都會在頭部或者導(dǎo)航欄附近添加社交媒體按鈕。這樣訪問者就能從網(wǎng)站的任意頁面進(jìn)入你的社交媒體賬號，同時也能間接地向路人推薦更多內(nèi)容，吸引新的關(guān)注者和新的潛在客戶。

基于用戶創(chuàng)新
界面設(shè)計日新月異，夢創(chuàng)義堅持基于用戶需求的界面創(chuàng)新設(shè)計……
服務(wù)設(shè)計思維
互聯(lián)網(wǎng)的格局發(fā)生的改變，在我們進(jìn)行設(shè)計服務(wù)時更是考慮不同用戶、不同……
洞察用戶心理
洞察用戶有意識和無意識的行為以及心理特征通過構(gòu)造一系列的服務(wù)來促進(jìn)……
查看更多 >>

最新新聞Latest News

: 中小型企業(yè)網(wǎng)站建設(shè)完應(yīng)該如何營銷; 很多中小型企業(yè)往往糾結(jié)于以下10個問題：一、我們起步比別人晚，我們的……

: 做企業(yè)網(wǎng)站到底做給誰看？; 設(shè)計經(jīng)常時不時的遇到一些企業(yè)客戶，常常搞不清楚誰會真正看你的企業(yè)網(wǎng)……

: 傳統(tǒng)企業(yè)進(jìn)軍移動互聯(lián)網(wǎng)，從移動云網(wǎng)站開始; 移動互聯(lián)網(wǎng)是移動通信和互聯(lián)網(wǎng)融合的產(chǎn)物，其發(fā)展的重要基礎(chǔ)便是智能手……

: 網(wǎng)站建設(shè)和運(yùn)營五大細(xì)節(jié)決定用戶黏性; 網(wǎng)站的成功離不開搜索引擎優(yōu)化，更離不開最基礎(chǔ)最根本的用戶群體，如何……

: 2015年值得關(guān)注的電子商務(wù)5大趨勢; 線上線下銷售的界線正在變得越來越模糊。在2015年，這一趨勢仍將繼續(xù)。……