| 
 
 最近一直想寫個(gè)案例關(guān)于電商網(wǎng)站設(shè)計(jì),從國(guó)內(nèi)的電商網(wǎng)站中尋求素材,始終沒有想要的,不得已收集了國(guó)外電商網(wǎng)站的一些設(shè)計(jì)元素,筆者個(gè)人認(rèn)為,那是追隨時(shí)尚的設(shè)計(jì)元素,當(dāng)然這篇文章也是既《國(guó)外常見電商黃金首頁(yè)設(shè)計(jì)模式》之后的有一篇關(guān)于國(guó)外電商網(wǎng)站設(shè)計(jì)的文章。 并不是筆者不看好國(guó)內(nèi)電商網(wǎng)站的設(shè)計(jì),只是國(guó)外電商網(wǎng)站從網(wǎng)頁(yè)設(shè)計(jì),寬假結(jié)構(gòu),內(nèi)容排版以及色彩搭配,圖片運(yùn)用等方面都有很大的前瞻性,并且區(qū)域之間的融合也非常協(xié)調(diào),我覺得是非常值得國(guó)內(nèi)電商設(shè)計(jì)參考的。 1、大膽而又干脆的留白 頁(yè)面留白可以給訪問者和閱讀者留下足夠想象的空間,讓整個(gè)頁(yè)面有足夠的空間呼吸,但是如果留白設(shè)置不恰當(dāng),將會(huì)導(dǎo)致頁(yè)面內(nèi)容缺少,所以在設(shè)計(jì)留白的時(shí)候要將各個(gè)頁(yè)面之間的圖文間距控制的非常好。 
 如圖,從用戶角度分析,這些留白讓用戶有了視覺上的緩沖,不足以太壓抑或者是視覺觀察過于緊張,也有意足夠思考和想想的空間。從優(yōu)化角度分析,引導(dǎo)用戶,給用戶創(chuàng)造流暢的視覺感受,提升用戶對(duì)頁(yè)面的喜歡度,提升用戶體驗(yàn)度。 在國(guó)內(nèi)電商設(shè)計(jì)中存在一個(gè)問題是,設(shè)計(jì)者恨不得將所有產(chǎn)品都展示在一個(gè)頁(yè)面之中, 讓整個(gè)頁(yè)面都處于極度“豐滿”的境界,殊不知這樣的設(shè)計(jì)只會(huì)讓用戶感覺特別的壓抑,甚至無(wú)法清楚地知道頁(yè)面的內(nèi)容。也有的網(wǎng)站意識(shí)到留白的重要性,但往往不夠大膽而非常謹(jǐn)慎小心,讓留白區(qū)域不自然,一看就知道是特意騰出的空間。 2、巧妙而又適當(dāng)?shù)纳?/strong> 不同的顏色代表不同的情感,比如紫色代表高貴,粉色代表浪漫等等,在電商網(wǎng)站中,不同的產(chǎn)品要選擇不同的輔助色還修飾和渲染其目的性和引導(dǎo)性,可以參考: 
 這只是在產(chǎn)品輔助色上可以借鑒這些色彩搭配,對(duì)于背景色的使用,和國(guó)內(nèi)網(wǎng)站一樣,大多數(shù)選擇的是白色,以為內(nèi)電商網(wǎng)站跟多的是要讓用戶對(duì)比產(chǎn)品產(chǎn)生購(gòu)買欲望,白色為背景,對(duì)比度和可讀性都比較強(qiáng),并且讓人有整潔之感,清晰的文字、直觀的素材。沒有過多的修飾和渲染,沒有過多豐富的顏色用戶可以自由瀏覽網(wǎng)站。 3、簡(jiǎn)單的構(gòu)圖填充頁(yè)面的“完整” 電商產(chǎn)品頁(yè)面不可能達(dá)到“完整”,因?yàn)榭赡軋D片的使用會(huì)讓整個(gè)頁(yè)面看起來(lái)有所欠缺。在國(guó)外網(wǎng)站中,在平衡,對(duì)齊和對(duì)比這三個(gè)簡(jiǎn)單的構(gòu)圖設(shè)計(jì)中做的非常好,沒有累贅的內(nèi)容,也沒有枯乏的留白,從顏色上下,圖片大小以及信息主次對(duì)比等方面,讓用戶在第一時(shí)間就能找到最重要的信息。 
 4、注重細(xì)節(jié)變化抓住用戶視線 任何一個(gè)微妙的變化都將會(huì)使得整個(gè)頁(yè)面有更好,更順暢的效果,比如一個(gè)陰影的百分比的調(diào)整,或是一個(gè)細(xì)小的過度突出,這些都會(huì)在某種程度上影響用戶的視線停留。 5、將價(jià)格巧妙情境化 不管是國(guó)內(nèi)還是國(guó)外網(wǎng)站都會(huì)面臨一個(gè)問題,價(jià)格顯示。就好比商品導(dǎo)購(gòu)在推廣商品的過程中,他們要考慮選擇這樣的方式和語(yǔ)境向用戶突出價(jià)格,既要準(zhǔn)確表達(dá),又要讓用戶心安理得接受。國(guó)外的情境化設(shè)計(jì)就是一個(gè)非常好的方式。 
 很巧妙的把價(jià)格信息自然榮辱與到場(chǎng)景中,在強(qiáng)大的視覺背景之下,隨并不突兀,但信息內(nèi)容卻明確表達(dá),讓用戶不會(huì)赤裸裸看到價(jià)格,產(chǎn)生極強(qiáng)的厭惡和反感。 6、讓靜態(tài)頁(yè)面極富節(jié)奏感 音樂能給人帶來(lái)美的享受,是因?yàn)樗鼡碛凶屓藗兩窠?jīng)跳動(dòng)的節(jié)奏感。在一個(gè)頁(yè)面設(shè)計(jì)中,可以通過造型,大小,色彩等方式, 讓一個(gè)靜態(tài)頁(yè)面也富有這樣的節(jié)奏。 
 黑色色塊,按照一定的間隔自上而下分布,在起到區(qū)分信息流的同時(shí),色塊間距離和大小的不同也形成了不同的波長(zhǎng)和輕重的節(jié)奏感。 7、集合趣味與實(shí)用于一身 國(guó)內(nèi)外電商網(wǎng)站中都存在這一設(shè)計(jì)元素,在搜索篩選上做了可視化圖形,集合趣味與實(shí)用于一身,當(dāng)然這種表現(xiàn)的方式在篩選條件過多時(shí)實(shí)現(xiàn)比較困難,只適合與垂直化對(duì)關(guān)鍵屬性的提取。 
 在網(wǎng)頁(yè)設(shè)計(jì)方面,用戶的感官是一樣的,所以不會(huì)有國(guó)內(nèi)外區(qū)別,國(guó)外的這些時(shí)尚設(shè)元素,在國(guó)內(nèi)電商網(wǎng)站中使用較少,個(gè)人覺得這個(gè)還是可以實(shí)踐一下,提升網(wǎng)站頁(yè)面的時(shí)尚感。 
 | 
|  | 
來(lái)自: 卡婭珠寶 > 《設(shè)計(jì)》