BABY童襪淘寶C店視覺(jué)營(yíng)銷(xiāo)設(shè)計(jì)方案

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

目錄

1BABY童襪淘寶店鋪概況......................................................................................1

1.1童襪發(fā)展現(xiàn)狀...........................................................................................1

1.2BABY童襪淘寶店鋪現(xiàn)狀..........................................................................2

2BABY童襪淘寶店視覺(jué)營(yíng)銷(xiāo)分析..........................................................................2

2.1店鋪視覺(jué)營(yíng)銷(xiāo)定位分析...........................................................................2

2.1.1店鋪產(chǎn)品定位分析.......................................................................2

2.1.2店鋪消費(fèi)者定位分析...................................................................3

2.2店鋪風(fēng)格分析...........................................................................................3

2.3店鋪色彩分析...........................................................................................3

3BABY童襪淘寶店視覺(jué)設(shè)計(jì)..................................................................................3

3.1店鋪版式設(shè)計(jì)...........................................................................................3

3.2.1首頁(yè)版式設(shè)計(jì)...............................................................................3

3.1.2產(chǎn)品詳情頁(yè)1版式設(shè)計(jì)...............................................................4

3.1.3產(chǎn)品詳情頁(yè)2版式設(shè)計(jì)...............................................................5

3.2店鋪文案策劃...........................................................................................6

3.2.1首頁(yè)文案策劃...............................................................................6

3.2.2產(chǎn)品詳情頁(yè)1文案策劃...............................................................7

3.1.3產(chǎn)品詳情頁(yè)2文案策劃...............................................................7

4BABY童襪淘寶店視覺(jué)效果制作..........................................................................7

4.1店鋪首頁(yè)效果圖制作...............................................................................8

4.1.1店招設(shè)計(jì)過(guò)程...............................................................................8

4.1.2海報(bào)制作過(guò)程...............................................................................8

4.1.3其他區(qū)域制作...............................................................................9

4.2產(chǎn)品詳情頁(yè)1效果圖制作.....................................................................10

4.2.1主副圖效果圖.............................................................................11

I

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

4.2.1產(chǎn)品詳情頁(yè)1效果圖.................................................................12

4.3產(chǎn)品詳情頁(yè)2效果圖制作.....................................................................15

4.3.1主副圖效果圖.............................................................................15

4.3.2產(chǎn)品詳情頁(yè)2效果圖.................................................................16

5總結(jié).....................................................................................................................19

參考資料.................................................................................................................20

II

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

BABY童襪淘寶C店視覺(jué)營(yíng)銷(xiāo)設(shè)計(jì)方案

1BABY童襪淘寶店鋪概況

BABY童襪淘寶c店是在2022年成立的，主要是經(jīng)營(yíng)14歲以下兒童穿的襪

子。取BABY童襪這個(gè)名字是因?yàn)閷?duì)于媽媽們來(lái)說(shuō)每個(gè)孩子都是自己獨(dú)一無(wú)二的

寶貝，一般顧客看到這個(gè)名字便會(huì)想到這是一家兒童童襪店鋪，可以精準(zhǔn)的定

位到銷(xiāo)售人群。

1.1童襪發(fā)展現(xiàn)狀

當(dāng)今社會(huì)，隨著近幾年相關(guān)政策的放開(kāi)導(dǎo)致新生兒人口數(shù)量增長(zhǎng)，人們經(jīng)

濟(jì)水平的提高以至于對(duì)童裝童襪的需求不斷的上升，前兩年在大環(huán)境下對(duì)于線(xiàn)

下實(shí)體店來(lái)說(shuō)影響較大，但是對(duì)于線(xiàn)上網(wǎng)店來(lái)說(shuō)是一個(gè)比較好的發(fā)展環(huán)境。

雖然現(xiàn)在大部分的童裝產(chǎn)品廠(chǎng)商是以線(xiàn)下實(shí)體店銷(xiāo)售為主要的渠道，但是

仍然有不少的消費(fèi)者會(huì)選擇線(xiàn)上的虛擬店鋪進(jìn)行購(gòu)買(mǎi)消費(fèi)，這就要求我們店鋪

