洪夢(mèng)晗，戴冰

（上饒師范學(xué)院 美術(shù)與設(shè)計(jì)學(xué)院，江西 上饒，334001）

垂直化電商導(dǎo)購(gòu)網(wǎng)站服飾類(lèi)用戶(hù)界面視覺(jué)設(shè)計(jì)研究

洪夢(mèng)晗，戴冰

（上饒師范學(xué)院 美術(shù)與設(shè)計(jì)學(xué)院，江西 上饒，334001）

文章通過(guò)探究視覺(jué)設(shè)計(jì)對(duì)導(dǎo)購(gòu)網(wǎng)站的價(jià)值和作用，進(jìn)而研究網(wǎng)站頁(yè)面構(gòu)成、設(shè)計(jì)要點(diǎn)和設(shè)計(jì)要素，最后以案例分析闡釋垂直化電商導(dǎo)購(gòu)網(wǎng)站服飾類(lèi)用戶(hù)界面視覺(jué)設(shè)計(jì)方法。由案例分析可知，視覺(jué)設(shè)計(jì)對(duì)導(dǎo)購(gòu)平臺(tái)的作用凸顯，因此設(shè)計(jì)師要在導(dǎo)航、布局、字體、風(fēng)格、元素、色彩六個(gè)方面獨(dú)具匠心，提升垂直化電商導(dǎo)購(gòu)網(wǎng)站服飾類(lèi)用戶(hù)界面的視覺(jué)影響力。

垂直化電商；服飾類(lèi)導(dǎo)購(gòu)；導(dǎo)購(gòu)網(wǎng)站；用戶(hù)界面；視覺(jué)設(shè)計(jì)

隨著電子商務(wù)的發(fā)展，導(dǎo)購(gòu)網(wǎng)站的出現(xiàn)，“垂直化”的概念逐漸成為新時(shí)代電子商務(wù)網(wǎng)站探索的方向。它能夠深入而精確地收集商品信息，將好評(píng)度高的商品推送給目標(biāo)人群，吸引更多的消費(fèi)者進(jìn)行購(gòu)物。為實(shí)現(xiàn)這一目的，網(wǎng)站的視覺(jué)設(shè)計(jì)逐漸受到重視，從服務(wù)于營(yíng)銷(xiāo)向服務(wù)于運(yùn)營(yíng)轉(zhuǎn)化，提高網(wǎng)站服務(wù)質(zhì)量，滿(mǎn)足消費(fèi)者更高層次的消費(fèi)體驗(yàn)。本文研究垂直化電商導(dǎo)購(gòu)網(wǎng)站服飾類(lèi)用戶(hù)界面視覺(jué)設(shè)計(jì)，希望為解決同類(lèi)問(wèn)題提供有益經(jīng)驗(yàn)。

一、視覺(jué)設(shè)計(jì)對(duì)導(dǎo)購(gòu)網(wǎng)站的價(jià)值和作用

垂直化電商導(dǎo)購(gòu)網(wǎng)站服飾類(lèi)用戶(hù)界面視覺(jué)設(shè)計(jì)是目前網(wǎng)頁(yè)領(lǐng)域中最常見(jiàn)的視覺(jué)設(shè)計(jì)形式。在電子商務(wù)時(shí)代，電商領(lǐng)域的快速發(fā)展促進(jìn)了網(wǎng)站視覺(jué)設(shè)計(jì)研究的興起，作為用戶(hù)增幅最快的服飾類(lèi)電商，是網(wǎng)頁(yè)設(shè)計(jì)最常見(jiàn)的一塊領(lǐng)域。垂直化電商導(dǎo)購(gòu)網(wǎng)站服飾類(lèi)用戶(hù)界面視覺(jué)設(shè)計(jì)通過(guò)視覺(jué)形象、排版方式、圖形、色彩等等要素幫助消費(fèi)者快速認(rèn)知所瀏覽的服飾類(lèi)電商平臺(tái)，以便于消費(fèi)者查找到自己希望購(gòu)買(mǎi)到的商品。隨著商品銷(xiāo)售環(huán)節(jié)用戶(hù)的細(xì)分化，在視覺(jué)上設(shè)計(jì)師們也要考慮到劃分年齡、購(gòu)買(mǎi)能力、性別等等細(xì)分元素的應(yīng)用，使設(shè)計(jì)出來(lái)的視覺(jué)符號(hào)能夠直接起到刺激消費(fèi)者進(jìn)行購(gòu)買(mǎi)的作用。

