扁平化設(shè)計(jì)風(fēng)靡全球，作為時(shí)尚設(shè)計(jì)的代名詞其憑借清新簡(jiǎn)約的設(shè)計(jì)風(fēng)格深受設(shè)計(jì)師和社會(huì)大眾的關(guān)注與喜愛(ài)。將其應(yīng)用于電子商務(wù)網(wǎng)頁(yè)界面設(shè)計(jì)之中，已是當(dāng)今主流設(shè)計(jì)發(fā)展的必然趨勢(shì)。本文闡述扁平化設(shè)計(jì)的極簡(jiǎn)特性及其在電子商務(wù)中的應(yīng)用進(jìn)行分析探討。

隨著科技的發(fā)展，網(wǎng)絡(luò)的使用率逐年增高，網(wǎng)購(gòu)成為了絕大多數(shù)人們?nèi)粘Ｉ钪胁豢苫蛉钡囊徊糠郑瑥亩娚探缑娴脑O(shè)計(jì)開(kāi)始備受關(guān)注。扁平化作為一種新的設(shè)計(jì)風(fēng)格頻繁的應(yīng)用于各類網(wǎng)頁(yè)界面設(shè)計(jì)之中，已然成為了時(shí)尚設(shè)計(jì)的代名詞。其簡(jiǎn)約的視覺(jué)藝術(shù)與便捷的交互流程，給于了人們簡(jiǎn)潔明了的視覺(jué)感受和舒適易懂的操作體驗(yàn)。

扁平化設(shè)計(jì)

密斯凡德羅的“l(fā)ess is more”是對(duì)扁平化設(shè)計(jì)風(fēng)格的最佳詮釋，這種極簡(jiǎn)主義的設(shè)計(jì)風(fēng)格，拋棄了擬物化設(shè)計(jì)中的一切陰影、紋理、高光、漸變等擬真的視覺(jué)修飾元素，將簡(jiǎn)潔明了的藝術(shù)語(yǔ)言應(yīng)用到設(shè)計(jì)之中。扁平化設(shè)計(jì)中往往采用單一的純色塊和簡(jiǎn)單的圖形元素進(jìn)行組合設(shè)計(jì)，以達(dá)到直觀易懂的界面視覺(jué)效果。所以扁平化設(shè)計(jì)的原則就是：?jiǎn)渭兩珘K、色彩艷麗、拋棄特效、拒絕陰影，利用簡(jiǎn)單的設(shè)計(jì)元素與用戶產(chǎn)生交互。扁平化風(fēng)格以其新穎簡(jiǎn)便的設(shè)計(jì)美學(xué)深受設(shè)計(jì)師及社會(huì)大眾的喜愛(ài)，其鮮明的設(shè)計(jì)特色讓人印象深刻，記憶猶新。

扁平化設(shè)計(jì)的優(yōu)勢(shì)與特性

相對(duì)于追求細(xì)致逼真“隱喻”效果的擬物化設(shè)計(jì)而言，扁平化設(shè)計(jì)絲毫不掩飾其鮮明的極簡(jiǎn)主義特色，不僅能夠給于用戶簡(jiǎn)潔明了的視覺(jué)感受，而且能夠在人機(jī)交互上帶給用戶舒適便捷的交互體驗(yàn)。為了讓扁平化設(shè)計(jì)的簡(jiǎn)潔性達(dá)到極致，設(shè)計(jì)師們往往將矩形、方形、菱形等簡(jiǎn)單的純色塊與素雅的無(wú)襯字體相結(jié)合，這樣既能夠在保持高度交互性的前提下降低設(shè)計(jì)成本，又能保證界面的直觀性及易用性。

極簡(jiǎn)主義是由具象視覺(jué)到抽象視覺(jué)的一個(gè)變化過(guò)程，扁平化設(shè)計(jì)的極簡(jiǎn)主義特性并不是一味的只做減法，去除不必要的圖像與色彩讓界面變得更加簡(jiǎn)單，而是從心理學(xué)、人機(jī)工程學(xué)、人類視覺(jué)原理等學(xué)科角度出發(fā)，針對(duì)輪廓的形象思維進(jìn)行界面優(yōu)化設(shè)計(jì)。其真正極簡(jiǎn)的宗旨在于使簡(jiǎn)化后的圖像元素在視覺(jué)傳達(dá)過(guò)程中讓用戶順利的感知，并最終服務(wù)于便捷的人機(jī)交互體驗(yàn)。如此極簡(jiǎn)主義的扁平化風(fēng)格在目前的電商網(wǎng)頁(yè)界面設(shè)計(jì)之中是具備了實(shí)際應(yīng)用價(jià)值的。

扁平化與電子商務(wù)結(jié)合的歷史必然性