的設(shè)計(jì)要能夠有打動(dòng)消費(fèi)者的點(diǎn)，吸引他們點(diǎn)擊購(gòu)買(mǎi)，提高店鋪的轉(zhuǎn)化率。

通過(guò)店查查瀏覽器插件可以看到，在淘寶網(wǎng)頁(yè)里面僅僅只查找關(guān)于童襪的

店鋪就有261586家，如圖1所示。關(guān)鍵詞童襪下有總共有6.03萬(wàn)件商品，

在價(jià)格方面：平均價(jià)格23.84元，最高價(jià)格89元，最低價(jià)3.2元。在銷(xiāo)量方面：

平均銷(xiāo)量6786人，最低銷(xiāo)量15人，最高銷(xiāo)量3萬(wàn)＋人，如圖2所示。其中價(jià)

格9至18元的寶貝數(shù)量和付款人數(shù)最多，36至45元次之，如圖三所示。由此

可見(jiàn)，店鋪定價(jià)方面可以從這兩個(gè)區(qū)間下手。

圖1：店查查插件數(shù)碼店鋪的數(shù)量

圖2：店查查價(jià)格和銷(xiāo)量

1

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

圖3：童襪搜索第一頁(yè)價(jià)格圖

1.2BABY童襪淘寶店鋪現(xiàn)狀

BABY童襪淘寶c店于2022年成立。新店開(kāi)張，為了吸引顧客，利用平臺(tái)新

店免費(fèi)流量在此做出不少的優(yōu)惠活動(dòng)。如除偏遠(yuǎn)地區(qū)和港澳臺(tái)地區(qū)外全國(guó)包郵，

關(guān)注店鋪即可獲得5元無(wú)門(mén)檻優(yōu)惠券（限指定商品）；店鋪首頁(yè)設(shè)置3~10元的

優(yōu)惠券領(lǐng)取區(qū)域；支持7天無(wú)理由退換貨；部分商品贈(zèng)送運(yùn)費(fèi)險(xiǎn)；店鋪活動(dòng)時(shí)

間二〇二二年十二月八日至二〇二二年十二月十七日。

2BABY童襪淘寶店視覺(jué)營(yíng)銷(xiāo)分析

一個(gè)好的網(wǎng)店不僅要有好的產(chǎn)品，也要有好的視覺(jué)營(yíng)銷(xiāo)設(shè)計(jì)，首先要對(duì)整

體的店鋪要有一個(gè)分析，找準(zhǔn)定位和營(yíng)銷(xiāo)方向，這樣才能在設(shè)計(jì)時(shí)有大概的一

個(gè)色彩和風(fēng)格，方便后續(xù)設(shè)計(jì)是有更好的思路和靈感

2.1店鋪視覺(jué)營(yíng)銷(xiāo)定位分析

BABY童襪淘寶店的產(chǎn)品主要是以14歲以下兒童的襪子為主，而購(gòu)買(mǎi)這類(lèi)產(chǎn)

品的基本為女性年齡在20~40歲之間，月收入在三千五以下，以二線(xiàn)城市的消

費(fèi)者居多，因?yàn)榻?jīng)營(yíng)的童襪店鋪，產(chǎn)品也是顏色比較多，所以在我們店鋪色彩

方面選擇暖色系為主，設(shè)計(jì)方面會(huì)添加比較童趣的元素。

2.1.1店鋪產(chǎn)品定位分析

店鋪主營(yíng)的兒童襪子，也算是有孩家庭生活的必需品，這就會(huì)要求產(chǎn)品不

能脫離實(shí)際的需求。在家長(zhǎng)買(mǎi)寶寶貼身衣物的時(shí)候，第一個(gè)看的就是質(zhì)量和材

質(zhì)，寶寶穿上是否舒適，其次就是價(jià)格，因?yàn)榈赇伇旧砭筒皇亲咧懈叨说钠放?/p>

2

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

路線(xiàn)，價(jià)格低一點(diǎn)會(huì)更符合消費(fèi)者的心里預(yù)期。

2.1.2店鋪消費(fèi)者定位分析

由于本店銷(xiāo)售的是童襪，主要的目標(biāo)客戶(hù)群是有小孩的父母，因?yàn)橐话慵?/p>

