練珮欽

（湖北美術(shù)學(xué)院2014級(jí)研究生湖北武漢）

莆田電子商務(wù)界面設(shè)計(jì)的藝術(shù)研究

練珮欽

（湖北美術(shù)學(xué)院2014級(jí)研究生湖北武漢）

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

界面設(shè)計(jì)；電子商務(wù)；莆田；交互設(shè)計(jì)

一、界面設(shè)計(jì)分析

界面設(shè)計(jì)即User interface，也叫做UI，界面誕生是用來(lái)表達(dá)人和人的信息交換的，界面為人和人的信息交換提供了一個(gè)場(chǎng)合，因?yàn)榻缑娴倪@個(gè)特點(diǎn)，界面的構(gòu)成就由人和人雙方來(lái)構(gòu)成決定，在電商界面中，電商服務(wù)商和用戶就成了構(gòu)成界面的主要決定者，電商服務(wù)商提供初期的界面構(gòu)造，而用戶在使用的過(guò)程中根據(jù)自己的習(xí)慣和優(yōu)先級(jí)來(lái)改變界面。界面設(shè)計(jì)包括了人機(jī)交互，操作流程邏輯，界面藝術(shù)化設(shè)計(jì)。一個(gè)獲得市場(chǎng)認(rèn)可的界面，必定是界面富有設(shè)計(jì)美感，操作流程流暢清晰，用戶體驗(yàn)以人為本的特點(diǎn)。

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

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

首先從莆田電商其界面設(shè)計(jì)給人第一感受就是“廉價(jià)感”，調(diào)研發(fā)現(xiàn)，大部分莆田電商的網(wǎng)站錯(cuò)綜復(fù)雜的導(dǎo)航欄，混亂的商品信息，用上所以顏色的色彩搭配，大大小小的廣告推廣，當(dāng)一個(gè)新用戶第一次進(jìn)入網(wǎng)站時(shí)就會(huì)感覺(jué)到莫名的茫然，沒(méi)有任何優(yōu)先級(jí)劃分，玲瑯滿目的花花綠綠的商品一股腦涌上視網(wǎng)膜?！吧秸薄暗土薄安恍湃巍比齻€(gè)字刻在了用戶體驗(yàn)中。

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

三、界面設(shè)計(jì)的用戶審美分析

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

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

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

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

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

J524

A

1005-5312（2016）29-0055-01