隨著天貓、淘寶、京東等電子商務(wù)平臺(tái)的不斷興起，人們對(duì)于電商網(wǎng)頁(yè)視覺(jué)界面設(shè)計(jì)的需求也越來(lái)越高，但是目前許多電商網(wǎng)頁(yè)因其復(fù)雜煩瑣的視覺(jué)設(shè)計(jì)效果，無(wú)法在第一時(shí)間讓用戶接收到店家所要傳達(dá)的訊息，也使得用戶無(wú)法快速準(zhǔn)確的挑選到自己所要購(gòu)買的商品，從而遭到“選擇性觀看”的待遇，增加了網(wǎng)頁(yè)跳失率。而扁平化設(shè)計(jì)以其極簡(jiǎn)主義的鮮明特點(diǎn)很好的彌補(bǔ)了這一不足，其簡(jiǎn)潔明了的視覺(jué)效果設(shè)計(jì)，不僅減輕了煩瑣界面帶給人的視覺(jué)疲勞，讓瀏覽者在選擇購(gòu)買商品時(shí)更加便捷，而且也因其舒適簡(jiǎn)單的操作體驗(yàn)給人完美的互動(dòng)享受，從而提高用戶在網(wǎng)頁(yè)中的停留時(shí)間、訪問(wèn)深度、點(diǎn)擊率，提升轉(zhuǎn)化率。所以極簡(jiǎn)主義的扁平化風(fēng)格在目前的電商網(wǎng)頁(yè)界面設(shè)計(jì)之中是具備實(shí)際應(yīng)用價(jià)值的，扁平化與電子商務(wù)的相互結(jié)合并不是偶然產(chǎn)生的而是當(dāng)今主流設(shè)計(jì)發(fā)展的必然趨勢(shì)。

扁平化電商網(wǎng)頁(yè)整體風(fēng)格設(shè)計(jì)

電商網(wǎng)頁(yè)界面設(shè)計(jì)應(yīng)遵循一定的規(guī)律，符合一定的設(shè)計(jì)原則。通過(guò)對(duì)網(wǎng)頁(yè)布局和編排的嚴(yán)格要求、反復(fù)推敲，使店家所要傳達(dá)的信息在扁平化網(wǎng)頁(yè)設(shè)計(jì)中展現(xiàn)的更加清晰合理，給于用戶一個(gè)輕松愉快的視覺(jué)交互體驗(yàn)。

1.頁(yè)面整體布局

將扁平化設(shè)計(jì)簡(jiǎn)約時(shí)尚的設(shè)計(jì)理念運(yùn)用于網(wǎng)頁(yè)整體布局之中，對(duì)店鋪LOGO、Banner廣告、按鈕及頁(yè)尾進(jìn)行扁平化處理使其更加直觀易懂，使客戶操作更加便捷，從而提升人機(jī)交互的舒適性。注重首焦與次屏中圖片與文字的整體布局，及二者所占版面的比例關(guān)系，加大圖片所占用的面積，這樣能夠更加直觀地展現(xiàn)店商所要傳達(dá)的訊息，增強(qiáng)客戶的瀏覽興趣，提高購(gòu)買欲。

2.網(wǎng)站的商品展示區(qū)域設(shè)置

商品展示區(qū)域是電商網(wǎng)站構(gòu)成要素中的重要組成部分，應(yīng)用扁平化設(shè)計(jì)原則將該區(qū)域進(jìn)行塊面分割設(shè)計(jì)，增強(qiáng)不同商品之間布局的靈活性。用純色塊作為商品標(biāo)價(jià)及按鈕的背景圖片，拋棄一切裝飾元素，讓信息傳遞更加直觀易懂，提高點(diǎn)擊率。

3.網(wǎng)頁(yè)色彩

2014年流行的柔和色彩在扁平化電商網(wǎng)頁(yè)設(shè)計(jì)中運(yùn)用的越來(lái)越廣泛。這樣的色彩基調(diào)將在2015年得到進(jìn)一步的延續(xù)，馬卡龍色系隨之也逐漸為人熟知出現(xiàn)于各類網(wǎng)頁(yè)設(shè)計(jì)之中。網(wǎng)頁(yè)的色彩規(guī)劃需要看整體，而不能針對(duì)性地看局部。網(wǎng)頁(yè)中色彩的合理搭配往往是表達(dá)網(wǎng)站思想和意圖的一部分，屬于優(yōu)秀網(wǎng)站構(gòu)成要素中的一個(gè)關(guān)鍵環(huán)節(jié)，所以在電商網(wǎng)頁(yè)設(shè)計(jì)中為了讓色彩與色彩之間真正融合，可以選擇素雅的粉彩系透明色，讓網(wǎng)頁(yè)看起來(lái)清新脫俗，提高客戶瀏覽欲望的同時(shí)也增強(qiáng)人們內(nèi)心的情感共鳴。

4.扁平化首屏

