版式設計在電子商務類網站的應用與實現
——以“MANFOO”化妝品網站為例

唐雅

(山東女子學院信息技術學院，山東 濟南 250000)

?

版式設計在電子商務類網站的應用與實現
——以“MANFOO”化妝品網站為例

唐雅

(山東女子學院信息技術學院，山東 濟南 250000)

摘要：在當前政府大力推行新媒體建設的背景下，越來越多的企業通過“互聯網+”平臺來達到宣傳及推廣自己產品及服務的目的，各式各樣的網站以勢不可擋的態勢涌入了的公眾視線。在此前提下，人們對于網站界面審美也在不斷的變化，傳統的只注重羅列信息的版式設計已經不能夠滿足人們的精神需求，尤其作為電子商務類網站，它需要在網站的設計中重點突出產品的視覺效果。因此，本課題通過版式設計在電子商務類網站的應用，探究如何將藝術完美融入到網站設計中。

關鍵詞：電子商務;網站界面設計;創新理念

1選題內容和目的

1.1選題內容。以“MANFOO”化妝品網站為例，探索版式設計在電子商務網站中的應用。

1.2選題的目的。在電子商務高度發展的時代，網絡改變了人們的生活方式，越來越多的電商類網站接踵而至，然而如何在眾多網站中脫穎而出，成為了當前眾多設計師所探究的課題。一個好的網站界面不僅要發揮出它所具有功能、幫助企業完成銷售目標，還要贏得更多客戶的忠誠度。

2國內電子商務界面的現狀及問題

2.1現狀。與前幾年相比，現在我國的優秀網站作品已經有很多，但是好的電子商務版面設計卻很少。不少在職的網頁設計師，是用教條、套模板的方式來制作網頁，作品也都是大同小異，很少有能夠真正表達出網頁的特殊藝術和文化內涵的設計。而在化妝品網站行業上，此類現象更是嚴重。

2.2問題。在瀏覽同類化妝品行業網站的時候，發現了大部分網站都有以下幾個問題：(1)模版單一化。在很多化妝品網頁設計中，產品的分類單一，文字量多，采用常規式布局方法，難以使人過目難忘，沒有特色。(2)無沖擊感，過目就忘。在打開網站的首頁，banner一定需要使人眼前一亮，很多網頁的banner，使用同一個色系，背景與文字融合在一起，難以區分。(3)顏色上使用過于單調。由于是化妝品網站，很多網頁設計師搭配用色不注重多樣化，無設計感和高端感，無法讓人賞心悅目。

3網站整體設計的探究與實踐

3.1設計探究。在當今“互聯網+”蓬勃發展的時代，網站的種類越來越多，內容也越來越豐富，瀏覽者的審美要求也越來越高，電子商務類企業要想取得銷售目標，吸引更多的消費者，企業就必須盡力突出自身特色，形成屬于自己的產品文化。這就要求設計師必須針對企業獨特的產品文化來進行創意構思。而且，作為電子商務類的網站，頁面的整體風格需要首尾兼顧。然而有許多設計就存在“虎頭蛇尾”的現象，頭部做得很花哨，尾部就顯得很隨意。從實際角度出發，的確頁面的頭部比較重要，而尾部相對比較次要。但是，網站頁面作為一件精雕細琢的“藝術品”，這樣的觀念是不可取的。作為設計者，心中必須樹立“所有的信息都是有價值的”觀念，即使關注的人再少也不能忽略，這是對自己的設計負責，也是對用戶的負責。

3.2具體實踐。以“MANFOO”化妝品為例，以創新的手法，在突出化妝品的高端氛圍，增強視覺效果的條件下，驗證該設計能否在眾多的化妝品行業網站中脫穎而出。

3.2.1顏色使用多樣化。在主體色調不變的情況下，選擇了黑白灰等相近色，使它們既不沖突又相互作用。

3.2.2banner模塊增強視覺沖擊力。為了給人留下深刻地印象，在海報的制作上，選取粉末顆粒感的背景，絢爛朦朧的云彩做底，利用斜著的動感的化妝品排列版式，突出特色商品，并且添加光感效果，使頁面能夠在第一時間給予用戶強烈的感染力和沖擊力，讓用戶能有深刻的印象并且能長時間停留，提高用戶的購買欲望，從而全方面提高產品銷售量。

3.2.3注重模塊間的聯系呼應。在整體頁面的布局上，拋棄傳統組件模塊，重新進行概念設計。加入光感設計，在板塊與板塊的交接處加入廣告語的同時，融入適當的圖形元素，增強頁面整體的氛圍。讓頁面飽滿有張力。

3.2.4增強網頁局部的藝術處理。頁面的整體設計需要重視，但是網頁操作的視角往往受限于瀏覽器，是通過自上而下滾動的方式進行瀏覽。所以呈現在用戶面前的絕大多數是頁面的局部。不少設計師在考慮頁面的整體效果時，卻沒有考慮到網頁閱讀的局限性。網頁的排版同平面媒體的排版一樣，都要注意圖片、文字、配色等元素在頁面上的平衡性，但是網頁排版更需要注意的是一個動態的平衡，即無論頁面滾動到何位置，在瀏覽器中呈現出來的效果應該都讓人在視覺上感覺舒適。

3.2.5文字的風格和編排切合網站的主題。作為文字，不僅僅有描述和解釋的功能，同時也是一種良好的藝術載體，字體的設計可以根據不同的需求體現出不同的藝術風格。根據企業的理念及特點，設計合適的字體不僅能夠很好地融入網站的整體氣氛中裝飾網站，同時也能夠表達出企業的精神內涵。

4總結

隨著電子商務產業的發展，過去只重視功能性的界面已經不能滿足用戶需求，如何提高網站界面藝術感受，順應消費者的精神需求，是電商類網站所應注重的問題。通過當前現狀的研究，了解到網站界面設計雖然已經有了很大的進步，但是好的電子商務版面設計卻很少，在整體上并不理想。本文“版式設計在電子商務類網站的應用與實現”從創新思維的驗角度出發，對電商類網站界面設計五種因素進行了分析并改進，并通過“MANFOO”化妝品網站案例的實現，通過后期調研結果顯示，該設計成功吸引了更多的消費者。充分驗證了版式設計在電子商務網站的重要性。

參考文獻：

[1]蘭倩.版式設計在動態媒介中的研究與應用[D].北方工業大學,2015.

[2]謝印成,張穎潔.電子商務與網絡營銷.北京:中國礦業大學出版社，2010.

作者簡介：唐雅(1994.10-)，女，漢，山東菏澤，本科，山東女子學院信息技術學院。

中圖分類號:TP393

文獻標志碼：A

文章編號：1671-1602(2016)10-0033-01