石劍峰

摘要：先對電子商務(wù)的發(fā)展現(xiàn)狀進(jìn)行了分析，然后對電子商務(wù)網(wǎng)站設(shè)計視覺元素進(jìn)行了詳細(xì)的研究，希望能為同行業(yè)提供參考借鑒。

關(guān)鍵詞：電子商務(wù)網(wǎng)站；視覺設(shè)計

一、電子商務(wù)發(fā)展現(xiàn)狀

近年來，隨著電子商務(wù)的不斷發(fā)展，尤其是網(wǎng)絡(luò)零售行業(yè)發(fā)展是風(fēng)起云涌，現(xiàn)在人們消費習(xí)慣已逐漸從實體店轉(zhuǎn)移到了互聯(lián)網(wǎng)的網(wǎng)絡(luò)商店，網(wǎng)購已成了人們生活中不可分割的一部分，同時更多傳統(tǒng)的零售企業(yè)也開始布局電子商務(wù)領(lǐng)域、開拓渠道，提升品牌的知名度，進(jìn)而實現(xiàn)了收益的最大化。但是，隨著物質(zhì)文明與精神文明的不斷進(jìn)步，網(wǎng)購者消費心理不再是簡單的擁有商品，而是更注重消費體驗的愉悅、簡潔、人性化、個性化的購物體驗成了消費者購物的組成部分。

二、電子商務(wù)網(wǎng)站設(shè)計視覺元素設(shè)計分析

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

1.版面設(shè)計

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

目前網(wǎng)站設(shè)計呈現(xiàn)的方式比較豐富。風(fēng)格是從清新到復(fù)古，插畫手繪到擬真設(shè)計，無奇不有。不管是版面的樣式，還是設(shè)計的元素，都是與眾不同的。以為天貓商城版面設(shè)計為例，作為最大的電子商城，天貓商城版面設(shè)計比較符合版面的設(shè)計原理。在購物網(wǎng)站頁面信息中，商品的種類比較多，信息量非常大，依據(jù)商品屬性做出合理的分類。那么信息導(dǎo)航與主次分明就顯得非常重要的。天貓商城整體板塊基本要保持一致，首屏板塊大面積廣告提醒了用戶當(dāng)日最新的商品訊息。版面分布比較均衡，視覺重心在屏幕黃金位置，如果頂部廣告欄稍加弱化，視覺效果就會更加的集中。網(wǎng)站界面的導(dǎo)航系統(tǒng)，對頁面信息分類起著非常重要的作用，同類商品細(xì)分使頁面布局變得更為合理與簡潔。

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

2.色彩搭配

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

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

3.字體的選擇

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

三、結(jié)束語

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

參考文獻(xiàn)：

[1]孟文怡.淺談網(wǎng)絡(luò)電子商務(wù)的網(wǎng)站視覺設(shè)計[J].美與時代·城市，2013（5）：69-69.

[2]郭歌.基于消費者行為特征的女性購物網(wǎng)站設(shè)計研究[D].北京工業(yè)大學(xué)，2012.

[3]張學(xué)龍，殷實，曾健，等.適應(yīng)產(chǎn)業(yè)發(fā)展新常態(tài)培養(yǎng)高職廣告設(shè)計創(chuàng)意人才[J].教育教學(xué)論壇，2015（34）：238-240.

[4]李菁苗，吳吉義，章劍林，等.電子商務(wù)環(huán)境下中小企業(yè)信用評價[J].系統(tǒng)工程理論與實踐，2012，32（3）：555-560.

[5]余樂安.基于最小二乘近似支持向量回歸模型的電子商務(wù)信用風(fēng)險預(yù)警[J].系統(tǒng)工程理論與實踐，2012，32（3）：508-514.endprint