（一）作用

視覺(jué)形象是消費(fèi)者瀏覽電商網(wǎng)頁(yè)時(shí)第一個(gè)印象，在電商銷(xiāo)售模式逐漸同質(zhì)化的今天，電商用戶(hù)將更多的財(cái)力與精力投入到版面設(shè)計(jì)中去，以尋求電商界面的異質(zhì)化。好的頁(yè)面設(shè)計(jì)會(huì)吸引消費(fèi)者的注意力，以提高用戶(hù)的交互能力，合理的操作度會(huì)讓消費(fèi)者擁有較高的體驗(yàn)感，風(fēng)格化、人性化的設(shè)計(jì)會(huì)使用戶(hù)獲得前所未有的新鮮感，從某種層面上提高了服務(wù)。

（二）價(jià)值

1.商業(yè)價(jià)值

電商平臺(tái)的視覺(jué)設(shè)計(jì)決定著兩個(gè)必要因素。一是消費(fèi)者的瀏覽行為，瀏覽網(wǎng)頁(yè)是逗留的時(shí)間越長(zhǎng)越會(huì)造成購(gòu)買(mǎi)行為。其次也是最主要的就是消費(fèi)者的購(gòu)買(mǎi)行為。所以網(wǎng)頁(yè)的視覺(jué)設(shè)計(jì)應(yīng)該涉及兩個(gè)方面，一方面是盡可能的讓消費(fèi)者對(duì)頁(yè)面感興趣，完善頁(yè)面的服務(wù)、進(jìn)行頁(yè)面的美化、增加用戶(hù)感興趣的內(nèi)容、簡(jiǎn)化操作難度，使得用戶(hù)能夠在頁(yè)面停留更長(zhǎng)的時(shí)間。另一方面，進(jìn)一步實(shí)現(xiàn)網(wǎng)站自身價(jià)值，通過(guò)優(yōu)惠、推廣等方式增加成交量。

2.文化價(jià)值

電商平臺(tái)具有多重身份，不僅是商品的銷(xiāo)售平臺(tái)，也是商品的推廣平臺(tái)。好的電商平臺(tái)的設(shè)計(jì)不僅有著巨大的商業(yè)價(jià)值，還會(huì)建立其特有的文化符號(hào)和傳播渠道。因此，好的視覺(jué)設(shè)計(jì)會(huì)對(duì)電商平臺(tái)的消費(fèi)者們產(chǎn)生深遠(yuǎn)的影響。讓用戶(hù)體會(huì)設(shè)計(jì)者傳播的正能量、主流價(jià)值觀，給用戶(hù)以認(rèn)真負(fù)責(zé)的態(tài)度及信賴(lài)感。在傳播商品的價(jià)值之外的這種用戶(hù)體驗(yàn)是非常必要的。

>圖1 天貓hardlyevers旗艦店首頁(yè)

>圖2 天貓hardlyevers旗艦店商品列表頁(yè)

>圖3 天貓hardlyevers旗艦店產(chǎn)品詳情頁(yè)1

>圖4 天貓hardlyevers旗艦店產(chǎn)品詳情頁(yè)2

>圖5 天貓hardlyevers旗艦店產(chǎn)品詳情頁(yè)3

3.藝術(shù)價(jià)值

隨著現(xiàn)代社會(huì)對(duì)于審美要求的提高，好的電商平臺(tái)網(wǎng)站的視覺(jué)設(shè)計(jì)直接影響了消費(fèi)者購(gòu)物的心情。如果商品能夠和藝術(shù)很好結(jié)合，勢(shì)必會(huì)增加商品的附加價(jià)值。維護(hù)好的視覺(jué)形象是刺激經(jīng)濟(jì)繁榮、豐富人們生活的重要手段之一，所以，打造好的視覺(jué)形象設(shè)計(jì)無(wú)疑是電商平臺(tái)必要的舉措。

