國內電子商務網站的視覺設計分析

本文主要分析國內購物網站的視覺設計，通過對網站的網頁版面以及色彩上進行比較分析，結合用戶體驗以及設計心理學，探討如何提升網站的視覺設計，提高網站的競爭優勢。

電子商務的發展概述

隨著計算機信息技術的發展，互聯網的普及，電子商務這一新興行業也呈迅猛發展之勢進入人們的生活中。電子商務與網民的生活密切相關。各大網站之間的競爭日趨白熱化。購物網站，其主旨就是通過對商品的描述，圖片的展示、信息的排列說服消費者消費。視覺是人的第一感官，網站的視覺體驗直接決定了消費者的心理感受，網站想要獨樹一幟，吸引消費者的眼球，那么視覺設計是網站設計的重中之重。

網頁設計視覺元素分析

網頁是互聯網用戶直接交流使用的頁面，是一種交互和操作的系統前臺。網頁的設計相當于實體店的店鋪裝修，給消費者直觀的用戶體驗，因此網頁設計是否合理直接決定了網站的用戶流量。那么設計師如何通過框架結構、內容排版、色彩搭配、字體以及圖片運用達到網頁的和諧統一呢？以下從四個方面分析了網頁的視覺設計。

1.版面設計

網站頁面的結構框架即網頁的整體版面設計，它是視覺設計中傳遞信息的重要手段。網站頁面的版式設計是用戶與互聯網之間相互交流的最初印象，它的主旨是更好的傳遞客戶信息，使網站所要表達的主題一目了然，給用戶清晰的向導，其中涵蓋的諸多視覺元素，如文字、圖片、logo等都要在有限的版面中得到合理的優化，表達出和諧的美感。在網頁界面設計中，圖像和文字有不同的區分形式，如大小、屬性和內容的區別，兩者要根據用戶或使用者不同需求進行布局與編排，有效展現整體效果。在對頁面進行設計時，要遵循一定的規則和視覺規范，出發點為“以人為本”，以簡便、快速傳播信息為準則，運用到電商網站的視覺設計中。

當代的網站設計呈現方式頗為豐富。風格從清新到復古，插畫手繪到擬真設計，無奇不有。無論是版面樣式，還是設計元素，都是標新立異，與眾不同。以為天貓商城的版面設計，作為中國最大的電子商城，天貓商城的版面設計是比較符合版面設計的原理。在購物網站的頁面信息中，商品的種類繁多，信息量很大，要根據商品的屬性做出合理的分類。那么信息導航和主次分明就顯得尤為重要。天貓商城的整體板塊基本保持一致，首屏板塊的大面積的廣告提醒用戶當日最新商品訊息。版面分布均衡，視覺重心在屏幕的黃金位置，若頂部的廣告欄再稍加弱化，視覺效果會更加集中。網站界面的導航系統，對于頁面信息的分類起著很大的作用，同類商品的細分使頁面布局更加合理、簡潔。

網站頁面信息的布局，就如大型超市，將貨品擺放，區分類別、功用、大小、價格等進行的擺放布置，在視覺上對消費者的瀏覽和選購提供便利性的引導。打開天貓頁面信息布局，你會發現每層結構相同，整個版式非常工整。對于信息量大，分類多，商品凌亂的購物網站來說，次要信息用不斷重復的版面結構或許更有優勢。就如商場的樓層結構一樣，每一層的洗手間都在同一位置，用戶的體驗具有習慣性，這樣提高消費者的購物效率，縮短了不必要的流程。優化網頁信息布局，設計合理，提高視覺的邏輯性，便于瀏覽者閱讀信息。

2.色彩搭配

美國流行色彩研究中心的一項調查表明，人們在挑選商品的時候只需7秒鐘就可以確定對這些商品是否感興趣。在這短暫而關鍵的7秒鐘內，色彩的作用占到67 %，成為決定人們對商品好惡的重要因素，這就是20世紀80年代出現的”色彩營銷”的理論依據。同樣道理，在界面設計中，如果色彩的選擇和搭配恰到好處，可以在段時間內給新用戶留下深刻的印象，會給我們的設計帶來意想不到的效果。

每一種色彩都有其特定的顏色寓意，例如紅色偏向熱情活力，藍色則偏向冷靜和平和，黃色總是給人富貴和輝煌的感覺。正因為顏色的象征性，所以設計時必須考慮到使用場合以及適用對象。再看天貓商城的色彩運用，每一區域均以色塊為引導，多以亮色引導視覺重心。網上消費的主要群體是女性，頁面以暖色為主，營造出一種活潑、溫暖且有安全感的視覺心理。天貓商城整版的底色均為白色，白色屬于無色系，與任何顏色都可搭配，用作底色輔助十分合理，自然地營造出一種主題明確、舒適和諧的視覺體驗，使用戶深深的融入網站的情境中。天貓商城走的是重“色”路線，各種色塊多重視覺層級，用視覺刺激用戶的購物欲。

3.字體的選擇

文字是最直觀的產品信息，任何表達方式都不如文字的精準，文字是最不起眼但卻最重要的媒介載體。廣義上的字體分為兩大類：襯線字體和非襯線字體，襯線字體是指帶有額外裝飾并且粗細不同的字體，例如中國網頁中常用的宋體。非襯線字體即字體粗細相同，簡單無裝飾的字體，如國英文版面中常用的Arial、Thoma、微軟黑雅等。字體的選擇也有特定的含義。粗字體比較顯眼，給人的第一印象偏向硬朗、大氣、穩健，多用于男性化的網頁中；而女性為主體網站的字體則多選用細致、苗條的字體，以迎合女性柔美的心理。天貓商城的主要字體是黑體，屬于非襯線體，由于筆畫的粗細相同，使得很小的文字能有看的更清楚。其他的購物網站如京東、亞馬遜等均使用宋體字，文字編輯顯的輕盈，有粗細變化的節奏感。在網頁中，字體的選擇不宜過多，否則會給用戶產生昏亂感。

結束語

國內的電商已進入到全面發展時期，網站的設計業隨之受到多方關注。目前的網站視覺設計仍存在諸多問題，未來的視覺設計發展應該向用戶體驗方向轉變，更加簡約化。讓用戶可以主動的參與人機交互，更具開放性與個性化，最終創造出更豐富的網頁視覺體驗。視覺設計師依舊任重道遠。

（作者單位：景德鎮陶瓷學院）