BABY童襪淘寶C店視覺營銷設(shè)計(jì)方案

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

目錄

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

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

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

2BABY童襪淘寶店視覺營銷分析..........................................................................2

2.1店鋪視覺營銷定位分析...........................................................................2

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

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

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

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

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

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

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

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

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

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

3.2.1首頁文案策劃...............................................................................6

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

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

4BABY童襪淘寶店視覺效果制作..........................................................................7

4.1店鋪首頁效果圖制作...............................................................................8

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

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

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

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

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

I

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

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

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

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

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

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

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

II

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

BABY童襪淘寶C店視覺營銷設(shè)計(jì)方案

1BABY童襪淘寶店鋪概況

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

子。取BABY童襪這個(gè)名字是因?yàn)閷τ趮寢寕儊碚f每個(gè)孩子都是自己獨(dú)一無二的

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

位到銷售人群。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1

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

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

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

BABY童襪淘寶c店于2022年成立。新店開張，為了吸引顧客，利用平臺新

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

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

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

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

2BABY童襪淘寶店視覺營銷分析

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

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

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

2.1店鋪視覺營銷定位分析

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

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

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

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

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

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

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

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

2

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

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

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

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

中帶小孩的是媽媽，所以大部分是女性，收入不高，主要在二線城市工作，沒

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

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

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

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

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

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

鋪充滿童趣。

2.3店鋪色彩分析

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

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

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

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

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

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

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

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

的購買欲望。

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

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

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

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

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

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

3

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

太容易出錯。

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

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

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

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

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

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

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

4

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

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

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

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

產(chǎn)品詳情頁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)系起來可以更

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

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

5

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

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

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

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

3.2店鋪文案策劃

3.2.1首頁文案策劃

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

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

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

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

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

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

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

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

6

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

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

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

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

時(shí)尚?！懊恳惶於际侨碌囊惶?，是健康的生活習(xí)慣，更是對品質(zhì)生活的追

求?！边@個(gè)文案是我們和也是消費(fèi)者對于未來的期盼。5雙繽紛卡通，過一個(gè)有

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

費(fèi)者按寶寶的腳長來提交商品又可以讓家長們在拍鞋類產(chǎn)品的時(shí)候也能參考到。

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

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

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

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

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

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

4BABY童襪淘寶店視覺效果制作

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

7

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

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

4.1店鋪首頁效果圖制作

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

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

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

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

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

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

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

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

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

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

兒童的形象，頭上戴著一頂小皇冠，旁邊用灰色字體寫著BABY童襪店，這便代

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

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

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

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

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

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

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

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

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

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

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

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

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

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

8

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

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

4.1.3其他區(qū)域制作

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

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

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

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

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

右邊都統(tǒng)一放上童真的小模特照片，女童專區(qū)和嬰幼兒專區(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è)抹茶色小長方形里面含有英文字母CLlck再加上兩個(gè)箭

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

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

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

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

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

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

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

9

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

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

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

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

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

10

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

4.2.1主副圖效果圖

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

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

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

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

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

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

喜愛，糖果色的配色加上小動物的搭配就算是小朋友也會很喜歡，右上角加上

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

圖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)品詳情頁1效果圖

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

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

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

產(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ì)說明此利益點(diǎn)，每一個(gè)利益點(diǎn)中用一條灰色細(xì)線隔開，會顯得

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

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

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

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

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

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

以來區(qū)別判斷。

13

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

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

14

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

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

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

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

成。

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è)主圖都是被黃色框框起來的，這樣會更好的吸引注意力。店鋪logo放在了

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

了的文字顏色為白色來突出。

圖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)品有多種顏色的分類，不用糾結(jié)寶寶應(yīng)該傳

送門顏色的襪子。

15

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

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

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

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

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

16

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

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

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

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

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