電(dian)商網頁(ye)(ye)的(de)界面是(shi)呈現產品的(de)載體(ti)，也是(shi)與消費(fei)者溝通(tong)的(de)窗口，因而其包含多(duo)種多(duo)樣的(de)視覺元(yuan)(yuan)素。在電商(shang)網頁(ye)(ye)設(she)計的(de)過程中(zhong)，需要遵循(xun)頁(ye)(ye)面易讀、容易瀏覽和風格布局(ju)一(yi)致等(deng)原則。今天我們要來(lai)深(shen)度(du)講解的(de)就是(shi)電商(shang)網頁(ye)(ye)設(she)計的(de)三(san)大要點，即布局(ju)設(she)置、視覺元(yuan)(yuan)素和活(huo)動元(yuan)(yuan)素。

1、布局設置——如何(he)捕(bu)捉用(yong)戶(hu)的目光

從(cong)(cong)營銷思(si)路來說，因(yin)為頁(ye)面(mian)布(bu)局(ju)首先要符(fu)合消費者的(de)心理，所以需(xu)要考(kao)慮(lv)諸多(duo)因(yin)素。例如，PC端首頁(ye)的(de)版面(mian)包括諸多(duo)內(nei)(nei)容，從(cong)(cong)店(dian)招、導(dao)航到具(ju)體(ti)的(de)內(nei)(nei)容頁(ye)面(mian)，然(ran)后到優惠活(huo)動區(qu)，再(zai)到主推產(chan)品渠(qu)道分類列表，再(zai)往后是頁(ye)尾。設計師(shi)要從(cong)(cong)運營的(de)角(jiao)度關注導(dao)航、活(huo)動區(qu)域、主推產(chan)品、分類列表、尾頁(ye)等布(bu)局(ju)的(de)要點(dian)，幫助消費者快速找到所需(xu)商品，從(cong)(cong)而(er)達到引(yin)流的(de)目的(de)

二(er)、視覺元(yuan)素——如何清晰傳達信息

電商(shang)網頁(ye)設(she)計的(de)(de)(de)(de)(de)(de)第二個要(yao)點為信息(xi)的(de)(de)(de)(de)(de)(de)傳達(da)階(jie)段。信息(xi)傳達(da)是電商(shang)網頁(ye)設(she)計的(de)(de)(de)(de)(de)(de)重要(yao)階(jie)段，從設(she)計的(de)(de)(de)(de)(de)(de)維(wei)度來講，需要(yao)全盤(pan)考慮頁(ye)面(mian)(mian)的(de)(de)(de)(de)(de)(de)設(she)計，傳達(da)所需要(yao)傳達(da)的(de)(de)(de)(de)(de)(de)信息(xi)，從而(er)實現整(zheng)個頁(ye)面(mian)(mian)上(shang)、下板塊間距保持(chi)一致，整(zheng)體(ti)畫面(mian)(mian)具有一定(ding)的(de)(de)(de)(de)(de)(de)韻律感。其中要(yao)特別注意(yi)文字的(de)(de)(de)(de)(de)(de)規范、色彩的(de)(de)(de)(de)(de)(de)表(biao)達(da)、標題的(de)(de)(de)(de)(de)(de)呈(cheng)現及圖片的(de)(de)(de)(de)(de)(de)擺放等方面(mian)(mian)。

三、活(huo)動元(yuan)素(su)——如何實(shi)現信(xin)息(xi)存(cun)留

電商網頁設(she)(she)計的(de)第三個要點是(shi)要做到信息存(cun)留，視(shi)覺設(she)(she)計的(de)成功之處在(zai)(zai)于能讓人記(ji)(ji)住(zhu)。對于電商網頁設(she)(she)計來說，讓人記(ji)(ji)住(zhu)的(de)意(yi)義在(zai)(zai)于留住(zhu)“回頭客(ke)”，可以考慮通(tong)過不同的(de)形式(shi)來實現這一目(mu)的(de)。優(you)惠(hui)活動區設(she)(she)置，從小(xiao)到大(da)排列(lie)，并(bing)且(qie)以突(tu)出消(xiao)費(fei)(fei)者(zhe)(zhe)(zhe)能得到的(de)利益為主，例(li)如優(you)惠(hui)券，應考慮將(jiang)消(xiao)費(fei)(fei)者(zhe)(zhe)(zhe)能領到的(de)福利進行放大(da)，從而去吸(xi)引消(xiao)費(fei)(fei)者(zhe)(zhe)(zhe)，在(zai)(zai)設(she)(she)計時(shi)考慮將(jiang)優(you)惠(hui)條件展示在(zai)(zai)醒(xing)目(mu)的(de)地方，同時(shi)增(zeng)加按鈕來促使(shi)消(xiao)費(fei)(fei)者(zhe)(zhe)(zhe)進行點擊。

一(yi)般情況下(xia)，這些活(huo)(huo)動(dong)的表達(da)都是(shi)以(yi)圖片的展示為主，有真(zhen)實的圖像展示，并(bing)且會(hui)標注相應(ying)的條(tiao)件，如贈品的獲得條(tiao)件是(shi)前100名(ming)消費者，然(ran)后再去寫(xie)其中的條(tiao)件。同時還可以(yi)考(kao)慮增(zeng)加(jia)一(yi)些活(huo)(huo)動(dong)主題展示在首頁。

從當前(qian)來看，了(le)解(jie)和(he)掌握電商網頁設(she)計三大要(yao)(yao)點，不單單要(yao)(yao)考(kao)慮(lv)合理的(de)(de)(de)布局，而且(qie)要(yao)(yao)恰到好(hao)處地融(rong)合文字、顏色等多種視(shi)覺元素，實現清晰(xi)的(de)(de)(de)視(shi)覺傳(chuan)達，而且(qie)還需要(yao)(yao)借(jie)助(zhu)一些活動元素的(de)(de)(de)設(she)計等實現信息(xi)的(de)(de)(de)留存，體現店鋪(pu)以及產品的(de)(de)(de)特色，這(zhe)樣才能實現有效的(de)(de)(de)引(yin)導。