中帶小孩的是媽媽?zhuān)源蟛糠质桥?，收入不高，主要在二線(xiàn)城市工作，沒(méi)

有時(shí)間逛實(shí)體店鋪，以線(xiàn)上消費(fèi)為主。從職業(yè)上來(lái)看，大多是公司職員、個(gè)體

經(jīng)營(yíng)和服務(wù)人員，年齡集中在26至30歲、31至35歲。這類(lèi)人群對(duì)于寶寶的衣

食住行方面還是很操心的。

2.2店鋪風(fēng)格分析

時(shí)代的快速發(fā)展，社會(huì)也在不斷的進(jìn)步，但不變的永遠(yuǎn)是那顆愛(ài)著孩子的

心，所以在店鋪的設(shè)計(jì)之初就確定了所有的色彩大都使用暖色調(diào)來(lái)裝飾，讓店

鋪充滿(mǎn)童趣。

2.3店鋪色彩分析

色彩的搭配對(duì)于一個(gè)店鋪來(lái)說(shuō)至關(guān)重要，但因?yàn)槭峭m店鋪，主色調(diào)就以

暖色為主，我從中選擇了明黃色和粉色，來(lái)裝飾店鋪，淺藍(lán)色為點(diǎn)綴。因?yàn)榈?/p>

鋪內(nèi)的產(chǎn)品顏色各式各樣，所以也會(huì)選取和產(chǎn)品相近的顏色來(lái)裝飾，這樣既美

觀又符合店鋪風(fēng)格。

3BABY童襪淘寶店視覺(jué)設(shè)計(jì)

3.1店鋪版式設(shè)計(jì)

一個(gè)好的店鋪版式設(shè)計(jì)在一定程度上會(huì)更加的吸引顧客，而好的圖文設(shè)計(jì)

和頁(yè)面的布局加上顏色的搭配則會(huì)提高顧客的點(diǎn)擊率，減少跳失率，激發(fā)顧客

的購(gòu)買(mǎi)欲望。

3.2.1首頁(yè)版式設(shè)計(jì)

首先解釋首頁(yè)的版式設(shè)計(jì)，打開(kāi)店鋪首頁(yè)，最上面的就是我們的店招和導(dǎo)

航欄，主要是以白色為主。在海報(bào)區(qū)域運(yùn)用比較童趣的顏色——粉紅色，和上

面導(dǎo)航欄的淺藍(lán)色形成對(duì)比，在下面就是優(yōu)惠券的領(lǐng)取區(qū)域和主推的產(chǎn)品區(qū)域，

顧客可以根據(jù)自己的需求選擇最后就是店鋪銷(xiāo)量較好的產(chǎn)品區(qū)域也就是熱賣(mài)區(qū)，

這個(gè)區(qū)域的設(shè)計(jì)對(duì)于又選擇困難證的家長(zhǎng)還是比較友好的，因?yàn)榇蟊姷倪x擇不

3

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

太容易出錯(cuò)。

圖4：首頁(yè)版式設(shè)計(jì)草圖

3.1.2產(chǎn)品詳情頁(yè)1版式設(shè)計(jì)

產(chǎn)品詳情頁(yè)1的設(shè)計(jì)，是店鋪主推的一個(gè)產(chǎn)品，在海報(bào)設(shè)計(jì)上，采用的是

上文下圖的排版方式。海報(bào)下面直接放產(chǎn)品的套裝信息，以5雙裝的文案來(lái)吸

引消費(fèi)者的眼球。整個(gè)詳情頁(yè)的底色是灰色，這樣會(huì)更好的襯托文案和產(chǎn)品。

在產(chǎn)品細(xì)節(jié)板塊，文案和圖片也同樣采用的上文下圖的方式排版，每個(gè)文案和

圖案下都會(huì)有線(xiàn)條相隔，既美觀又不妨礙閱讀。產(chǎn)品信息和舒適指數(shù)放到了最

4

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

后，作為單獨(dú)的兩個(gè)板塊。

圖5：詳情頁(yè)1版式設(shè)計(jì)草圖

3.1.3產(chǎn)品詳情頁(yè)2版式設(shè)計(jì)

