莆田電子商務界面設計的藝術研究

練珮欽

摘 ? 要：莆田是重要的電商產(chǎn)品生產(chǎn)基地和銷售中心，全市擁有20多萬以上的電商從業(yè)者，電商作為莆田當?shù)氐囊粋€支柱性產(chǎn)業(yè)在互聯(lián)網(wǎng)熱潮的引領下不斷發(fā)揮者重要作用。作為電子商務的發(fā)展平臺，電子商務網(wǎng)站如今已經(jīng)非常成熟，然后做的成功的卻寥寥數(shù)個——淘寶網(wǎng)，京東網(wǎng)等。莆田的電商也開始效仿這些成功網(wǎng)站，花費重金來設計自己的網(wǎng)站，到是結果卻和他們預期的相差甚遠，造成這種情況的原因其中有一部分就是界面設計藝術性的缺失和交互設計的失敗。

關鍵詞：界面設計;電子商務;莆田;交互設計

中圖分類號： J524 ? ? ?文獻標識碼：A ? ? ? ?文章編號：1005-5312（2016）29-0055-01

一、界面設計分析

界面設計即User interface，也叫做UI，界面誕生是用來表達人和人的信息交換的，界面為人和人的信息交換提供了一個場合，因為界面的這個特點，界面的構成就由人和人雙方來構成決定，在電商界面中，電商服務商和用戶就成了構成界面的主要決定者，電商服務商提供初期的界面構造，而用戶在使用的過程中根據(jù)自己的習慣和優(yōu)先級來改變界面。界面設計包括了人機交互，操作流程邏輯，界面藝術化設計。一個獲得市場認可的界面，必定是界面富有設計美感，操作流程流暢清晰，用戶體驗以人為本的特點。

二、莆田電子商務網(wǎng)站界面設計現(xiàn)狀分析

莆田電商自助化目前處于一個初級階段，電商們希望擺脫淘寶，京東等大電商網(wǎng)站的控制，在競爭上，利潤上取得更好的效果。于是一大波重金下產(chǎn)生出莆田電子商務獨立網(wǎng)站，結果確是不盡人意。

首先從莆田電商其界面設計給人第一感受就是“廉價感”，調研發(fā)現(xiàn)，大部分莆田電商的網(wǎng)站錯綜復雜的導航欄，混亂的商品信息，用上所以顏色的色彩搭配，大大小小的廣告推廣，當一個新用戶第一次進入網(wǎng)站時就會感覺到莫名的茫然，沒有任何優(yōu)先級劃分，玲瑯滿目的花花綠綠的商品一股腦涌上視網(wǎng)膜。“山寨”“低廉”“不信任”三個字刻在了用戶體驗中。

當然電商們也是為他們的生意操碎了心，他們能想到的方法就是重金聘請設計師來進行視覺設計，當時國內設計師行人才魚龍混雜，抄襲嚴重，版型設計嚴重相同。造成的現(xiàn)象就是“老鼠老虎傻傻分不清楚”，所有的電商網(wǎng)站都大致相同，在設計的識別性上，和品牌的樹立上就吃了一大虧。然后用戶總是理性到了冷漠無情，用戶不斷的追捧界面設計優(yōu)秀的網(wǎng)站也迫使莆田電商進行改革，這是莆田電商的一個轉型時期，能不能進行自主化的蛻變也影響了未來中國電子商務的發(fā)展。

三、界面設計的用戶審美分析

馬克思曾經(jīng)說過：“美的規(guī)律就是人的規(guī)律，即有意識的生命活動。”界面設計的元素包括圖形、色塊、菜單、版型等，一個優(yōu)秀成功的電子商務網(wǎng)站的設計這些元素都會安排設計的洽到好處，相輔相成。而優(yōu)秀的界面設計師必定會全面的來設計，大到整體的風格樣式，小到一個字符的行距間距。接下來就來探討下界面設計的重要元素組成。

1、色彩構成。淘寶的橙色，京東的紅色都給我們留下了非常深刻的影響，甚至可以說，這種色彩是可以寫入品牌形象里的，所以電子商務網(wǎng)站的色彩運用的得體是否能為一個企業(yè)商家樹立良好形象。界面的色彩就像一個人的衣服，而一件好的衣服也會讓網(wǎng)站的消費者深深的記住這個網(wǎng)站，勾起他們的興趣從進入網(wǎng)站購物。

2、版式設計。電子商務網(wǎng)站的設計的版面設計也是十分重要的，成功的界面必定會把畫面的元素統(tǒng)一的有機的安放在畫面合適的位置，根據(jù)疏密的情況來調整消費者的閱讀節(jié)奏。讓用戶在視覺上得到享受和舒暢。但是界面設計的版式又和傳統(tǒng)的設計不一樣，他涉及到分辨率的問題，不同的用戶用不同的載體看到的網(wǎng)頁是不一樣的，所以，一個界面的版式更多的是要為消費者的觀看載體而服務的。所以，設計師在控制版式設計美感的同時也要注意到界面設計的這種分辨率的特殊性。

3、關于網(wǎng)站的header、main、footer。“header、main、footer”是網(wǎng)站前端工程師在寫代碼的時候經(jīng)常會用到的，他們分別代表網(wǎng)站的頁頭、內容、頁腳。無論任何一種界面設計都會涉及到的，他們就像人的頭手腳，缺一不可。“header”也就是頁頭一般是用戶第一眼就能看到的地方，他清楚的顯示了網(wǎng)站的名稱，內容，甚至是風格。當然商家的logo也是必不可少的。這塊內容設計師需要多花心思，因為他可是用戶對網(wǎng)站的第一印象。“main”部分包括網(wǎng)站的菜單導航，主體內容等，是用戶詳細了解網(wǎng)站的主要方式，也是用戶視覺停留最久的地方，有了一個好開頭，那中間的內容可是要豐富多才。最后“footer”是結尾的部分，一般網(wǎng)站的“footer”部分都要和“header”相互呼應。顯示商家的logo，聯(lián)系制作信息以及版權問題。

4、結合莆田電子商務網(wǎng)站的結論。界面設計在莆田的電子商務網(wǎng)站中起著非常重要的作用，隨著互聯(lián)網(wǎng)經(jīng)濟的發(fā)展和莆田電商的自主化轉型，莆田電子商務網(wǎng)站的界面設計似乎承擔著一部分很重的擔子，提高莆田電商的網(wǎng)站設計感也成了大勢所趨。所以，首先，要仔細研究用戶體驗需求，刨除繁瑣復雜的操作流暢，讓商品挑選瀏覽到購物下單變得輕松得體。以人為本不斷改進。其次，遵從設計的節(jié)奏美感，從主頁面入口到導航，再到細節(jié)內容，節(jié)奏要鮮明，疏密有秩。再次，根據(jù)網(wǎng)站的客戶群體去細化設計網(wǎng)站的主輔色彩及強調色彩，版式設計，logo等設計，利用圖形色彩語言引到用戶用選擇和溝通。最后，化繁為簡，刨除內容繁雜的內容，切實從用戶的心理做考慮，從“少則是多”的設計概念去分析網(wǎng)站。