MANFOO”化妝品網(wǎng)站整體設(shè)計的探究與實(shí)踐發(fā)布者：本站     時間：2020-05-03 10:05:32

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è)計的探究與實(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)象，頭部做得很花哨，尾部就顯得很隨意。從實(shí)際角度出發(fā)，的確頁面的頭部比較重要，而尾部相對比較次要。但是，網(wǎng)站頁面作為一件精雕細(xì)琢的“藝術(shù)品”,這樣的觀念是不可取的。作為設(shè)計者，心中必須樹立“所有的信息都是有價值的”觀念，即使關(guān)注的人再少也不能忽略，這是對自己的設(shè)計負(fù)責(zé)，也是對用戶的負(fù)責(zé)。

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

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

3. 2. 2 banner模塊增強(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)涵。