首頁(yè)的首屏位置在整個(gè)網(wǎng)站中都稱得上寸土寸金，正因?yàn)槿绱?，此處展示的圖片與文字更應(yīng)該簡(jiǎn)約精悍，采用扁平化設(shè)計(jì)理念盡可能用精煉的圖文搭配把信息表達(dá)清楚。首屏中包括了Banner廣告、導(dǎo)航條、店招等視覺(jué)元素。運(yùn)用扁平化設(shè)計(jì)原則在Banner廣告中，將不同色彩的純色塊依據(jù)一定的規(guī)律按照主次空間大小關(guān)系進(jìn)行合理的搭配組合，并配上簡(jiǎn)潔明了的產(chǎn)品圖片，在視覺(jué)及感官上增強(qiáng)廣告帶給人的舒適感，降低視覺(jué)疲勞；為了讓用戶在瀏覽網(wǎng)站過(guò)程中不至迷失，并且可以輕松便捷地定位到其他相關(guān)內(nèi)容的頁(yè)面，將導(dǎo)航條扁平化，去除導(dǎo)航欄背景色塊的質(zhì)感、漸變，改用純色替代并配上相關(guān)文字信息。這樣的設(shè)計(jì)可以使文字信息更加清晰直觀地表達(dá)出來(lái)，符合網(wǎng)頁(yè)扁平化的整體風(fēng)格，給人予流暢的視覺(jué)體驗(yàn)；店招是電商首屏構(gòu)成中不可或缺的一部分，集品牌定位、產(chǎn)品定位、價(jià)格信息于一身。瀏覽者通過(guò)搜索進(jìn)入詳情頁(yè)，首先看到的也是店招，第一眼的印象判斷往往對(duì)用戶是否選擇進(jìn)入店鋪首頁(yè)瀏覽其他商品起到了一定的作用，用扁平化的設(shè)計(jì)理念將店招背景圖片用同類色塊或?qū)Ρ壬珘K進(jìn)行切割組合設(shè)計(jì)，并在一定程度上降低色彩的純度以突顯文字信息，加強(qiáng)店招版面的視覺(jué)沖擊力。

5.字體設(shè)計(jì)

字體的編排與設(shè)計(jì)對(duì)于一個(gè)成功的電商網(wǎng)頁(yè)而言是至關(guān)重要的，扁平化設(shè)計(jì)中除了注重文字字段之間的合理區(qū)分之外，也對(duì)字體的選擇與字形的輪廓有一定的要求。為了與扁平化簡(jiǎn)約時(shí)尚的整體風(fēng)格相呼應(yīng)，在字體的應(yīng)用上往往采用簡(jiǎn)單素雅的無(wú)襯字體進(jìn)行編排設(shè)計(jì)，這樣能夠使電商網(wǎng)頁(yè)內(nèi)容更具活力與靈動(dòng)性，便于用戶閱讀。

6.圖片

在電商網(wǎng)頁(yè)中圖片所占比重最大，圖片的優(yōu)化設(shè)計(jì)對(duì)于提高用戶點(diǎn)擊率、停留時(shí)間及訪問(wèn)深度起到?jīng)Q定性的作用。極簡(jiǎn)主義的扁平化視覺(jué)圖像是當(dāng)今設(shè)計(jì)發(fā)展與指示符號(hào)進(jìn)化的必然結(jié)果，圖片顯示區(qū)域拋棄一切多余的細(xì)節(jié)與裝飾，拒絕漸變與陰影，這種設(shè)計(jì)方式更利于產(chǎn)品圖片的展示，便于用戶在第一時(shí)間接收到圖片所傳達(dá)的信息。

7.優(yōu)化層級(jí)

扁平化網(wǎng)頁(yè)設(shè)計(jì)還有一個(gè)重要特征，那就是對(duì)層級(jí)的優(yōu)化。簡(jiǎn)單地說(shuō)，就是界面信息之間沒(méi)有從屬的層級(jí)關(guān)系，盡可能地把所要展示的內(nèi)容放置在同一個(gè)層級(jí)或頁(yè)面內(nèi)，再著重突出那些與促銷主題相關(guān)的視覺(jué)元素，這樣可以使電商網(wǎng)頁(yè)界面得到最有針對(duì)性的優(yōu)化和簡(jiǎn)化，讓用戶在最短的時(shí)間內(nèi)清楚地識(shí)別出自己所需的信息，并且很容易知道接下來(lái)應(yīng)該做什么。

結(jié)語(yǔ)

扁平化與電子商務(wù)同屬于時(shí)代發(fā)展的必然趨勢(shì)，簡(jiǎn)約時(shí)尚的扁平化視覺(jué)語(yǔ)言將頁(yè)面中的各元素進(jìn)行合理的整合編排，從而設(shè)計(jì)出的電商網(wǎng)頁(yè)界面能夠給予用戶操作的便捷及美的享受。兩者的相互結(jié)合并不是偶然的，扁平化設(shè)計(jì)適合電子商務(wù)的視覺(jué)呈現(xiàn)形式，大大節(jié)省了設(shè)計(jì)成本，而電子商務(wù)網(wǎng)站的迅速發(fā)展同樣帶動(dòng)著扁平化設(shè)計(jì)的發(fā)展。二者相輔相成將簡(jiǎn)約的視覺(jué)藝術(shù)與便捷的交互體驗(yàn)進(jìn)行完美融合，從本質(zhì)上看，這不僅僅是一種視覺(jué)形式的改變，而是一種視覺(jué)語(yǔ)言和思維模式的演化。