扁平化設計的極簡特性及其在電子商務網(wǎng)頁中的應用

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

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

扁平化設計

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

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

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

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

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

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

扁平化電商網(wǎng)頁整體風格設計

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

1.頁面整體布局

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

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

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

3.網(wǎng)頁色彩

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

4.扁平化首屏

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

5.字體設計

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

6.圖片

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

7.優(yōu)化層級

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

結(jié)語

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