產(chǎn)品詳情頁(yè)2的版式設(shè)計(jì)，是本店主推的產(chǎn)品之一彩色英文系列，首先看

到的就是我們的海報(bào)，白底的設(shè)計(jì)可以凸顯產(chǎn)品，右上角是一個(gè)利益點(diǎn)：新品

上市。海報(bào)下面我放上的是產(chǎn)品的詳細(xì)信息，這樣消費(fèi)者可以更快速的看到我

們這款產(chǎn)品的材質(zhì)，后面緊接著的就是舒適指數(shù)，和前面詳情聯(lián)系起來(lái)可以更

好的體現(xiàn)這款產(chǎn)品。這款產(chǎn)品加了一個(gè)尺碼的版面，這個(gè)版面的設(shè)計(jì)可以更好

的幫助消費(fèi)者進(jìn)行選擇。細(xì)節(jié)板塊我采用的是左文右圖和右文左圖的對(duì)角設(shè)計(jì)，

5

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

這樣可以顯得美觀有設(shè)計(jì)感。最后就是購(gòu)前須知板塊。整個(gè)產(chǎn)品詳情頁(yè)2的主

色調(diào)是明黃色，這樣比較符合這款產(chǎn)品的配色。

圖6：詳情頁(yè)2版式設(shè)計(jì)草圖

3.2店鋪文案策劃

3.2.1首頁(yè)文案策劃

首先我們來(lái)看首頁(yè)的文案，海報(bào)上的純棉透氣和春夏上新放在正中間可以

讓消費(fèi)者更好的注意到現(xiàn)在的活動(dòng)和產(chǎn)品的質(zhì)量，海報(bào)下面的優(yōu)惠券領(lǐng)取區(qū)域

中的先領(lǐng)券再購(gòu)物可以提醒消費(fèi)者店鋪的優(yōu)惠信息，從而更好的產(chǎn)生點(diǎn)擊率和

轉(zhuǎn)化率，優(yōu)惠券分為三個(gè)擋位，分別是：滿(mǎn)45元減3元、滿(mǎn)78元減5元和滿(mǎn)149

元減10元，消費(fèi)者可以根據(jù)自己在本店的消費(fèi)情況自行領(lǐng)取。優(yōu)惠券下面的就

是專(zhuān)區(qū)，分別是：女童專(zhuān)區(qū)、男童專(zhuān)區(qū)、嬰幼兒專(zhuān)區(qū)，家長(zhǎng)們可以根據(jù)自家寶

寶的情況自行選擇。專(zhuān)區(qū)下面就是本店的熱賣(mài)區(qū)，HOTITEM熱賣(mài)可以更好的表

示出產(chǎn)品的火熱程度。

6

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

3.2.2產(chǎn)品詳情頁(yè)1文案策劃

我們來(lái)看看產(chǎn)品詳情頁(yè)1的文案方面，精梳棉網(wǎng)眼童襪就很好的表示出這

款產(chǎn)品的材質(zhì)以及工藝，下面緊跟著的就是產(chǎn)品的優(yōu)點(diǎn)：透氣、網(wǎng)眼、卡通、

時(shí)尚。“每一天都是全新的一天，是健康的生活習(xí)慣，更是對(duì)品質(zhì)生活的追

求。”這個(gè)文案是我們和也是消費(fèi)者對(duì)于未來(lái)的期盼。5雙繽紛卡通，過(guò)一個(gè)有

趣的同年！可以讓消費(fèi)者知道這款產(chǎn)品是5雙裝的。好細(xì)節(jié)不怕放大，一個(gè)好

的產(chǎn)品無(wú)論是材質(zhì)還是舒適度都要好，細(xì)節(jié)方面也會(huì)做好，優(yōu)質(zhì)的面料，棉紗

織制，手感細(xì)膩，輕柔數(shù)值，每一雙都不一樣，從這里可以看出這款產(chǎn)品面料

上的優(yōu)點(diǎn)?！傲恕毙驮O(shè)計(jì)防滑腳后跟，面料經(jīng)扯耐磨，更大更貼腳，避免寶寶

