摘要：在當前電子商務這一概念逐漸成為經(jīng)濟發(fā)展新領域共識的情況下，藝術設計界對電子商務網(wǎng)站中的應用研究，還沒有跟上其發(fā)展需要的步伐。本文重點研究是多媒體藝術設計如何服務于電子商務網(wǎng)站，通過視覺藝術、界面UI、以及用戶對于電商網(wǎng)站界面的接受程度來創(chuàng)造更大的設計價值和商業(yè)價值。本研究最終希望達到的效果是：通過理論分析、概括說明和方法實踐論等綜合運用，完成具有教學指導作用的專業(yè)課題研究報告。

關鍵詞：數(shù)碼多媒體 電子商務網(wǎng)站 多媒體技術 界面UI

一、電子商務網(wǎng)站建站策略

（一）電子商務網(wǎng)站的形式

未來的商務交易的主要模式是電子商務，而電子商務實施與運作依附于電子商務系統(tǒng)，電子商務網(wǎng)站則是電子商務系統(tǒng)工作與運作的承擔者與表現(xiàn)者。

基于Web 的互聯(lián)網(wǎng)電子商務網(wǎng)站模式已成為主流。如淘寶商城、天貓商城、京東、當當網(wǎng)、卓越亞馬遜等電子商務網(wǎng)站。它具體有網(wǎng)上商城、網(wǎng)上拍賣平臺、第三方交易市場、網(wǎng)上采購中心四種方式存在。

電子商務網(wǎng)站的構成依據(jù)網(wǎng)站類型和規(guī)模的不同而各有差異。每個企業(yè)在考慮電子商務平臺的側重點時會有局部差異。因此，構建電子商務網(wǎng)站時，要重點考慮網(wǎng)站目標人群，網(wǎng)站欄目架構、美觀程度和功能模塊以及數(shù)據(jù)庫系統(tǒng)的選擇與開發(fā)。

（二）電子商務內容框架策劃設計

一個電子商務網(wǎng)站成功的基礎，在于前期網(wǎng)站欄目內容的規(guī)劃。電子商務網(wǎng)站內容框架設計是電子商務化建設的重點。網(wǎng)站框架內容的設計是決定成敗的關鍵要素之一。對于網(wǎng)站欄目的策劃一般從以下幾個方面考慮：

1、展示內容要有特色

電子商務網(wǎng)站中內容信息是訪問者最為關注的，客戶訪問網(wǎng)站的目的就是為了發(fā)現(xiàn)自己感興趣的商品。

2、使用操作方便易行

電子商務網(wǎng)站主要是實現(xiàn)網(wǎng)上商業(yè)貿易，因此，要充分考慮網(wǎng)站針對使用者的操作簡便性。要提供方便易行的人機交互功能。只有當客戶能方便地在網(wǎng)站上進行信息交流，實現(xiàn)網(wǎng)絡貿易時，網(wǎng)站才能吸引客戶，才能與客戶建立良好的互動關系，從而增加銷售的機會。

3、訪問快速安全

在確定內容的基礎上提高客戶訪問速度是非常必要的。目前，大部分網(wǎng)站瀏覽者都以寬帶上網(wǎng)的形式訪問網(wǎng)站，但訪問速度或多或少地存在著問題。如果電子商務網(wǎng)站內容足夠吸引人，但打開網(wǎng)頁的速度讓人失去耐心，最終還是會影響網(wǎng)站的訪問量。因為沒有一個訪問者能夠忍受打開速度極慢的界面。

4、獲取信息便捷

設計網(wǎng)站時，要充分考慮客戶獲取信息的便捷性，如果客戶想了解某種商品的相關信息，一般要在 3～6 次點擊之內得到。

在電子商務交易過程中，還應該盡可能地保證服務器不發(fā)生死機，防止病毒發(fā)作等問題，以免引起客戶的交易中斷，信息丟失等問題。

（三） 電子商務網(wǎng)站的功能設計

電子商務網(wǎng)站的模式有多種，業(yè)務流程也就各不相同。在設計時，應從宏觀的角度考慮網(wǎng)站需要提供的功能。作為電商網(wǎng)站應有核心功能和輔助功能，網(wǎng)站主要是圍繞核心功能開展業(yè)務活動。

在電子商務網(wǎng)站功能設計時，還應從客戶角度出發(fā)，開發(fā)設計配套的服務功能，如虛擬社區(qū)、信息發(fā)布與管理、廣告預訂、產(chǎn)品資訊郵件訂閱、在線查詢、全文檢索、在線調查等模塊系統(tǒng)。有些是電子商務網(wǎng)站的輔助功能，雖然功能很細小，但卻體現(xiàn)了人性化的服務。有助于訪問者的使用。

二、電子商務網(wǎng)站的整體風格設計

