化妝品電子商務(wù)網(wǎng)頁設(shè)計探討

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了化妝品電子商務(wù)網(wǎng)頁設(shè)計探討范文，希望能給你帶來靈感和參考，敬請閱讀。

隨著我國國民經(jīng)濟的快速發(fā)展和信息化水平的不斷提高，電子商務(wù)在全國范圍得到了普及，對人們的購物消費模式有了顯著的影響。電子商務(wù)是以現(xiàn)代電子工具和信息網(wǎng)絡(luò)技術(shù)為手段，通過以互聯(lián)網(wǎng)為主的電子交易方式進行網(wǎng)上購物、網(wǎng)上交易、在線電子支付各種商務(wù)活動相關(guān)的現(xiàn)代商業(yè)運營模式，是傳統(tǒng)商業(yè)模式的電子化、網(wǎng)絡(luò)化和信息化。電子商務(wù)具有降低交易成本、減少庫存、縮短生產(chǎn)周期、降低管理成本、提高勞動生產(chǎn)率、擴展市場范圍，更好地溝通客戶、24小時不打烊、提供個性化服務(wù)等優(yōu)勢。消費者通過網(wǎng)上看圖比貨比價購買，付款流程便利，快遞上門送貨，這種足不出戶的購物方式促使電商迅猛發(fā)展。電子商務(wù)網(wǎng)站也進入更新?lián)Q代的繁榮期，最早是企業(yè)與消費者之間的電子商務(wù)（C2C）模式的易趣網(wǎng)，再到企業(yè)與消費者之間的電子商務(wù)（B2C）模式的亞馬遜和規(guī)模最大、最普及的企業(yè)與企業(yè)之間的電子商務(wù)（B2B）、B2C、C2C綜合的阿里巴巴電商軍團，至現(xiàn)在以美團為代表的線下商務(wù)與互聯(lián)網(wǎng)之間的電子商務(wù)（O2O）模式，形成了競爭激烈的網(wǎng)絡(luò)營銷模式。國內(nèi)化妝品也跟上了電子商務(wù)的節(jié)奏，成為網(wǎng)絡(luò)銷售7大主力行業(yè)之一。國內(nèi)化妝品的線上渠道占有了上述的所有電子商務(wù)模式，隨著網(wǎng)絡(luò)消費者的日益增長，廠商也積極發(fā)展線上自營模式，和好的電商品牌合作，為客戶提供更好的產(chǎn)品和體驗，形成線上線下品牌競爭發(fā)展的良好局面。艾瑞咨詢數(shù)據(jù)報告中國化妝品零售市場相關(guān)數(shù)據(jù)，在2013年中國化妝品零售市場規(guī)模為3338.6億元，2014年超4000億，達到4044.1億元，未來五年，增長率將繼續(xù)保持在20％以上。據(jù)統(tǒng)計消費者在化妝品頁面瀏覽停留時間最長的十大品牌是卡姿蘭、歐萊雅、百雀羚、美膚寶、相宜本草、美寶蓮、玉蘭油、韓束、珀萊雅。打開這些品牌的網(wǎng)頁，每個品牌電商網(wǎng)頁設(shè)計風(fēng)格各異，產(chǎn)品突出，藝術(shù)美感動人心弦?，F(xiàn)在化妝品網(wǎng)絡(luò)消費已經(jīng)進入讀圖時代，日化銷售中電商網(wǎng)頁設(shè)計成為產(chǎn)品銷售的重要的決定因素之一。電商網(wǎng)頁設(shè)計也是平面設(shè)計在網(wǎng)絡(luò)信息時代的介質(zhì)延伸，在本文中，主要探討日化網(wǎng)頁設(shè)計的框架、版式、文字、圖形、色彩的設(shè)計。

1網(wǎng)頁的框架設(shè)計

根據(jù)日化客戶的網(wǎng)頁設(shè)計需求，進行市場調(diào)研，了解消費者需求、網(wǎng)頁風(fēng)格定位，初步規(guī)劃板塊結(jié)構(gòu)、設(shè)計具有風(fēng)格獨特和整體形象清晰的網(wǎng)站，我們可以把一個復(fù)雜的網(wǎng)站設(shè)計把大小尺寸、主次模塊進行草圖劃分和分割，劃分成相互獨立的二級導(dǎo)航，每個二級導(dǎo)航再劃分成三級、四級等子欄目的草案。購物電商網(wǎng)站的重點劃分應(yīng)該是產(chǎn)品展示，也可以把日化產(chǎn)品按功能分類變成一級導(dǎo)航重點強調(diào)，可以直接展示產(chǎn)品相關(guān)信息和圖片，讓目標(biāo)消費者迅速找到自己所需商品。其他如企業(yè)背景、客戶服務(wù)都是輔助信息。每個產(chǎn)品的頁面規(guī)劃也尤為重要，麻雀雖小五臟俱全，能夠在頁面中力求平衡，導(dǎo)航清晰，起到了一個優(yōu)秀導(dǎo)購員的作用。結(jié)構(gòu)設(shè)計規(guī)范有序且有章可循，主次關(guān)系分明是網(wǎng)站設(shè)計的重要前提，結(jié)構(gòu)設(shè)計就如同大綱，有了大綱才能對后續(xù)設(shè)計有整體的認知和把握。在此基礎(chǔ)上與客戶進行溝通與調(diào)整，根據(jù)反饋信息，進行協(xié)調(diào)修改，防止網(wǎng)頁設(shè)計大功告成卻突然結(jié)構(gòu)調(diào)動，避免費時費力，盡量做到一步到位。