穿襪子時(shí)易脫落表明這款襪子設(shè)計(jì)時(shí)就考慮過(guò)寶寶襪子容易滑落的事情。這款

產(chǎn)品在縫合的工藝上使用的時(shí)無(wú)骨縫合，幾乎是一體織成的。產(chǎn)品信息里面品

牌就是擬定的店鋪名字BABY/北鼻，這款產(chǎn)品為動(dòng)物糖果色系列（五雙裝），因

為款式又分為了薄款和厚款，所以在面料方面薄款的棉要比厚款的棉少17.2%，

錦綸多16.6%，氨綸多0.6%。

3.1.3產(chǎn)品詳情頁(yè)2文案策劃

產(chǎn)品詳情頁(yè)2的文案，海報(bào)中的新品上市表明這款產(chǎn)品是本店的一個(gè)新款

式，下面的產(chǎn)品信息部分采用的品牌就是本店的店名：BABY/北鼻。這個(gè)系列是

彩色英文系列同樣也是五雙裝，因?yàn)榉譃榱吮】詈秃窨?，在面料方面又許些的

差別，消費(fèi)者可以根據(jù)自己的需求選擇，當(dāng)然價(jià)格方面也會(huì)有所不同，彈力指

數(shù)、厚度指數(shù)、柔軟指數(shù)這三個(gè)指數(shù)可以讓消費(fèi)者參考一下這款產(chǎn)品大概的一

個(gè)舒適情況。在尺碼展示中放入建議年齡、建議腳長(zhǎng)、建議碼數(shù)既可以提醒消

費(fèi)者按寶寶的腳長(zhǎng)來(lái)提交商品又可以讓家長(zhǎng)們?cè)谂男?lèi)產(chǎn)品的時(shí)候也能參考到。

五雙裝隨心選擇方便換洗不僅顯示出了價(jià)格實(shí)惠在生活中也不用擔(dān)心襪子少?zèng)]

有能換的情況出現(xiàn)。細(xì)節(jié)展示中立體襪跟可以讓消費(fèi)者看出這款產(chǎn)品不會(huì)隨意

的移動(dòng)脫落?！皬椓σm口”不會(huì)勒到寶寶的腳脖子，面料和緊密紡織工藝可以

更好的透氣和舒適，也不容易起球。

購(gòu)前須知中則是把襪子壽命的建議、店鋪支持七天無(wú)理由、贈(zèng)送運(yùn)費(fèi)險(xiǎn)都

表達(dá)清楚，如消費(fèi)者還有疑問(wèn)也可以聯(lián)系在線(xiàn)客服。

4BABY童襪淘寶店視覺(jué)效果制作

介紹完店鋪的現(xiàn)狀、風(fēng)格、色彩搭配、版式設(shè)計(jì)之后，接下來(lái)主要就是介

7

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

紹店鋪首頁(yè)、詳情頁(yè)是怎么按照之前的思路制作了。

4.1店鋪首頁(yè)效果圖制作

首頁(yè)的制作對(duì)于一個(gè)店鋪來(lái)說(shuō)至關(guān)重要，作為一個(gè)消費(fèi)者進(jìn)店就看見(jiàn)的頁(yè)

面，一個(gè)好的首頁(yè)對(duì)于店鋪的點(diǎn)擊率、轉(zhuǎn)化率、成交率有很大的影響，我店鋪

的首頁(yè)主要分為店招導(dǎo)航條、宣傳海報(bào)、優(yōu)惠券領(lǐng)取區(qū)、分類(lèi)專(zhuān)區(qū)、熱銷(xiāo)產(chǎn)品

專(zhuān)區(qū)五大類(lèi)目的產(chǎn)品展示部分，這五個(gè)區(qū)域各司其職，可以讓進(jìn)店的消費(fèi)者對(duì)

店鋪的產(chǎn)品清晰明了并快速的找到自己想要的產(chǎn)品

4.1.1店招設(shè)計(jì)過(guò)程

首先來(lái)介紹店招，店招是整個(gè)店鋪的形象，是消費(fèi)者最先看到的部分，無(wú)

論消費(fèi)者實(shí)在瀏覽店內(nèi)的哪件商品，店招永遠(yuǎn)都是在最上面。因此店招的設(shè)計(jì)

