MANFOO”化妝品網(wǎng)站整體設(shè)計(jì)的探究與實(shí)踐發(fā)布者：本站 時(shí)間：2020-05-03 10:05:32
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ò)改變了人們的生活方式，越來(lái)越多的電商類(lèi)網(wǎng)站接踵而至，然而如何在眾多網(wǎng)站中脫穎而出，成為了當(dāng)前眾多設(shè)計(jì)師所探究的課題。一個(gè)好的網(wǎng)站界面不僅要發(fā)揮出它所具有功能、幫助企業(yè)完成銷(xiāo)售目標(biāo)，還要贏得更多客戶(hù)的忠誠(chéng)度。
2 國(guó)內(nèi)電子商務(wù)界面的現(xiàn)狀及問(wèn)題
2. 1現(xiàn)狀。與前幾年相比，現(xiàn)在我國(guó)的優(yōu)秀網(wǎng)站作品已經(jīng)有很多，但是好的電子商務(wù)版面設(shè)計(jì)卻很少。不少在職的網(wǎng)頁(yè)設(shè)計(jì)師，是用教條、套模板的方式來(lái)制作網(wǎng)頁(yè)，作品也都是大同小異，很少有能夠真正表達(dá)出網(wǎng)頁(yè)的特殊藝術(shù)和文化內(nèi)涵的設(shè)計(jì)。而在化妝品網(wǎng)站行業(yè)上，此類(lèi)現(xiàn)象更是嚴(yán)重。
2. 2問(wèn)題。在瀏覽同類(lèi)化妝品行業(yè)網(wǎng)站的時(shí)候，發(fā)現(xiàn)了大部分網(wǎng)站都有以下幾個(gè)問(wèn)題： （1） 模版單一化。在很多化妝品網(wǎng)頁(yè)設(shè)計(jì)中，產(chǎn)品的分類(lèi)單一，文字量多，采用常規(guī)式布局方法，難以使人過(guò)目難忘，沒(méi)有特色。（2） 無(wú)沖擊感，過(guò)目就忘。在打開(kāi)網(wǎng)站的首頁(yè)，banner一定需要使人眼前一亮，很多網(wǎng)頁(yè)的banner,使用同一個(gè)色系，背景與文字融合在一起，難以區(qū)分。（3） 顏色上使用過(guò)于單調(diào)。由于是化妝品網(wǎng)站，很多網(wǎng)頁(yè)設(shè)計(jì)師搭配用色不注重多樣化，無(wú)設(shè)計(jì)感和高端感，無(wú)法讓人賞心悅目。
3 網(wǎng)站整體設(shè)計(jì)的探究與實(shí)踐
3. 1設(shè)計(jì)探究。在當(dāng)今“互聯(lián)網(wǎng)+ ”蓬勃發(fā)展的時(shí)代，網(wǎng)站的種類(lèi)越來(lái)越多，內(nèi)容也越來(lái)越豐富，瀏覽者的審美要求也越來(lái)越高，電子商務(wù)類(lèi)企業(yè)要想取得銷(xiāo)售目標(biāo)，吸引更多的消費(fèi)者，企業(yè)就必須盡力突出自身特色，形成屬于自己的產(chǎn)品文化。這就要求設(shè)計(jì)師必須針對(duì)企業(yè)獨(dú)特的產(chǎn)品文化來(lái)進(jìn)行創(chuàng)意構(gòu)思。而且，作為電子商務(wù)類(lèi)的網(wǎng)站，頁(yè)面的整體風(fēng)格需要首尾兼顧。然而有許多設(shè)計(jì)就存在“虎頭蛇尾”的現(xiàn)象，頭部做得很花哨，尾部就顯得很隨意。從實(shí)際角度出發(fā)，的確頁(yè)面的頭部比較重要，而尾部相對(duì)比較次要。但是，網(wǎng)站頁(yè)面作為一件精雕細(xì)琢的“藝術(shù)品”,這樣的觀念是不可取的。作為設(shè)計(jì)者，心中必須樹(shù)立“所有的信息都是有價(jià)值的”觀念，即使關(guān)注的人再少也不能忽略，這是對(duì)自己的設(shè)計(jì)負(fù)責(zé)，也是對(duì)用戶(hù)的負(fù)責(zé)。
3. 2具體實(shí)踐。以“MANFOO”化妝品為例，以創(chuàng)新的手法，在突出化妝品的高端氛圍，增強(qiáng)視覺(jué)效果的條件下，驗(yàn)證該設(shè)計(jì)能否在眾多的化妝品行業(yè)網(wǎng)站中脫穎而出。
3. 2. 1顏色使用多樣化。在主體色調(diào)不變的情況下，選擇了黑白灰等相近色，使它們既不沖突又相互作用。
3. 2. 2 banner模塊增強(qiáng)視覺(jué)沖擊力。為了給人留下深刻地印象，在海報(bào)的制作上，選取粉末顆粒感的背景，絢爛朦朧的云彩做底，利用斜著的動(dòng)感的化妝品排列版式，突出特色商品，并且添加光感效果，使頁(yè)面能夠在第一時(shí)間給予用戶(hù)強(qiáng)烈的感染力和沖擊力，讓用戶(hù)能有深刻的印象并且能長(zhǎng)時(shí)間停留，提高用戶(hù)的購(gòu)買(mǎi)欲望，從而全方面提高產(chǎn)品銷(xiāo)售量。
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è)面飽滿(mǎn)有張力。
3. 2. 4增強(qiáng)網(wǎng)頁(yè)局部的藝術(shù)處理。頁(yè)面的整體設(shè)計(jì)需要重視，但是網(wǎng)頁(yè)操作的視角往往受限于瀏覽器，是通過(guò)自上而下滾動(dòng)的方式進(jìn)行瀏覽。所以呈現(xiàn)在用戶(hù)面前的絕大多數(shù)是頁(yè)面的局部。不少設(shè)計(jì)師在考慮頁(yè)面的整體效果時(shí)，卻沒(méi)有考慮到網(wǎng)頁(yè)閱讀的局限性。網(wǎng)頁(yè)的排版同平面媒體的排版一樣，都要注意圖片、文字、配色等元素在頁(yè)面上的平衡性，但是網(wǎng)頁(yè)排版更需要注意的是一個(gè)動(dòng)態(tài)的平衡，即無(wú)論頁(yè)面滾動(dòng)到何位置，在瀏覽器中呈現(xiàn)出來(lái)的效果應(yīng)該都讓人在視覺(jué)上感覺(jué)舒適。
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)涵。
選擇我們，優(yōu)質(zhì)服務(wù)，不容錯(cuò)過(guò)
1. 優(yōu)秀的網(wǎng)絡(luò)資源，強(qiáng)大的網(wǎng)站優(yōu)化技術(shù)，穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設(shè)經(jīng)驗(yàn)，優(yōu)秀的技術(shù)和設(shè)計(jì)水平，更放心
3. 全程省心服務(wù)，不必?fù)?dān)心自己不懂網(wǎng)絡(luò)，更省心。
------------------------------------------------------------
24小時(shí)聯(lián)系電話(huà)：021-58370032