網(wǎng)站的整體風格設計是指網(wǎng)站整體形象給訪問者的綜合感受。風格設計可以參照或者模仿，但如何將整體風格體現(xiàn)在眾多互聯(lián)網(wǎng)站點中，跳出模仿的圈子，這對設計師把握頁面內容與形式等各種元素表現(xiàn)的手法的運用，是一個非常高的要求。

風格獨特性是一個網(wǎng)站區(qū)別于其他網(wǎng)站并吸引訪問者的重要因素，電子商務網(wǎng)站尤為如此。網(wǎng)站設計者應根據(jù)網(wǎng)站定位的要求和具體情況找出特色，突出特點。

作為電子商務網(wǎng)站，整體風格的一致性極其重要的。網(wǎng)站結構的一致性、色彩的一致性、導航的一致性、背景的一致性以及特別元素的一致性都是形成網(wǎng)站整體風格的重要因素。

設計網(wǎng)站標志：網(wǎng)站的標志（Logo）也可以說是企業(yè)的標志，應盡可能地出現(xiàn)在每一張網(wǎng)頁上，例如頁眉、頁腳或者背景上。標志可以是中文、英文字母、符號、圖案，如京東商城是用字母 360buy 和中文京東商城組合作為標志。

設計網(wǎng)站的色彩：色彩是體現(xiàn)網(wǎng)站形象與網(wǎng)站內涵延伸的色彩，確定色彩是相當重要的事。要注意網(wǎng)站的色彩不能過多，過花，否則容易影響瀏覽者對于商品的瀏覽。標題、主菜單與主色塊、文字的鏈接、背景、邊框色彩盡量與標志色彩和諧，給瀏覽者整體統(tǒng)一的感覺。

設計網(wǎng)站字體：網(wǎng)站的字體是用于標志、標題、主菜單的特有的字體。一般要求在關鍵的標題、廣告圖片、菜單里使用藝術字體，體現(xiàn)與眾不同的風格。

設計網(wǎng)站標語：電子商務網(wǎng)站的標語是網(wǎng)站的精神，是網(wǎng)站的目標表達。網(wǎng)站的標語可以用一句話或者一個詞來概括，類似實際生活中的廣告句。

需要說明的是，電子商務網(wǎng)站整體風格的設計并不是一次就能完成的，再好的設計師也需要通過工作經(jīng)驗的積累來多次完成，反復修改。在第一次設計策劃網(wǎng)站拓撲圖時要進行精準定位，然后通過網(wǎng)站設計過程中再進行強化和調整。

三、電子商務網(wǎng)站前臺界面設計分析

（一）首頁的功能模塊

網(wǎng)站首頁，從根本上說，就是全站內容的目錄，也是整站索引。設計一個好的首頁樣式，需要根據(jù)首頁的功能模塊來設計。一般的站點都需要頁頭、頁中和頁尾這 3 個模塊。

1、頁頭包括網(wǎng)站名稱（Logo）、廣告條（Banner）、導航等版塊。頁頭用來標示網(wǎng)站和體現(xiàn)網(wǎng)站主題。導航提供了對關鍵頁面的簡捷鏈接，其超鏈接或圖標應明確地表明網(wǎng)站其他頁面上載有的信息；用戶能夠通過這樣一個簡單的功能化界面，迅速跳轉他們所需信息的頁面上。

2、頁中包括公告與新聞、產(chǎn)品推薦、廣告條、搜索、友情鏈接等功能性版塊的設計。在設計過程中，需要考慮客戶群體的視覺接受程度。考慮要具有針對性，如電商的設計版式一般按產(chǎn)品大類別進行框架設計，而顏色的選擇會使用高明度、高亮度作為標準色。

3、頁尾包括版權與聯(lián)絡信息、版權信息等版塊。在首頁下方標示版權聲明，然后用鏈接方法帶出另一個載有詳細使用條款的頁面，頁尾設計一般而言采用ICON配合文字，使相關信息簡潔明了。

（二）首頁設計的應用要點

電子商務網(wǎng)站首頁設計應該遵循快速、簡潔、吸引人、信息概括能力強、易于導航的原則，網(wǎng)站首頁就要將自己產(chǎn)品的直接推出，對瀏覽者形成購買興趣點，從而促使其深入瀏覽網(wǎng)站。在設計中，以下事項需要引起設計者的重視：

1、主題明確，重點突出。

瀏覽者應能通過網(wǎng)站首頁明確商品的主要性質。要達到這個目的，最好在文本或圖像中設置闡明主題的廣告語——購買興趣點。

2、頁面簡潔，重在交互。

網(wǎng)站設計以滿足訪問者的實際需求為目標，界面與訪問者會發(fā)生交互關系。因而要求簡練、準確。頁面創(chuàng)意涉及諸多領域，獨特的創(chuàng)意會使首頁極具吸引力，形成帶有錯落的設計考慮。

3、技術合理，瀏覽快捷。

上網(wǎng)瀏覽需要的是快速、有價值的信息。如果首頁設計中充斥許多只是為了炫耀技術的東西，這樣的設計是造成頁面的亂，不管是從功能上還是從形式上都是不可取的。

