據某項統計顯示，一個網站的首屏，用戶對首屏以上的關注度達到80.3%，首屏以下的關注度僅19.7%。這2個數據所帶來的啟示是，抓住首屏的設計重點，對網站的轉化率有著極大的影響，特別是對追求流量和客量的電商網站來說。

突出視覺焦點

用(yong)(yong)戶(hu)瀏覽網站(zhan)都以秒計(ji)算，不夠突出(chu)的(de)話，根(gen)本難入用(yong)(yong)戶(hu)“法眼(yan)”，整個(ge)推(tui)廣(guang)就(jiu)白(bai)白(bai)浪費掉了。普遍(bian)來說，現在(zai)國內(nei)的(de)電(dian)商網站(zhan)，首屏放(fang)置的(de)主要(yao)就(jiu)是導航和(he)banner。因此，如果要(yao)讓這(zhe)兩者(zhe)清(qing)楚(chu)區分，而又(you)不影(ying)響用(yong)(yong)戶(hu)對推(tui)廣(guang)內(nei)容的(de)第(di)一(yi)眼(yan)捕(bu)捉，就(jiu)應該(gai)適當處(chu)理banner和(he)導航的(de)色(se)(se)(se)彩問(wen)題。為什么是色(se)(se)(se)彩問(wen)題?我們可(ke)以試著把(ba)首屏圖片去色(se)(se)(se)，去色(se)(se)(se)后，感覺導航的(de)文字會變得不夠清(qing)晰，這(zhe)個(ge)時(shi)候(hou)我們就(jiu)知道(dao)，這(zhe)個(ge)網站(zhan)的(de)色(se)(se)(se)彩搭配不夠合理，色(se)(se)(se)彩，是鎖定用(yong)(yong)戶(hu)視覺焦點的(de)一(yi)個(ge)很重(zhong)要(yao)的(de)問(wen)題。

不少的電商網站都是選用“直角形”的導航，如果對這種導航的色系難以把握，但又不想浪費掉導航的作用，可以采用側邊導航的方法。以耐思尼克建站寶盒為例，在網站添加一個“欄目導航”的模塊，把模塊的位置設置為側停，就可以實現側邊導航的伸縮效果，這樣既不會分散用戶的眼光，也能給用戶一個指引，還能節省空間，是一個不錯的方法。

展示吸引用戶的信息

首(shou)屏的(de)(de)位(wei)置(zhi)很寶貴，因此，無(wu)論是(shi)(shi)(shi)放文(wen)字，或是(shi)(shi)(shi)圖片(pian)(pian)，都應(ying)該是(shi)(shi)(shi)精(jing)選。文(wen)字要(yao)(yao)(yao)簡練，標題也應(ying)該短小而直接。當然，單純靠文(wen)字要(yao)(yao)(yao)完全表達清晰(xi)而生動(dong)是(shi)(shi)(shi)比較困難的(de)(de)，這時候就要(yao)(yao)(yao)發揮圖片(pian)(pian)的(de)(de)力量。圖片(pian)(pian)許多時候可能(neng)只是(shi)(shi)(shi)襯托，但是(shi)(shi)(shi)有(you)時候就是(shi)(shi)(shi)因為(wei)這一襯托，讓整體的(de)(de)效果瞬間豐富清晰(xi)清晰(xi)起來，注意(yi)配(pei)圖要(yao)(yao)(yao)盡量達意(yi)，才不浪費這個最(zui)好的(de)(de)推廣(guang)位(wei)置(zhi)。

以耐思尼克首屏為例，簡短的配圖配(pei)以精簡(jian)的(de)文字，讓用戶可以(yi)留意(yi)文意(yi)的同時也(ye)專注到(dao)產品本身(shen)。雖然沒有絕對的搶眼(yan)，但(dan)也能夠(gou)集中用戶的點擊欲。

給用戶的視覺以指引

電商網站的(de)信息(xi)一般都不會少，如果商品過多(duo)，用戶(hu)進(jin)入網站就(jiu)會有種霧(wu)里看花的(de)感覺(jue)，難(nan)以(yi)清晰。這(zhe)個(ge)時候就(jiu)需(xu)要給予用戶(hu)視覺(jue)上的(de)引導，這(zhe)可(ke)以(yi)是一張(zhang)亮麗的(de)大圖，一句醒目的(de)大字，又或(huo)是一個(ge)吸引人的(de)標題(ti)等(deng)等(deng)。這(zhe)里的(de)引導，不僅可(ke)以(yi)讓用戶(hu)瞬間抓住最重(zhong)點(dian)，也可(ke)以(yi)引導用戶(hu)到進(jin)入點(dian)擊進(jin)入其他的(de)頁面，從(cong)而產(chan)生更多(duo)的(de)交(jiao)易。

無論是何種網站，首屏絕對是很重要的。電商網站對于吸引客流量又相對更特殊一點。更多的迎合用戶的需求和使用習慣，而不要把首屏的位置成了機械無營養的報告欄。

若想通過首屏設計提升客流量，不妨試試耐思尼克建站寶盒：//szjicheng.cn/design/?s=jia