(1)，準(zhǔn)確確定可視范圍是多少。

　　根據(jù)統(tǒng)計(jì)報(bào)告顯示，2014年使用率最高的互聯(lián)網(wǎng)用戶屏幕分辨率為1366px*768px。以此為例，瀏覽器邊框?qū)挾绕毡樵?1左右，所以網(wǎng)頁首屏寬度在無干擾因素的情況下可以確定為1345;而屏幕總高度為768，除去任務(wù)欄高度40、店鋪頁頭106、瀏覽器(工具欄、邊框等)160和位置工具欄30，初步估算首屏高度控制在432較為合適。因此我們可以得出，最符合時(shí)下趨勢的首屏設(shè)計(jì)寬高基本范圍是1345*432，重要的內(nèi)容可以盡量放在這個(gè)區(qū)間里。

　　(2)，展示給用戶的信息短小精悍，表達(dá)清楚。

　　首頁的首屏位置在整個(gè)網(wǎng)站中都稱得上寸土寸金，正因?yàn)槿绱?，此處展示的文字?yīng)該短小精悍，盡可能用最少的篇幅就把信息表達(dá)清楚。標(biāo)題性文字更應(yīng)該把商家的商業(yè)訴求清晰直接的表達(dá)出來，在這類文字的策劃上需注意符合網(wǎng)站的整體風(fēng)格。

　　(3)，凸顯出視覺焦點(diǎn)，便于用戶瀏覽。

　　大多數(shù)用戶的瀏覽習(xí)慣是走馬觀花式的，就如今國內(nèi)電商網(wǎng)站普遍的布局來看，用戶在第一屏中的視覺焦點(diǎn)基本上以Banner和導(dǎo)航為主。因此，其中所表現(xiàn)的無論是文字還是大圖，都應(yīng)該讓用戶一眼看清內(nèi)容，減少其思考時(shí)間。設(shè)計(jì)師在設(shè)計(jì)時(shí)可以用“去色”的方法來檢驗(yàn)實(shí)際效果。

　　(4)，圖文并茂，主旨保持一致。

　　要讓用戶在短短的幾秒鐘之內(nèi)就了解網(wǎng)站或商家發(fā)布的一系列信息，單憑簡短的文字是不夠的，還需借力于圖片的幫助。圖片的使用能從側(cè)面含蓄的襯托主題，因此，在圖片素材的選擇上應(yīng)該保證對主旨的表達(dá)有幫助，并且在視覺上保持風(fēng)格一致。

　　(5)，設(shè)計(jì)網(wǎng)站首屏前確定好風(fēng)格主題。

　　網(wǎng)站首屏的風(fēng)格是根據(jù)目的來決定的，在設(shè)計(jì)之前，必須要了解這個(gè)首屏究竟在整個(gè)網(wǎng)站中會起到什么樣的作用。一般來說，電子商務(wù)網(wǎng)站的首頁首屏?xí)脕磉M(jìn)行推廣宣傳，比如單品推廣、店鋪推廣和活動宣傳等。

　　(6)，給予用戶視覺上的引導(dǎo)。

　　當(dāng)用戶對網(wǎng)站還不太熟悉的時(shí)候，進(jìn)入首頁必然會一頭霧水，此時(shí)，給予用戶視覺上的引導(dǎo)變得格外重要。引導(dǎo)的方法多種多樣，比如醒目的大字或圖片，吸引人的標(biāo)題、或是條理清晰整體布局等。所謂引導(dǎo)，并不只是代表讓顧客購買商品，更意味著讓用戶點(diǎn)擊進(jìn)入其他頁面，產(chǎn)生更多的消費(fèi)。

　　(7)，適當(dāng)加入動畫，吸引用戶視線。

　　在網(wǎng)站用戶體驗(yàn)比較流暢的基礎(chǔ)上，在首屏中可以適當(dāng)?shù)募尤胍恍┦髽?biāo)互動效果，或是Flash動畫效果會讓頁面看起來更加生動有趣，這種做法也能增加一定數(shù)量的點(diǎn)擊，并且吸引用戶的注意力。但這些效果只能作為點(diǎn)綴，大面積的使用反而會適得其反。

　　(8)，設(shè)計(jì)好符合用戶視覺習(xí)慣的圖文混排。

　　大片單一的文字或圖片會讓用戶產(chǎn)生厭倦感，而圖文混排很好的彌補(bǔ)了這一點(diǎn)。圖文混排的方式有很多，比如色彩上的對比、文字或圖片的放大等等，在布局上盡量做到錯落有致，讓用戶的視線順暢的轉(zhuǎn)移。無論用哪一種形式，都必須確保的是主要內(nèi)容的可讀性。

　　終上所述，設(shè)計(jì)一個(gè)實(shí)用的電商網(wǎng)站首屏是引來更多用戶資源的捷徑，很多企業(yè)在設(shè)計(jì)電商網(wǎng)站首屏?xí)r都不注意上面8大內(nèi)容中的小細(xì)節(jié)，結(jié)果設(shè)計(jì)完畢后使用戶體驗(yàn)得不到良好，從而流失了大量的潛在客戶。今天電商網(wǎng)站設(shè)計(jì)小編提醒大家：在設(shè)計(jì)電商網(wǎng)站首屏?xí)r要認(rèn)真對待每一個(gè)細(xì)節(jié)，把握好其中的重要性，力爭設(shè)計(jì)一個(gè)用戶心目中的好首屏。