二、網(wǎng)站頁(yè)面構(gòu)成及設(shè)計(jì)要點(diǎn)分析

（一）首頁(yè)

首頁(yè)是電商平臺(tái)給予用戶(hù)的第一印象，當(dāng)用戶(hù)點(diǎn)擊進(jìn)入電商界面的時(shí)候最顯眼、最開(kāi)頭的部分就是首頁(yè)。當(dāng)用戶(hù)瀏覽完首頁(yè)的內(nèi)容之后就會(huì)對(duì)該網(wǎng)頁(yè)有了一個(gè)大致的判斷，經(jīng)過(guò)判斷用戶(hù)能夠接受首頁(yè)的內(nèi)容才會(huì)繼續(xù)瀏覽該頁(yè)面，因此，首頁(yè)的視覺(jué)設(shè)計(jì)至關(guān)重要。垂直化的電商平臺(tái)不需要迎合所有消費(fèi)者的消費(fèi)習(xí)慣，能明顯的標(biāo)記出自己的特征，在特定的范圍內(nèi)讓特有的消費(fèi)群體尋找到即可。

首頁(yè)更像是一個(gè)人的簡(jiǎn)歷，能夠讓受眾快速識(shí)別是不是他找的那一款。所以首頁(yè)的頁(yè)面首先要向受眾展示網(wǎng)站的logo、clour、slogen等等顯著內(nèi)容，受眾通過(guò)對(duì)于首頁(yè)的第一印象識(shí)別出商品是否符合他們的價(jià)值觀、消費(fèi)觀等等內(nèi)容，進(jìn)而進(jìn)行瀏覽和消費(fèi)。如圖1網(wǎng)店首頁(yè)的服裝風(fēng)格為“嘻哈新宿風(fēng)”，標(biāo)題上單獨(dú)放置了加大碼的選項(xiàng)按鈕，說(shuō)明了商品是針對(duì)具有肥胖體型又追求時(shí)尚裝扮的年輕人。首頁(yè)主要突出了男裝的搭配，說(shuō)明該網(wǎng)站主打男裝品牌。服裝品牌的logo和風(fēng)格如此顯眼、明確，使得此網(wǎng)店在全網(wǎng)搜索中占有一席之地，讓受眾迅速的找準(zhǔn)要搜索的內(nèi)容。另外在首頁(yè)中的顯眼位置體現(xiàn)了促銷(xiāo)、免郵等優(yōu)惠政策也會(huì)更加促進(jìn)瀏覽網(wǎng)頁(yè)受眾的購(gòu)買(mǎi)欲望。

（二）商品列表頁(yè)

商品列表頁(yè)是展現(xiàn)該網(wǎng)店收錄的所有類(lèi)似商品的瀏覽目錄，類(lèi)似導(dǎo)購(gòu)的形式的一種展現(xiàn)。圖2展示的是加大碼的商品目錄類(lèi)下網(wǎng)站的內(nèi)容，產(chǎn)品內(nèi)容更加統(tǒng)一，讓消費(fèi)者一目了然，通過(guò)對(duì)商品列表頁(yè)的瀏覽可以了解該類(lèi)目下所有商品的展示。由圖2可以看出在加大碼的類(lèi)目下所有產(chǎn)品的左下角都加上了plus size的標(biāo)識(shí)，更加精準(zhǔn)的展現(xiàn)產(chǎn)品的特點(diǎn)，使此類(lèi)型的消費(fèi)者一目了然，設(shè)計(jì)風(fēng)格統(tǒng)一，也使得消費(fèi)者能更好的選擇服飾的顏色和風(fēng)格。此類(lèi)頁(yè)面需要設(shè)計(jì)師進(jìn)行精心的排版，凸顯產(chǎn)品特性的同時(shí)使得頁(yè)面整體更加美觀、和諧，便于消費(fèi)者搜索與查找。

（三）產(chǎn)品詳情頁(yè)