2網(wǎng)頁的版式設(shè)計

網(wǎng)頁的版式設(shè)計和平面設(shè)計有很多相似之處，是根據(jù)圖文、動畫、視頻等要素有秩序、有機的組織在有限的屏幕空間，并且有一定的視覺導(dǎo)向感，能夠使視覺有主次、合理律動地在屏幕中穿梭，并且獲得輕松而美的享受。根據(jù)客戶需求，可以強化頁面整體構(gòu)成設(shè)計，為了更好地讓產(chǎn)品的功能效用和營銷廣告能被關(guān)注，需將各元素在版式編排中做整體視覺流程策劃，根據(jù)視覺運動規(guī)律來策劃，如頁面上塊面大小、色塊的互補等都會引發(fā)視覺張力，引發(fā)受眾亢奮感。在網(wǎng)頁設(shè)計主頁面的設(shè)計上，我們的視覺焦點一般在網(wǎng)頁中心點偏上的位置，人的視覺對于版面視覺的關(guān)注度一般是上部比下部強，左半部比右半部強，才引發(fā)了“國”、“同”、“T”“、川”字的網(wǎng)頁版式設(shè)計，后隨著頁面元素的強弱大小等相關(guān)規(guī)律視覺開始進行流動，最后完全吸收網(wǎng)頁。例如，百雀羚的電商設(shè)計就結(jié)合當(dāng)下和“好聲音4”的合作廣告和熱銷產(chǎn)品“年方十八”三生面膜五折熱賣等營銷廣告翻轉(zhuǎn)滾動來表現(xiàn)，其中式的紅木柜作為整體網(wǎng)頁穿插元素，表現(xiàn)了老國貨持久彌新的經(jīng)典魅力。產(chǎn)品描述中的視覺版式設(shè)計和一級頁面的版式設(shè)計差異較大，產(chǎn)品描述如上圖的分支結(jié)構(gòu)一般有十幾個小塊面構(gòu)成，如果每個小塊面單一的版式設(shè)計會引發(fā)受眾的視覺疲勞，沒有耐心看下去，從而無法吸引消費。因此，我們在產(chǎn)品描述版面構(gòu)成中要注意參考平面設(shè)計的方法，可以用直線、曲線、焦點、反復(fù)、導(dǎo)向、散點視覺流程，動靜結(jié)合、剛?cè)岵⒕C合使用。

3網(wǎng)頁的文字設(shè)計

漢字起源于象形文字，它既是字，又是畫，自古就有“字畫同源”之說。經(jīng)過長期的發(fā)展，漢字由繁到簡，由具象到抽象，成為一種規(guī)范化的符號。網(wǎng)頁的導(dǎo)航條、廣告語、網(wǎng)頁標(biāo)題、正文文字都是網(wǎng)頁信息的重要組成部分。其中為了區(qū)別正文文字，對受眾視覺進行傳播信息和視覺誘導(dǎo)，導(dǎo)航條和廣告語的設(shè)計要結(jié)合色彩、圖形著重設(shè)計，文字之間的間距、大小、行距和字體要選擇和網(wǎng)站設(shè)計風(fēng)格保持統(tǒng)一性，文字和背景要形成鮮明對比，以便突出文字內(nèi)容。同時，網(wǎng)頁設(shè)計具有交互性，文字可以設(shè)計成色彩、大小等特效的變化，增加頁面的互動性、生動性和可讀性，更加良好而準(zhǔn)確地表達文字的意義。其他標(biāo)題文字和正文文字要和諧布局，字號、色彩統(tǒng)一，忌諱色彩繁多每個頁面字體不一致。文字的設(shè)計和編排的好壞，影響到整個網(wǎng)站設(shè)計的品位和整體性。如歐萊雅，其中文字既有與圖形設(shè)計相結(jié)合的層次性，又有陰陽大小虛實變化，其文字的塊面信息只有兩塊，且面積形成鮮明的對比卻很好地統(tǒng)一在藍調(diào)子里面，還進行了留白處理，空間感、光感強烈。

4網(wǎng)頁的圖形設(shè)計

