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

唐雅

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

?

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

唐雅

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3.2.5文字的風(fēng)格和編排切合網(wǎng)站的主題。作為文字，不僅僅有描述和解釋的功能，同時(shí)也是一種良好的藝術(shù)載體，字體的設(shè)計(jì)可以根據(jù)不同的需求體現(xiàn)出不同的藝術(shù)風(fēng)格。根據(jù)企業(yè)的理念及特點(diǎn)，設(shè)計(jì)合適的字體不僅能夠很好地融入網(wǎng)站的整體氣氛中裝飾網(wǎng)站，同時(shí)也能夠表達(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ì)雖然已經(jīng)有了很大的進(jìn)步，但是好的電子商務(wù)版面設(shè)計(jì)卻很少，在整體上并不理想。本文“版式設(shè)計(jì)在電子商務(wù)類網(wǎng)站的應(yīng)用與實(shí)現(xiàn)”從創(chuàng)新思維的驗(yàn)角度出發(fā)，對(duì)電商類網(wǎng)站界面設(shè)計(jì)五種因素進(jìn)行了分析并改進(jìn)，并通過“MANFOO”化妝品網(wǎng)站案例的實(shí)現(xiàn)，通過后期調(diào)研結(jié)果顯示，該設(shè)計(jì)成功吸引了更多的消費(fèi)者。充分驗(yàn)證了版式設(shè)計(jì)在電子商務(wù)網(wǎng)站的重要性。

參考文獻(xiàn)：

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

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

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

中圖分類號(hào):TP393

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

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