當(dāng)用戶(hù)需要了解更多某一具體商品信息的時(shí)候會(huì)點(diǎn)擊進(jìn)入產(chǎn)品詳情頁(yè)。所謂詳情即將產(chǎn)品信息更加詳細(xì)和準(zhǔn)確的表達(dá)給受眾，從而增加消費(fèi)者購(gòu)買(mǎi)的信心（圖3、圖4、圖5）。商品的細(xì)節(jié)描述是為了彌補(bǔ)電商平臺(tái)的弱點(diǎn)，消費(fèi)者不能親自試穿，增加了諸多細(xì)節(jié)的展示，如尺碼的選擇、布料的細(xì)節(jié)、裁剪的工藝、模特的試穿多面圖，從各個(gè)方位展現(xiàn)產(chǎn)品的特性，更好的解答受眾的疑惑，增加了消費(fèi)者購(gòu)買(mǎi)的信心。商品信息瀏覽之后，是已購(gòu)買(mǎi)者的真實(shí)評(píng)價(jià)，可以供未購(gòu)買(mǎi)者了解到透明的公開(kāi)信息，以便于購(gòu)買(mǎi)者對(duì)是否購(gòu)買(mǎi)此商品做進(jìn)一步的判斷。

（四）資訊/專(zhuān)題頁(yè)

時(shí)尚資訊最常出現(xiàn)于時(shí)尚雜志、書(shū)刊等傳統(tǒng)平面媒體之中，對(duì)于版面和時(shí)效性的要求限制了時(shí)尚資訊的發(fā)展。當(dāng)全民電商時(shí)代來(lái)臨網(wǎng)絡(luò)視覺(jué)設(shè)計(jì)賦予電商網(wǎng)站更多的功能。時(shí)尚資訊也能突破以往模式找到新的出口。

服飾類(lèi)電商網(wǎng)站的視覺(jué)設(shè)計(jì)的時(shí)尚專(zhuān)題可以不受版面空間制約，可以增加排版篇幅，也可根據(jù)喜好讓用戶(hù)挑選出最喜歡的內(nèi)容。不同于傳統(tǒng)的平面媒體，電商網(wǎng)站網(wǎng)絡(luò)視覺(jué)設(shè)計(jì)的時(shí)尚資訊和專(zhuān)題不僅能夠?yàn)橛脩?hù)提供最具時(shí)效性的圖文資訊又能搭配鏈接可讓消費(fèi)者快捷的找到購(gòu)買(mǎi)渠道。用戶(hù)在瀏覽時(shí)尚資訊的時(shí)候可以直接鏈接到資訊中所展示的服裝，得以讓用戶(hù)輕松購(gòu)買(mǎi)。

（五）活動(dòng)/促銷(xiāo)頁(yè)

由于目前電商競(jìng)爭(zhēng)激烈，尤其是在大型的消費(fèi)節(jié)日，如雙十一、“6·18”年中大促等等，為促成消費(fèi)者的購(gòu)買(mǎi)、增加用戶(hù)黏性，網(wǎng)站通常會(huì)推出一系列的促銷(xiāo)優(yōu)惠活動(dòng)?；顒?dòng)和促銷(xiāo)頁(yè)面一般為臨時(shí)性、單一的信息頁(yè)面，只在活動(dòng)中出現(xiàn)。所以在這個(gè)有限的活動(dòng)期限內(nèi)應(yīng)當(dāng)更加理性的向用戶(hù)全方位展現(xiàn)活動(dòng)信息等內(nèi)容。活動(dòng)頁(yè)面的目的性很強(qiáng)，設(shè)計(jì)者應(yīng)該分類(lèi)別全方位的展示活動(dòng)內(nèi)容，以便于更多的用戶(hù)參與，從而達(dá)到促成消費(fèi)的目的。

三、網(wǎng)站用戶(hù)界面設(shè)計(jì)要素分析

（一）導(dǎo)航

