唐雅

(山東女子學(xué)院信息技術(shù)學(xué)院，山東 濟(jì)南 250000)

?

版式設(shè)計在電子商務(wù)類網(wǎng)站的應(yīng)用與實現(xiàn)
——以“MANFOO”化妝品網(wǎng)站為例

唐雅

(山東女子學(xué)院信息技術(shù)學(xué)院，山東 濟(jì)南 250000)

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

關(guān)鍵詞：電子商務(wù);網(wǎng)站界面設(shè)計;創(chuàng)新理念

1選題內(nèi)容和目的

1.1選題內(nèi)容。以“MANFOO”化妝品網(wǎng)站為例，探索版式設(shè)計在電子商務(wù)網(wǎng)站中的應(yīng)用。

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

2國內(nèi)電子商務(wù)界面的現(xiàn)狀及問題

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

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

3網(wǎng)站整體設(shè)計的探究與實踐

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

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

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

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

3.2.3注重模塊間的聯(lián)系呼應(yīng)。在整體頁面的布局上，拋棄傳統(tǒng)組件模塊，重新進(jìn)行概念設(shè)計。加入光感設(shè)計，在板塊與板塊的交接處加入廣告語的同時，融入適當(dāng)?shù)膱D形元素，增強(qiáng)頁面整體的氛圍。讓頁面飽滿有張力。

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

3.2.5文字的風(fēng)格和編排切合網(wǎng)站的主題。作為文字，不僅僅有描述和解釋的功能，同時也是一種良好的藝術(shù)載體，字體的設(shè)計可以根據(jù)不同的需求體現(xiàn)出不同的藝術(shù)風(fēng)格。根據(jù)企業(yè)的理念及特點(diǎn)，設(shè)計合適的字體不僅能夠很好地融入網(wǎng)站的整體氣氛中裝飾網(wǎng)站，同時也能夠表達(dá)出企業(yè)的精神內(nèi)涵。

4總結(jié)

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

參考文獻(xiàn)：

[1]蘭倩.版式設(shè)計在動態(tài)媒介中的研究與應(yīng)用[D].北方工業(yè)大學(xué),2015.

[2]謝印成,張穎潔.電子商務(wù)與網(wǎng)絡(luò)營銷.北京:中國礦業(yè)大學(xué)出版社，2010.

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

中圖分類號:TP393

文獻(xiàn)標(biāo)志碼：A

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