既要考慮實(shí)用性也要考慮美觀性。店招的設(shè)計(jì)風(fēng)格整體偏卡通，主色調(diào)設(shè)計(jì)為

藍(lán)色和紫色，背景色為白色。店招的左邊是logo，以紫色為背景，畫(huà)出了一個(gè)

兒童的形象，頭上戴著一頂小皇冠，旁邊用灰色字體寫(xiě)著B(niǎo)ABY童襪店，這便代

表著店鋪的名稱(chēng)：BABY童襪店。店招最右邊用圓角長(zhǎng)方形在右邊四分之一處用

豎線(xiàn)劃開(kāi)，在里面放上一個(gè)放大鏡說(shuō)明這是一個(gè)搜索框，用來(lái)查找店內(nèi)的產(chǎn)品。

導(dǎo)航條為了貼合童趣用天藍(lán)色打底分開(kāi)居中分開(kāi)六個(gè)區(qū)域，分別是：首頁(yè)、

所有寶貝、春夏新款、嬰兒襪子、收藏店鋪，在收藏店鋪右邊添加了一個(gè)黑邊

的紅色愛(ài)心，這個(gè)顏色加在這里非常的醒目，可以有效的增加收藏店鋪量，以

便消費(fèi)者后續(xù)再次消費(fèi)。

圖7：BABY童襪店店招設(shè)計(jì)效果圖如圖所示

4.1.2海報(bào)制作過(guò)程

下面我來(lái)介紹一下海報(bào)的設(shè)計(jì)，作為一個(gè)創(chuàng)造熱銷(xiāo)氛圍活動(dòng)宣傳的中心點(diǎn)，

海報(bào)的制作不僅要美觀還要充分的體現(xiàn)店鋪活動(dòng)。為了搭配產(chǎn)品在這里主要以

淺藍(lán)到白的漸變?yōu)榈咨@樣更能凸顯糖果色的襪子，產(chǎn)品的圖片左右各一張，

在中間加上了一個(gè)天藍(lán)色的豎向長(zhǎng)方形里面填寫(xiě)豎狀排版的文案，純棉透氣等

關(guān)鍵詞可以告知消費(fèi)者我的產(chǎn)品是什么材質(zhì)有什么優(yōu)點(diǎn)，有這類(lèi)需求的消費(fèi)者

便會(huì)被引導(dǎo)消費(fèi)。

8

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

圖8：BABY童襪淘寶店首頁(yè)海報(bào)設(shè)計(jì)效果圖

4.1.3其他區(qū)域制作

關(guān)于其他區(qū)域的制作，我分為了優(yōu)惠券領(lǐng)取區(qū)、分類(lèi)專(zhuān)區(qū)、熱銷(xiāo)產(chǎn)品專(zhuān)區(qū)。

首先是優(yōu)惠券領(lǐng)取區(qū)，這個(gè)區(qū)域我用的是粉色偏紫的顏色來(lái)作為背景色，

這個(gè)顏色屬于高飽和度的顏色，能最大程度的吸引消費(fèi)者的眼球，文案先領(lǐng)券

再購(gòu)物運(yùn)用白色，優(yōu)惠券的金額及使用門(mén)檻用黑色強(qiáng)調(diào)。分類(lèi)專(zhuān)區(qū)用了三個(gè)板

塊，并排擺放，分別是男童板塊、女童板塊、嬰幼兒板塊，文案都是在左邊，

右邊都統(tǒng)一放上童真的小模特照片，女童專(zhuān)區(qū)和嬰幼兒專(zhuān)區(qū)背景色都運(yùn)用的粉

偏紫也就是優(yōu)惠券領(lǐng)取區(qū)的顏色，這樣可以產(chǎn)生一個(gè)呼應(yīng)的作用，男童的區(qū)域

因?yàn)榕浜夏猩话愣际窍矚g藍(lán)色，所以在背景色的選取上也是以藍(lán)色為主。在

每個(gè)區(qū)域都設(shè)置了一個(gè)抹茶色小長(zhǎng)方形里面含有英文字母CLlck再加上兩個(gè)箭