（三）首頁設計的方法

首頁設計歷來是站點建設中的形象重要環(huán)節(jié)。在設計過程中要考慮的內容很多：布局、樣式、動畫的位置、瀏覽者的習慣等等。就此網(wǎng)站而言，對于整體布局的思考。需要經(jīng)過以下幾個基本步驟。

1、構思布局

對首頁設計進行認真構思，結合首頁的功能模塊與主題內容，充分發(fā)揮藝術想象力，銳意創(chuàng)新，大膽突破，全盤考慮。構思結果不僅要有獨特的創(chuàng)意，還要考慮多媒體技術實現(xiàn)的可行性。利用多種多媒體軟件來達到設計草圖中的效果。

2、繪制草圖

通常網(wǎng)站拓撲圖確定后會列一個根據(jù)欄目版塊設定的草稿。繪制草圖就是把大腦中構思的頁面布局版式具體化的過程，可以在紙上繪出，也可以用 Photoshop 或 Coreldraw軟件繪制。在大腦中構思時，由于不受空間和技術等因素的限制，發(fā)散思維可能很廣泛。但當在計算機上實現(xiàn)時，卻會發(fā)現(xiàn)，有些想法是無法實現(xiàn)或不合理的。值得慶幸的是現(xiàn)在大多數(shù)多媒體應用軟件在通融性上做的很好，文件交互性很強。因此，在實際制作過程中只要熟練掌握相關軟件操作技能即可。

繪制草圖屬于創(chuàng)造階段，不講究細膩工整，不必考慮細節(jié)功能，只要用線條勾畫出創(chuàng)意的輪廓即可。在繪制時盡可能多做一些方案，最后選定一個滿意的方案作為繼續(xù)創(chuàng)作的腳本。

3、方案細化

在草圖基礎上，按照平面設計的規(guī)律將網(wǎng)頁頁面元素，如站標、導航欄、產(chǎn)品大類、欄目標題、廣告位、圖片、搜索引擎、會員登陸或注冊窗口等都以元素的形式羅列出來，然后設定網(wǎng)頁的外形尺寸、網(wǎng)頁色彩、字體大小、圖形圖像尺寸等，做出頁面的基本樣式。除了文字內容之外，其他所有內容均已接近將來網(wǎng)頁的實際效果。這個方案供客戶和技術開發(fā)人員討論以完成最后的定稿。

（四）二級欄目頁面設計

網(wǎng)站給人的第一印象是首頁，但并不是說只要首頁做好，網(wǎng)站的整體形象就好。網(wǎng)站整體形象是靠首頁和其他的頁面相配合來呈現(xiàn)的，所以在設計二級網(wǎng)頁時，既要考慮怎樣將網(wǎng)站的信息呈現(xiàn)給用戶，又要考慮表現(xiàn)的方式，信息不能都放在首頁上，造成雜亂的現(xiàn)象。

（五）修整定稿

根據(jù)策劃和技術人員的意見進一步修整方案，直至最后定稿，這樣就形成了首頁效果圖。

四、界面設計與網(wǎng)站形式綜述

設計是藝術和技術結合的產(chǎn)物，就是說，即要考慮美觀又要強調功能。在電子商務網(wǎng)站開發(fā)中，完成既定功能是設計的最終目的，設計是為電子商務服務的。如果在開發(fā)網(wǎng)站時只強調設計而對忽略功能考慮，則失去了電子商務網(wǎng)站存在的意義。

優(yōu)秀的電子商務網(wǎng)站必定是形式對內容的完美表現(xiàn)。電子商務網(wǎng)站在建設時，就要明確網(wǎng)站的內容，確定采用什么樣的形式，從而明確主題，利用藝術技術圍繞電商展開。好的電子商務網(wǎng)站不僅設計能吸引顧客的注意，而且功能的研發(fā)也能表達出服務的實質。

隨著多媒體技術的不斷發(fā)展，網(wǎng)絡傳輸速度的不斷提高，藝術性受技術的限制不斷減低。藝術與技術會更好的結合，電子商務網(wǎng)站也因多媒體技術的大量應用而獨具魅力和眩目，但它的首要功能是作為交流的一個工具，一個平臺；更確切地說它是一個用戶與網(wǎng)站一個交互的界面。設計與藝術的緊密結合在網(wǎng)頁界面設計中的優(yōu)勢非常明顯，而它們的發(fā)展將推動網(wǎng)站提升到更高的層次和高度，會給電商平臺帶來更多的好處。而藝術設計在網(wǎng)站上的應用也必將成為未來的發(fā)展方向，有著廣闊的前景。

（作者單位：武漢長江工商學院）

參考文獻：

[1]湯兵勇、陳梅梅.中小企業(yè)電子商務之路 [M].北京：清華大學出版社，2007.

[2]司林勝.電子商務案例分析[M].重慶：重慶大學出版社，2007.