由于近幾年垂直電商平臺(tái)規(guī)模的逐步擴(kuò)大，很多電商平臺(tái)的信息成幾何趨勢(shì)增長(zhǎng)，在日益繁瑣的電商瀏覽中，導(dǎo)航至關(guān)重要。一旦導(dǎo)航設(shè)計(jì)過(guò)于繁瑣，用戶(hù)將迷失在茫茫的信息之中而無(wú)法精準(zhǔn)找到自己需要的產(chǎn)品。由于網(wǎng)站版面的限制用戶(hù)并不能全面的掌握頁(yè)面的整體，導(dǎo)航必須時(shí)刻出現(xiàn)在頁(yè)面之中幫助用戶(hù)來(lái)進(jìn)行瀏覽，所以導(dǎo)航的設(shè)計(jì)通常采用不影響頁(yè)面瀏覽的位置，又能根據(jù)瀏覽的狀況時(shí)刻懸浮在網(wǎng)頁(yè)之上。顏色清晰，便于用戶(hù)識(shí)別和選擇。

（二）布局

布局的設(shè)計(jì)主要體現(xiàn)在以下幾個(gè)方面：首先要讓用戶(hù)清晰的感受到信息的分類(lèi)，通過(guò)產(chǎn)品信息的分類(lèi)可以快速、準(zhǔn)確的找到自己想要的產(chǎn)品；其次，通過(guò)將路徑隱藏在頁(yè)面的信息分類(lèi)中，引導(dǎo)受眾按照路徑所設(shè)計(jì)的路線(xiàn)便捷快速的查找到產(chǎn)品；最后，在頁(yè)面布局上添加合理設(shè)計(jì)，突出網(wǎng)店特色和風(fēng)格，強(qiáng)化視覺(jué)標(biāo)識(shí)，加強(qiáng)用戶(hù)對(duì)網(wǎng)店的視覺(jué)印象。

（三）字體

>圖6 Yoho!Buy官網(wǎng)首頁(yè)

>圖7 Yoho!Buy官網(wǎng)商品列表頁(yè)1

>圖8 Yoho!Buy官網(wǎng)商品列表頁(yè)2

>圖9 Yoho!Buy官網(wǎng)產(chǎn)品詳情頁(yè)

>圖10 Yoho!Buy官網(wǎng)資訊專(zhuān)題頁(yè)

>圖11 Yoho!Buy官網(wǎng)活動(dòng)促銷(xiāo)頁(yè)

>圖12 Yoho!Buy官網(wǎng)所使用的字體

>圖13 Yoho!Buy官網(wǎng)顏色風(fēng)格

電商網(wǎng)站的頁(yè)面設(shè)計(jì)主要由兩部分元素構(gòu)成，一是圖片的設(shè)計(jì)，二是文字的設(shè)計(jì)。電商網(wǎng)站的最終目的是銷(xiāo)售產(chǎn)品，如果只注重畫(huà)面的美感，增加圖片視覺(jué)的占比，強(qiáng)調(diào)網(wǎng)站設(shè)計(jì)的藝術(shù)性，便失去的電商網(wǎng)站設(shè)計(jì)的根本意義。文字元素，是電商網(wǎng)站頁(yè)面設(shè)計(jì)中的理性存在。簡(jiǎn)單明了的文字介紹，是對(duì)產(chǎn)品特性的概括說(shuō)明，會(huì)增強(qiáng)消費(fèi)者對(duì)于產(chǎn)品的了解和信任，從而增加產(chǎn)品的成交量。在文字元素的使用中，應(yīng)當(dāng)注意文字的去藝術(shù)化，便于消費(fèi)者的理解和閱讀。

（四）風(fēng)格

風(fēng)格是一種抽象的表達(dá)方式，是設(shè)計(jì)符號(hào)的集中體現(xiàn)，風(fēng)格是服務(wù)于內(nèi)容的，幫助消費(fèi)者快速找到自己的定位。風(fēng)格是一家網(wǎng)絡(luò)電商產(chǎn)品樣式的集中體現(xiàn)。設(shè)計(jì)風(fēng)格取決于對(duì)產(chǎn)品的定位。設(shè)計(jì)者應(yīng)當(dāng)針對(duì)產(chǎn)品特性，設(shè)計(jì)出相應(yīng)風(fēng)格特色的平臺(tái)界面。好的設(shè)計(jì)者應(yīng)該根據(jù)電商所設(shè)計(jì)出的產(chǎn)品進(jìn)行電商網(wǎng)站風(fēng)格界面的風(fēng)格設(shè)計(jì)，做到讓受眾一目了然，快速認(rèn)知到符合自己審美的電商產(chǎn)品。

