電子商務網站界面設計應用研究

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

關鍵詞：數碼多媒體 電子商務網站 多媒體技術 界面UI

一、電子商務網站建站策略

（一）電子商務網站的形式

未來的商務交易的主要模式是電子商務，而電子商務實施與運作依附于電子商務系統，電子商務網站則是電子商務系統工作與運作的承擔者與表現者。

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

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

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

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

1、展示內容要有特色

電子商務網站中內容信息是訪問者最為關注的，客戶訪問網站的目的就是為了發現自己感興趣的商品。

2、使用操作方便易行

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

3、訪問快速安全

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

4、獲取信息便捷

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

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

（三） 電子商務網站的功能設計

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

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

二、電子商務網站的整體風格設計

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

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

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

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

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

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

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

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

三、電子商務網站前臺界面設計分析

（一）首頁的功能模塊

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

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

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

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

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

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

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

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

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

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

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

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

（三）首頁設計的方法

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

1、構思布局

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

2、繪制草圖

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

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

3、方案細化

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

（四）二級欄目頁面設計

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

（五）修整定稿

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

四、界面設計與網站形式綜述

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

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

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

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

參考文獻：

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

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