頭樣式的圖形提醒消費(fèi)者可以直接按照自家寶寶的符合要求點(diǎn)擊進(jìn)專(zhuān)區(qū)直接查

看。在熱銷(xiāo)專(zhuān)區(qū)里面我首先用了一個(gè)粉色來(lái)作為背景色使用，中間的文案用飽

和度比較低的藍(lán)綠色，這個(gè)文案下面在使用一個(gè)相同顏色的長(zhǎng)方形來(lái)強(qiáng)調(diào)白色

文案，此處可以算是一個(gè)點(diǎn)綴的存在，提醒消費(fèi)者這個(gè)地方是本店產(chǎn)品較好、

性?xún)r(jià)比較高的一個(gè)區(qū)域，熱賣(mài)的區(qū)域我放上了九張產(chǎn)品的照片，按照九宮格的

樣式擺放，因?yàn)榕牡臅r(shí)候光線(xiàn)較暗，不足以拍出真實(shí)的樣子，所以這九張照片

都進(jìn)行了后期調(diào)整色相和飽和度的處理。

9

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

圖9：BABY童襪淘寶店首頁(yè)其他區(qū)域設(shè)計(jì)效果圖

4.2產(chǎn)品詳情頁(yè)1效果圖制作

產(chǎn)品詳情頁(yè)1是店鋪主推的產(chǎn)品之一，整個(gè)詳情頁(yè)是由產(chǎn)品主圖、產(chǎn)品細(xì)

節(jié)展示和產(chǎn)品信息這三個(gè)部分來(lái)組成的

10

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

4.2.1主副圖效果圖

首先我介紹一下主圖的設(shè)計(jì)。主圖作為一個(gè)產(chǎn)品最先讓消費(fèi)者看到的圖片

在平臺(tái)的搜索相關(guān)頁(yè)中決定著消費(fèi)者是否會(huì)被這件商品所吸引的能力，主圖既

要有買(mǎi)點(diǎn)也要有美觀性還要考慮展現(xiàn)店鋪的風(fēng)格，設(shè)計(jì)程度還是比較困難的，

在參考了平臺(tái)其他店鋪的主圖后發(fā)現(xiàn)大多數(shù)美工都比較喜歡偏紅色設(shè)計(jì)，特別

是促銷(xiāo)活動(dòng)快來(lái)的時(shí)候，我不想在一篇紅海中爭(zhēng)相斗艷，所以我選擇偏藍(lán)色的

色系，這樣也比較適合主打的產(chǎn)品，產(chǎn)品本身的顏色和圖案就比較招媽媽們的

喜愛(ài)，糖果色的配色加上小動(dòng)物的搭配就算是小朋友也會(huì)很喜歡，右上角加上

了一個(gè)云朵的形狀，讓人聯(lián)想到這個(gè)產(chǎn)品會(huì)舒適柔軟。

圖10：產(chǎn)品1主圖設(shè)計(jì)效果圖

下面介紹副圖的設(shè)計(jì)，三幅副圖都是白色為底的設(shè)計(jì)，這樣子更容易也可

以更好的突出產(chǎn)品的細(xì)節(jié)，副圖1表明了這款產(chǎn)品的一個(gè)款式和季節(jié)，副圖2

和副圖3可以很好的看出產(chǎn)品的細(xì)節(jié)以及顏色

產(chǎn)品1副圖設(shè)計(jì)效果如圖11所示

11

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

圖11：產(chǎn)品1副圖設(shè)計(jì)效果圖

4.2.1產(chǎn)品詳情頁(yè)1效果圖

首先第一眼看到的就是海報(bào)，因?yàn)榭紤]到店鋪的定位、風(fēng)格以及產(chǎn)品，所

以在背景色的選擇上都是用的灰白的，這個(gè)顏色容易突出文案的效果。排版用

上文下圖的方式，把利益點(diǎn)都在海報(bào)上體現(xiàn)了出來(lái)，下面的圖片可以看出這件

產(chǎn)品是糖果色的一個(gè)色系，不論是男寶寶還是女寶寶都很合適，不挑性別，在

12

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

文字的處理方面選擇了藍(lán)色和黃色，以黃色為底藍(lán)色描邊更突出一點(diǎn)，然后在