四、Yoho有貨網(wǎng)頁(yè)板塊及設(shè)計(jì)要素分析

Yoho創(chuàng)立于2005年，是目前中國(guó)乃至全球頗具影響力的潮流文化傳播平臺(tái)之一，集合了產(chǎn)品的銷(xiāo)售和推廣的電商平臺(tái)。Yoho專(zhuān)注于中國(guó)潮流產(chǎn)業(yè)的發(fā)展，致力成為中國(guó)潮流生態(tài)圈的領(lǐng)導(dǎo)者。

（一）板塊及其設(shè)計(jì)分析

1.首頁(yè)

首頁(yè)的分類(lèi)非常清晰明確，將產(chǎn)品進(jìn)行了非常有效的分類(lèi)，男裝、女裝、童裝的劃分。Logo鮮明且不喧賓奪主，讓瀏覽的受眾能產(chǎn)生深刻的印象。變換的推廣頁(yè)每一頁(yè)都展現(xiàn)了Yoho的風(fēng)格特點(diǎn)，鮮明奪目。（圖6）

2.商品列表頁(yè)

產(chǎn)品列表結(jié)構(gòu)清晰，采用動(dòng)態(tài)效果處理，鼠標(biāo)所到之處彈出相關(guān)產(chǎn)品列表。按照項(xiàng)目、類(lèi)目、品牌分層展現(xiàn)，既美觀又快捷。將性別、顏色、價(jià)格區(qū)間、品牌、版型、經(jīng)典款型全部列出，便于用戶(hù)搜索。（圖7、圖8）

3.產(chǎn)品詳情頁(yè)

精細(xì)的展現(xiàn)產(chǎn)品的各項(xiàng)指標(biāo)和模特圖，表現(xiàn)的風(fēng)格統(tǒng)一與設(shè)計(jì)頁(yè)面協(xié)調(diào)自然。所有商品信息整合。商品信息為可切換模式，節(jié)省空間，尺碼信息全網(wǎng)板塊統(tǒng)一，增強(qiáng)專(zhuān)業(yè)度和可信度，以及降低用戶(hù)瀏覽的學(xué)習(xí)難度。（圖9）

4.資訊/專(zhuān)題頁(yè)

資訊和專(zhuān)題在“逛”目錄下展現(xiàn)。按照時(shí)間排序發(fā)布，搭配，達(dá)人等分類(lèi)，每一篇文章介紹了標(biāo)題，摘要，封面圖，類(lèi)似電子雜志的展現(xiàn)形式。（圖10）

5.活動(dòng)/促銷(xiāo)頁(yè)

Yoho的活動(dòng)促銷(xiāo)頁(yè)面可謂是十分的簡(jiǎn)潔，與首頁(yè)推送完美的結(jié)合在了一起，點(diǎn)開(kāi)之后也并沒(méi)有出現(xiàn)復(fù)雜的活動(dòng)參與的繁瑣頁(yè)面，一股設(shè)計(jì)清流撲面而來(lái)。（圖11）

（二）設(shè)計(jì)要素分析

1.導(dǎo)航

Yoho的導(dǎo)航使用與背景相反的黑色突出了根目錄的類(lèi)別，又用紅色標(biāo)記出促銷(xiāo)或者力推的產(chǎn)品，既讓人一目了然又突出了重點(diǎn)。

2.布局

Yoho的布局有繁有簡(jiǎn)，首頁(yè)推廣促銷(xiāo)活動(dòng)，在隨后的頁(yè)面中推廣重點(diǎn)產(chǎn)品，在之后的頁(yè)面中以類(lèi)別為中心分別適當(dāng)展開(kāi)給人以引導(dǎo)的作用。

3.字體