在快節(jié)奏忙碌的現(xiàn)代生活環(huán)境中，廣告遍布大街小巷，人們已經(jīng)無暇一一看廣告的文字內(nèi)容，廣告的圖形設(shè)計也變得很重要。同樣，網(wǎng)頁設(shè)計也進入了讀圖的時代，電商網(wǎng)頁圖形設(shè)計一方面直接展示產(chǎn)品或相關(guān)信息、技術(shù)來促使消費者購買，同時也滿足消費者審美的心理需求，增加親切感。產(chǎn)品圖片的拍攝質(zhì)量非常重要，加上后期修圖就能夠表現(xiàn)非凡品質(zhì)。攝影圖片和素材組合設(shè)計在網(wǎng)頁中的面積和比重相對于化妝品電商網(wǎng)頁來說尤為重要。點線面在網(wǎng)頁設(shè)計中的需結(jié)合得恰到好處。一個漢字、一個按鈕、一個標(biāo)志都是一個點。點的形狀、方向、大小、位置、聚集、發(fā)散，都能給人帶來不同的心理感受。線是點的軌跡，起到強調(diào)、分割頁面結(jié)構(gòu)，引導(dǎo)視覺流程的作用。不同方向、長度、寬度、形態(tài)的線性會給人不同的感受。面的交替使用、合理分割，能使頁面產(chǎn)生井然有序的和諧效果。例如，相宜本草（圖4）的幾套代表性的系列套裝就較好的結(jié)合了點線面的設(shè)計，以線相連，讓畫面之間有了聯(lián)系，誘導(dǎo)消費者的視覺自然轉(zhuǎn)移，優(yōu)惠價的文字突出作為互補色對比，格外耀眼，這個就是點的延伸。圓旁的細虛線使得產(chǎn)品層次更加豐富。

5網(wǎng)頁的色彩設(shè)計

信息時代的網(wǎng)頁不再局限于簡單的圖文搭配，制作個性精美、過目不忘的頁面需要設(shè)計者不僅要掌握基本的網(wǎng)頁制作技術(shù)，還要掌握色彩搭配等藝術(shù)修養(yǎng)。美麗豐富、色彩協(xié)調(diào)的搭配能引發(fā)受眾的情感共鳴和無限遐想。色相、明度、純度三個要素構(gòu)成變化多樣的色彩，色彩原理對于網(wǎng)頁設(shè)計是至關(guān)重要的。色彩在電商網(wǎng)頁設(shè)計中占有很大的比例。在網(wǎng)頁設(shè)計中，色彩給瀏覽者帶來的視覺沖擊力形成了網(wǎng)頁設(shè)計的第一印象，其表現(xiàn)力直接影響到形式的統(tǒng)一與美觀。很多成功網(wǎng)站的色彩搭配令人耳目一新，探索色彩在網(wǎng)頁設(shè)計中的搭配規(guī)律也特別重要。利用色彩進行信息組織、區(qū)域劃分與識別，便于瀏覽者操作和分辨，減少認知負荷。對主體內(nèi)容進行必要的忘掉，使網(wǎng)頁內(nèi)容層次分明、條理清晰和色彩均衡。利用美觀合理的色彩搭配吸引受眾在網(wǎng)頁上的停留時間，激發(fā)興趣。不同的色彩在我們的日常生活、審美取向中有不同的感情和象征意義。例如，化妝品網(wǎng)站基本上喜歡用紅色、粉紅、紫色、金色或綠色，象征女性的柔美如花或者是天然草本萃取。除了這些色彩運用外，還要注意黑白灰、金、銀等萬能色，如純度較高的網(wǎng)站可以搭配黑色，調(diào)節(jié)和均衡其明度效果。同時我們要避免網(wǎng)站大塊面的色彩或者文字、圖片信息內(nèi)容，要適當(dāng)留白，給受眾透氣、舒暢的心理感受。綜上所述，化妝品電商的網(wǎng)頁設(shè)計涉及的視覺元素必須要在合理規(guī)劃網(wǎng)站布局的基礎(chǔ)之上，對文字、圖形、色彩進行合理布局和排版。在設(shè)計過程中，設(shè)計師必須遵循圖形設(shè)計的形式美法則，才能設(shè)計出更合理更美觀的信息傳達形式?；瘖y品電商網(wǎng)站都是愛美之人經(jīng)常光顧的電商網(wǎng)站，對其設(shè)計美的要求如化妝品功效一樣期待才會促進銷售購買。因此，化妝品網(wǎng)站的設(shè)計是美的形式對設(shè)計者的挑戰(zhàn)，要能使受眾群體對產(chǎn)品產(chǎn)生良好的形象記憶，以達到網(wǎng)站主題內(nèi)容的設(shè)計目的，從而產(chǎn)生良好的商業(yè)銷售循環(huán)。

作者：董亞平 單位：無錫工藝職業(yè)技術(shù)學(xué)院