根據(jù)文案的重要程度調(diào)整字體和大小粗細(xì)。

在下面的細(xì)節(jié)方面運(yùn)用的是上圖下文的布局式樣。較大的字體突出利益點(diǎn)，

較小的字體詳細(xì)說(shuō)明此利益點(diǎn)，每一個(gè)利益點(diǎn)中用一條灰色細(xì)線(xiàn)隔開(kāi)，會(huì)顯得

更工整。在產(chǎn)品細(xì)節(jié)中，用局部高清圖片來(lái)說(shuō)明我們的面料，消費(fèi)者便會(huì)在腦

海中模擬出產(chǎn)品的手感是什么樣子的感覺(jué)。版型的加上防滑的設(shè)計(jì)戳中消費(fèi)者

的痛點(diǎn)，無(wú)縫縫合的方式會(huì)更顯得這件產(chǎn)品的舒適

產(chǎn)品信息可以讓消費(fèi)者更加直觀的感受到這件產(chǎn)品的材料材質(zhì)是什么樣子

的，在南方四個(gè)季節(jié)其實(shí)很難分開(kāi)，天氣變幻莫測(cè)，所以在設(shè)計(jì)的這款產(chǎn)品不

僅有薄款適合春夏穿的還有厚款適合秋冬穿的，最后還有體感上的一些指示可

以來(lái)區(qū)別判斷。

13

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

圖12：產(chǎn)品詳情頁(yè)1效果圖

14

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

4.3產(chǎn)品詳情頁(yè)2效果圖制作

產(chǎn)品詳情頁(yè)2制作的是店鋪主推的產(chǎn)品之一：彩色英文系列。詳情頁(yè)主要

是由產(chǎn)品海報(bào)、產(chǎn)品信息、產(chǎn)品尺碼推薦、細(xì)節(jié)展示、購(gòu)前須知這五大部分組

成。

4.3.1主副圖效果圖

首先是這個(gè)產(chǎn)品的主圖，因?yàn)檫@個(gè)產(chǎn)品和產(chǎn)品1有很大的區(qū)別，所以這個(gè)

產(chǎn)品的主要色調(diào)是用的黃色，這個(gè)顏色比較有活力符合這個(gè)產(chǎn)品的色彩和定位，

整個(gè)主圖都是被黃色框框起來(lái)的，這樣會(huì)更好的吸引注意力。店鋪logo放在了

左上角，下面的黃色矩形框說(shuō)明活動(dòng)買(mǎi)點(diǎn)，黃色圓形內(nèi)突出新品的價(jià)格，采用

了的文字顏色為白色來(lái)突出。

圖13：產(chǎn)品2主圖設(shè)計(jì)效果圖

接著是彩色英文系列產(chǎn)品副圖設(shè)計(jì)，三幅副圖都是白底圖的設(shè)計(jì)，副圖1

和副圖3是為了消費(fèi)者更好的看到細(xì)節(jié)，所以我放的是產(chǎn)品的局部圖，副圖2

是為了讓消費(fèi)者看到這個(gè)款式的產(chǎn)品有多種顏色的分類(lèi)，不用糾結(jié)寶寶應(yīng)該傳

送門(mén)顏色的襪子。

15

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

圖14：產(chǎn)品2副圖效果圖

4.3.2產(chǎn)品詳情頁(yè)2效果圖

首先我們看到的就是商品的海報(bào)。左上角表明了一個(gè)利益點(diǎn)，加上白底的

產(chǎn)品，這個(gè)買(mǎi)點(diǎn)會(huì)更加的突出。海報(bào)和第二個(gè)大類(lèi)也就是產(chǎn)品信息的分隔采用

16

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

的是類(lèi)似于云朵的形狀來(lái)隔開(kāi)的，從產(chǎn)品信息開(kāi)始，底色全部變成黃色，這樣

子和主圖的配色形成呼應(yīng)，從而形成一個(gè)風(fēng)格。

產(chǎn)品信息描述板塊，為了貼合底色，在文案的顏色選取方面，用的是灰色，

這個(gè)顏色不會(huì)過(guò)多的搶上面海