在扁平化文字大行其道的今天，Yoho大面積使用，使文字與圖片完美結(jié)合，形成獨(dú)具風(fēng)格的標(biāo)志，與其出售商品風(fēng)格相契合。在按鈕的文字設(shè)計(jì)上采取了最簡(jiǎn)單、最易識(shí)別的宋體。（圖12）

4.風(fēng)格

顏色上采取最流行的漸變色點(diǎn)綴以及大面積的黑白灰，甚至明亮的跳躍色來(lái)打造時(shí)尚的風(fēng)格，與Yoho品牌風(fēng)格相適應(yīng)。（圖13）

五、結(jié)論

隨著人們生活水平的不斷提高以及越來(lái)越多電商平臺(tái)的出現(xiàn)，人們?cè)絹?lái)越重視電商頁(yè)面的視覺(jué)審美感受。通過(guò)這些美觀的、人性化的視覺(jué)設(shè)計(jì)，受眾改變了他們的銷(xiāo)售習(xí)慣，進(jìn)而改變了他們的生活習(xí)慣和審美習(xí)慣。由此看出垂直化電商導(dǎo)購(gòu)網(wǎng)站服飾類(lèi)用戶(hù)界面視覺(jué)設(shè)計(jì)的重要性，不僅改變了人們的審美也改變了人們的生活?！?/p>

圖1－5：來(lái)源于天貓hardlyevers旗艦店

圖6－13：來(lái)源于天貓Yoho!Buy官網(wǎng)

[1] 吳文治.京東劉強(qiáng)東：標(biāo)準(zhǔn)化垂直電商的出路[J].中國(guó)商貿(mào)，2012（30）：12-13.

[2] 楊君君.“新一代垂直電商”光環(huán)下的隱憂(yōu)[J].中國(guó)制衣，2014（9）：67-68.

[3] 孟文怡.淺談網(wǎng)絡(luò)電子商務(wù)的網(wǎng)頁(yè)視覺(jué)設(shè)計(jì)[J].美與時(shí)代·城市，2013（5）：68-69.

[4] 李三山.基于可用性的電子商務(wù)網(wǎng)站頁(yè)面布局位置效應(yīng)研究[J].消費(fèi)導(dǎo)刊，2010（3）：205-206.

[5] 李軍.駱駝服飾旗艦店網(wǎng)頁(yè)設(shè)計(jì)[J].工業(yè)設(shè)計(jì)，2015（7）：51-52.

[6] 馬韻，李芹.淺談網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的現(xiàn)狀與發(fā)展趨勢(shì)[J].藝術(shù)科技，2013（12）：48-49.

[7] 趙志茹，張尼奇.網(wǎng)頁(yè)中導(dǎo)航系統(tǒng)的設(shè)計(jì)[J].西江月，2013（8）：42.

[8] 吳忠慧.國(guó)內(nèi)電子商務(wù)網(wǎng)站的視覺(jué)設(shè)計(jì)分析[J].現(xiàn)代裝飾（理論），2015（1）：23.

[9] 朱華杰，蘇然.電商視覺(jué)營(yíng)銷(xiāo)（成功電商之路系列）[M].北京：電子工業(yè)出版社，2014.

[10] 蒲波.色彩在網(wǎng)頁(yè)設(shè)計(jì)中的作用[J].藝術(shù)科技，2013（2）：5-6.

Research on the Visual Design of the Vertical Electric Business Shopping Guide Website

HONG Meng-han, DAI Bing
( School of Art and Design, Shangrao Normal University, Shangrao 334001,China )

Through the study of the visual design on the value and function of the shopping site, and then study the web page constitute, design points and design elements. Finally, case analysis interpretation of vertical electric business guide clothing website visual user interface design method.By the case analysis shows that highlights the role of visual design to guide platform, so the designer to in navigation, layout, font, style, elements, color six aspects of originality, to enhance the vertical electric business guide clothing website user interface of visual impact.

vertical electricity suppliers; fashion shopping guide; shopping guide website; user interface; visual design

Internet :www.artdesign.org.cn

檢 索 :www.artdesign.org.cn

TP302

A

1008-2832（2017）12-0049-03