化妝品電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)探討
前言：想要寫(xiě)出一篇引人入勝的文章？我們特意為您整理了化妝品電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)探討范文，希望能給你帶來(lái)靈感和參考，敬請(qǐng)閱讀。
隨著我國(guó)國(guó)民經(jīng)濟(jì)的快速發(fā)展和信息化水平的不斷提高，電子商務(wù)在全國(guó)范圍得到了普及，對(duì)人們的購(gòu)物消費(fèi)模式有了顯著的影響。電子商務(wù)是以現(xiàn)代電子工具和信息網(wǎng)絡(luò)技術(shù)為手段，通過(guò)以互聯(lián)網(wǎng)為主的電子交易方式進(jìn)行網(wǎng)上購(gòu)物、網(wǎng)上交易、在線電子支付各種商務(wù)活動(dòng)相關(guān)的現(xiàn)代商業(yè)運(yùn)營(yíng)模式，是傳統(tǒng)商業(yè)模式的電子化、網(wǎng)絡(luò)化和信息化。電子商務(wù)具有降低交易成本、減少庫(kù)存、縮短生產(chǎn)周期、降低管理成本、提高勞動(dòng)生產(chǎn)率、擴(kuò)展市場(chǎng)范圍，更好地溝通客戶、24小時(shí)不打烊、提供個(gè)性化服務(wù)等優(yōu)勢(shì)。消費(fèi)者通過(guò)網(wǎng)上看圖比貨比價(jià)購(gòu)買(mǎi)，付款流程便利，快遞上門(mén)送貨，這種足不出戶的購(gòu)物方式促使電商迅猛發(fā)展。電子商務(wù)網(wǎng)站也進(jìn)入更新?lián)Q代的繁榮期，最早是企業(yè)與消費(fèi)者之間的電子商務(wù)（C2C）模式的易趣網(wǎng)，再到企業(yè)與消費(fèi)者之間的電子商務(wù)（B2C）模式的亞馬遜和規(guī)模最大、最普及的企業(yè)與企業(yè)之間的電子商務(wù)（B2B）、B2C、C2C綜合的阿里巴巴電商軍團(tuán)，至現(xiàn)在以美團(tuán)為代表的線下商務(wù)與互聯(lián)網(wǎng)之間的電子商務(wù)（O2O）模式，形成了競(jìng)爭(zhēng)激烈的網(wǎng)絡(luò)營(yíng)銷(xiāo)模式。國(guó)內(nèi)化妝品也跟上了電子商務(wù)的節(jié)奏，成為網(wǎng)絡(luò)銷(xiāo)售7大主力行業(yè)之一。國(guó)內(nèi)化妝品的線上渠道占有了上述的所有電子商務(wù)模式，隨著網(wǎng)絡(luò)消費(fèi)者的日益增長(zhǎng)，廠商也積極發(fā)展線上自營(yíng)模式，和好的電商品牌合作，為客戶提供更好的產(chǎn)品和體驗(yàn)，形成線上線下品牌競(jìng)爭(zhēng)發(fā)展的良好局面。艾瑞咨詢(xún)數(shù)據(jù)報(bào)告中國(guó)化妝品零售市場(chǎng)相關(guān)數(shù)據(jù)，在2013年中國(guó)化妝品零售市場(chǎng)規(guī)模為3338.6億元，2014年超4000億，達(dá)到4044.1億元，未來(lái)五年，增長(zhǎng)率將繼續(xù)保持在20％以上。據(jù)統(tǒng)計(jì)消費(fèi)者在化妝品頁(yè)面瀏覽停留時(shí)間最長(zhǎng)的十大品牌是卡姿蘭、歐萊雅、百雀羚、美膚寶、相宜本草、美寶蓮、玉蘭油、韓束、珀萊雅。打開(kāi)這些品牌的網(wǎng)頁(yè)，每個(gè)品牌電商網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格各異，產(chǎn)品突出，藝術(shù)美感動(dòng)人心弦?，F(xiàn)在化妝品網(wǎng)絡(luò)消費(fèi)已經(jīng)進(jìn)入讀圖時(shí)代，日化銷(xiāo)售中電商網(wǎng)頁(yè)設(shè)計(jì)成為產(chǎn)品銷(xiāo)售的重要的決定因素之一。電商網(wǎng)頁(yè)設(shè)計(jì)也是平面設(shè)計(jì)在網(wǎng)絡(luò)信息時(shí)代的介質(zhì)延伸，在本文中，主要探討日化網(wǎng)頁(yè)設(shè)計(jì)的框架、版式、文字、圖形、色彩的設(shè)計(jì)。
1網(wǎng)頁(yè)的框架設(shè)計(jì)
根據(jù)日化客戶的網(wǎng)頁(yè)設(shè)計(jì)需求，進(jìn)行市場(chǎng)調(diào)研，了解消費(fèi)者需求、網(wǎng)頁(yè)風(fēng)格定位，初步規(guī)劃板塊結(jié)構(gòu)、設(shè)計(jì)具有風(fēng)格獨(dú)特和整體形象清晰的網(wǎng)站，我們可以把一個(gè)復(fù)雜的網(wǎng)站設(shè)計(jì)把大小尺寸、主次模塊進(jìn)行草圖劃分和分割，劃分成相互獨(dú)立的二級(jí)導(dǎo)航，每個(gè)二級(jí)導(dǎo)航再劃分成三級(jí)、四級(jí)等子欄目的草案。購(gòu)物電商網(wǎng)站的重點(diǎn)劃分應(yīng)該是產(chǎn)品展示，也可以把日化產(chǎn)品按功能分類(lèi)變成一級(jí)導(dǎo)航重點(diǎn)強(qiáng)調(diào)，可以直接展示產(chǎn)品相關(guān)信息和圖片，讓目標(biāo)消費(fèi)者迅速找到自己所需商品。其他如企業(yè)背景、客戶服務(wù)都是輔助信息。每個(gè)產(chǎn)品的頁(yè)面規(guī)劃也尤為重要，麻雀雖小五臟俱全，能夠在頁(yè)面中力求平衡，導(dǎo)航清晰，起到了一個(gè)優(yōu)秀導(dǎo)購(gòu)員的作用。結(jié)構(gòu)設(shè)計(jì)規(guī)范有序且有章可循，主次關(guān)系分明是網(wǎng)站設(shè)計(jì)的重要前提，結(jié)構(gòu)設(shè)計(jì)就如同大綱，有了大綱才能對(duì)后續(xù)設(shè)計(jì)有整體的認(rèn)知和把握。在此基礎(chǔ)上與客戶進(jìn)行溝通與調(diào)整，根據(jù)反饋信息，進(jìn)行協(xié)調(diào)修改，防止網(wǎng)頁(yè)設(shè)計(jì)大功告成卻突然結(jié)構(gòu)調(diào)動(dòng)，避免費(fèi)時(shí)費(fèi)力，盡量做到一步到位。
2網(wǎng)頁(yè)的版式設(shè)計(jì)
網(wǎng)頁(yè)的版式設(shè)計(jì)和平面設(shè)計(jì)有很多相似之處，是根據(jù)圖文、動(dòng)畫(huà)、視頻等要素有秩序、有機(jī)的組織在有限的屏幕空間，并且有一定的視覺(jué)導(dǎo)向感，能夠使視覺(jué)有主次、合理律動(dòng)地在屏幕中穿梭，并且獲得輕松而美的享受。根據(jù)客戶需求，可以強(qiáng)化頁(yè)面整體構(gòu)成設(shè)計(jì)，為了更好地讓產(chǎn)品的功能效用和營(yíng)銷(xiāo)廣告能被關(guān)注，需將各元素在版式編排中做整體視覺(jué)流程策劃，根據(jù)視覺(jué)運(yùn)動(dòng)規(guī)律來(lái)策劃，如頁(yè)面上塊面大小、色塊的互補(bǔ)等都會(huì)引發(fā)視覺(jué)張力，引發(fā)受眾亢奮感。在網(wǎng)頁(yè)設(shè)計(jì)主頁(yè)面的設(shè)計(jì)上，我們的視覺(jué)焦點(diǎn)一般在網(wǎng)頁(yè)中心點(diǎn)偏上的位置，人的視覺(jué)對(duì)于版面視覺(jué)的關(guān)注度一般是上部比下部強(qiáng)，左半部比右半部強(qiáng)，才引發(fā)了“國(guó)”、“同”、“T”“、川”字的網(wǎng)頁(yè)版式設(shè)計(jì)，后隨著頁(yè)面元素的強(qiáng)弱大小等相關(guān)規(guī)律視覺(jué)開(kāi)始進(jìn)行流動(dòng)，最后完全吸收網(wǎng)頁(yè)。例如，百雀羚的電商設(shè)計(jì)就結(jié)合當(dāng)下和“好聲音4”的合作廣告和熱銷(xiāo)產(chǎn)品“年方十八”三生面膜五折熱賣(mài)等營(yíng)銷(xiāo)廣告翻轉(zhuǎn)滾動(dòng)來(lái)表現(xiàn)，其中式的紅木柜作為整體網(wǎng)頁(yè)穿插元素，表現(xiàn)了老國(guó)貨持久彌新的經(jīng)典魅力。產(chǎn)品描述中的視覺(jué)版式設(shè)計(jì)和一級(jí)頁(yè)面的版式設(shè)計(jì)差異較大，產(chǎn)品描述如上圖的分支結(jié)構(gòu)一般有十幾個(gè)小塊面構(gòu)成，如果每個(gè)小塊面單一的版式設(shè)計(jì)會(huì)引發(fā)受眾的視覺(jué)疲勞，沒(méi)有耐心看下去，從而無(wú)法吸引消費(fèi)。因此，我們?cè)诋a(chǎn)品描述版面構(gòu)成中要注意參考平面設(shè)計(jì)的方法，可以用直線、曲線、焦點(diǎn)、反復(fù)、導(dǎo)向、散點(diǎn)視覺(jué)流程，動(dòng)靜結(jié)合、剛?cè)岵?jì)、綜合使用。
3網(wǎng)頁(yè)的文字設(shè)計(jì)
漢字起源于象形文字，它既是字，又是畫(huà)，自古就有“字畫(huà)同源”之說(shuō)。經(jīng)過(guò)長(zhǎng)期的發(fā)展，漢字由繁到簡(jiǎn)，由具象到抽象，成為一種規(guī)范化的符號(hào)。網(wǎng)頁(yè)的導(dǎo)航條、廣告語(yǔ)、網(wǎng)頁(yè)標(biāo)題、正文文字都是網(wǎng)頁(yè)信息的重要組成部分。其中為了區(qū)別正文文字，對(duì)受眾視覺(jué)進(jìn)行傳播信息和視覺(jué)誘導(dǎo)，導(dǎo)航條和廣告語(yǔ)的設(shè)計(jì)要結(jié)合色彩、圖形著重設(shè)計(jì)，文字之間的間距、大小、行距和字體要選擇和網(wǎng)站設(shè)計(jì)風(fēng)格保持統(tǒng)一性，文字和背景要形成鮮明對(duì)比，以便突出文字內(nèi)容。同時(shí)，網(wǎng)頁(yè)設(shè)計(jì)具有交互性，文字可以設(shè)計(jì)成色彩、大小等特效的變化，增加頁(yè)面的互動(dòng)性、生動(dòng)性和可讀性，更加良好而準(zhǔn)確地表達(dá)文字的意義。其他標(biāo)題文字和正文文字要和諧布局，字號(hào)、色彩統(tǒng)一，忌諱色彩繁多每個(gè)頁(yè)面字體不一致。文字的設(shè)計(jì)和編排的好壞，影響到整個(gè)網(wǎng)站設(shè)計(jì)的品位和整體性。如歐萊雅，其中文字既有與圖形設(shè)計(jì)相結(jié)合的層次性，又有陰陽(yáng)大小虛實(shí)變化，其文字的塊面信息只有兩塊，且面積形成鮮明的對(duì)比卻很好地統(tǒng)一在藍(lán)調(diào)子里面，還進(jìn)行了留白處理，空間感、光感強(qiáng)烈。
4網(wǎng)頁(yè)的圖形設(shè)計(jì)
在快節(jié)奏忙碌的現(xiàn)代生活環(huán)境中，廣告遍布大街小巷，人們已經(jīng)無(wú)暇一一看廣告的文字內(nèi)容，廣告的圖形設(shè)計(jì)也變得很重要。同樣，網(wǎng)頁(yè)設(shè)計(jì)也進(jìn)入了讀圖的時(shí)代，電商網(wǎng)頁(yè)圖形設(shè)計(jì)一方面直接展示產(chǎn)品或相關(guān)信息、技術(shù)來(lái)促使消費(fèi)者購(gòu)買(mǎi)，同時(shí)也滿足消費(fèi)者審美的心理需求，增加親切感。產(chǎn)品圖片的拍攝質(zhì)量非常重要，加上后期修圖就能夠表現(xiàn)非凡品質(zhì)。攝影圖片和素材組合設(shè)計(jì)在網(wǎng)頁(yè)中的面積和比重相對(duì)于化妝品電商網(wǎng)頁(yè)來(lái)說(shuō)尤為重要。點(diǎn)線面在網(wǎng)頁(yè)設(shè)計(jì)中的需結(jié)合得恰到好處。一個(gè)漢字、一個(gè)按鈕、一個(gè)標(biāo)志都是一個(gè)點(diǎn)。點(diǎn)的形狀、方向、大小、位置、聚集、發(fā)散，都能給人帶來(lái)不同的心理感受。線是點(diǎn)的軌跡，起到強(qiáng)調(diào)、分割頁(yè)面結(jié)構(gòu)，引導(dǎo)視覺(jué)流程的作用。不同方向、長(zhǎng)度、寬度、形態(tài)的線性會(huì)給人不同的感受。面的交替使用、合理分割，能使頁(yè)面產(chǎn)生井然有序的和諧效果。例如，相宜本草（圖4）的幾套代表性的系列套裝就較好的結(jié)合了點(diǎn)線面的設(shè)計(jì)，以線相連，讓畫(huà)面之間有了聯(lián)系，誘導(dǎo)消費(fèi)者的視覺(jué)自然轉(zhuǎn)移，優(yōu)惠價(jià)的文字突出作為互補(bǔ)色對(duì)比，格外耀眼，這個(gè)就是點(diǎn)的延伸。圓旁的細(xì)虛線使得產(chǎn)品層次更加豐富。
5網(wǎng)頁(yè)的色彩設(shè)計(jì)
信息時(shí)代的網(wǎng)頁(yè)不再局限于簡(jiǎn)單的圖文搭配，制作個(gè)性精美、過(guò)目不忘的頁(yè)面需要設(shè)計(jì)者不僅要掌握基本的網(wǎng)頁(yè)制作技術(shù)，還要掌握色彩搭配等藝術(shù)修養(yǎng)。美麗豐富、色彩協(xié)調(diào)的搭配能引發(fā)受眾的情感共鳴和無(wú)限遐想。色相、明度、純度三個(gè)要素構(gòu)成變化多樣的色彩，色彩原理對(duì)于網(wǎng)頁(yè)設(shè)計(jì)是至關(guān)重要的。色彩在電商網(wǎng)頁(yè)設(shè)計(jì)中占有很大的比例。在網(wǎng)頁(yè)設(shè)計(jì)中，色彩給瀏覽者帶來(lái)的視覺(jué)沖擊力形成了網(wǎng)頁(yè)設(shè)計(jì)的第一印象，其表現(xiàn)力直接影響到形式的統(tǒng)一與美觀。很多成功網(wǎng)站的色彩搭配令人耳目一新，探索色彩在網(wǎng)頁(yè)設(shè)計(jì)中的搭配規(guī)律也特別重要。利用色彩進(jìn)行信息組織、區(qū)域劃分與識(shí)別，便于瀏覽者操作和分辨，減少認(rèn)知負(fù)荷。對(duì)主體內(nèi)容進(jìn)行必要的忘掉，使網(wǎng)頁(yè)內(nèi)容層次分明、條理清晰和色彩均衡。利用美觀合理的色彩搭配吸引受眾在網(wǎng)頁(yè)上的停留時(shí)間，激發(fā)興趣。不同的色彩在我們的日常生活、審美取向中有不同的感情和象征意義。例如，化妝品網(wǎng)站基本上喜歡用紅色、粉紅、紫色、金色或綠色，象征女性的柔美如花或者是天然草本萃取。除了這些色彩運(yùn)用外，還要注意黑白灰、金、銀等萬(wàn)能色，如純度較高的網(wǎng)站可以搭配黑色，調(diào)節(jié)和均衡其明度效果。同時(shí)我們要避免網(wǎng)站大塊面的色彩或者文字、圖片信息內(nèi)容，要適當(dāng)留白，給受眾透氣、舒暢的心理感受。綜上所述，化妝品電商的網(wǎng)頁(yè)設(shè)計(jì)涉及的視覺(jué)元素必須要在合理規(guī)劃網(wǎng)站布局的基礎(chǔ)之上，對(duì)文字、圖形、色彩進(jìn)行合理布局和排版。在設(shè)計(jì)過(guò)程中，設(shè)計(jì)師必須遵循圖形設(shè)計(jì)的形式美法則，才能設(shè)計(jì)出更合理更美觀的信息傳達(dá)形式?；瘖y品電商網(wǎng)站都是愛(ài)美之人經(jīng)常光顧的電商網(wǎng)站，對(duì)其設(shè)計(jì)美的要求如化妝品功效一樣期待才會(huì)促進(jìn)銷(xiāo)售購(gòu)買(mǎi)。因此，化妝品網(wǎng)站的設(shè)計(jì)是美的形式對(duì)設(shè)計(jì)者的挑戰(zhàn)，要能使受眾群體對(duì)產(chǎn)品產(chǎn)生良好的形象記憶，以達(dá)到網(wǎng)站主題內(nèi)容的設(shè)計(jì)目的，從而產(chǎn)生良好的商業(yè)銷(xiāo)售循環(huán)。
作者：董亞平 單位：無(wú)錫工藝職業(yè)技術(shù)學(xué)院
