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

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

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

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

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

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

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

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

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

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

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

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

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

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