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

目錄

1九德木淘寶店概況...................................................1

1.1廚具類淘寶店鋪發(fā)展現(xiàn)狀........................................1

1.2店鋪現(xiàn)階段發(fā)展分析............................................2

2九德木淘寶店視覺營(yíng)銷分析...........................................2

2.1競(jìng)爭(zhēng)對(duì)手店鋪視覺分析..........................................2

2.1.1競(jìng)爭(zhēng)對(duì)手店鋪Latim廚具旗艦店視覺分析....................2

2.1.2競(jìng)爭(zhēng)對(duì)手店鋪carote卡羅特官方旗艦店視覺分析.............3

2.2店鋪定位分析..................................................4

2.2.1店鋪產(chǎn)品定位分析........................................4

2.2.2消費(fèi)者人群定位分析......................................5

2.3店鋪風(fēng)格分析..................................................5

2.4店鋪色彩分析..................................................5

3九德木淘寶店視覺設(shè)計(jì)...............................................5

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

3.1.1首頁版式設(shè)計(jì)............................................6

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

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

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

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

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

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

4九德木淘寶店視覺效果制作...........................................9

4.1首頁效果圖制作................................................9

4.1.1店標(biāo)效果圖制作.........................................10

4.1.2店鋪首頁制作...........................................10

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

4.2.1主圖效果圖制作.........................................12

I

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

4.2.2副圖效果圖制作.........................................13

4.2.3產(chǎn)品1詳情頁效果圖設(shè)計(jì).................................14

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

4.3.1主圖效果圖制作.........................................16

4.3.2副圖效果圖制作.........................................16

4.3.3產(chǎn)品2詳情頁效果圖設(shè)計(jì).................................18

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

參考資料............................................................21

II

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

九德木淘寶店鋪視覺營(yíng)銷設(shè)計(jì)方案

1九德木淘寶店概況

隨著我國(guó)電商行業(yè)的不斷發(fā)展和滲透，目前人們的生活已經(jīng)和電商緊密結(jié)

合。而在電商如此快速發(fā)展的情況下，吃穿住行都受到了電商極大的便利，不

用出門便可以享受到貨到家門口的體驗(yàn)。在這種形式影響下，人們紛紛開辟了

相應(yīng)的線上銷售渠道。

1.1廚具類淘寶店鋪發(fā)展現(xiàn)狀

目前我國(guó)已成為世界最大的廚具類生產(chǎn)和出口國(guó)，按照當(dāng)下艾瑞網(wǎng)給出的

信息數(shù)據(jù)來看，國(guó)內(nèi)廚具類產(chǎn)業(yè)正在以11%的速度持續(xù)發(fā)展，中國(guó)廚具類總產(chǎn)

量已占世界總產(chǎn)量的43%，成為全球最具競(jìng)爭(zhēng)力的廚具類生產(chǎn)和出口貿(mào)易中心

之一。在中國(guó)的廚具類市場(chǎng)中，鍋具是增長(zhǎng)最快，最具市場(chǎng)占有率的品類。隨

著家庭經(jīng)濟(jì)能力的提升以及對(duì)廚具外形多變性的要求，家庭對(duì)不同類型廚具的

需求不斷加大，這給了企業(yè)非常大的商業(yè)機(jī)會(huì)，近幾年中國(guó)市場(chǎng)的廚具品牌也

不斷增多。根據(jù)艾瑞網(wǎng)給出的數(shù)據(jù)統(tǒng)計(jì)，整體市場(chǎng)呈上升趨勢(shì)。具體如下圖1

所示。

圖1廚具產(chǎn)品市場(chǎng)變化（數(shù)據(jù)來源：艾瑞網(wǎng)）

而從電商平臺(tái)來看，廚具類產(chǎn)品的市場(chǎng)競(jìng)爭(zhēng)十分嚴(yán)峻。以目前國(guó)內(nèi)最大的

電商平臺(tái)淘寶網(wǎng)為例，對(duì)其以“廚具”關(guān)鍵詞進(jìn)行檢索，其檢索結(jié)果顯示，廚

1

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

具類店鋪（包括天貓店鋪及淘寶店鋪）一共有94090家在業(yè)店鋪，其顯示結(jié)果

超過100頁，可見廚具類產(chǎn)品競(jìng)爭(zhēng)之激烈。

圖2淘寶平臺(tái)“廚具”類目關(guān)鍵詞搜索結(jié)果

1.2店鋪現(xiàn)階段發(fā)展分析

九德木淘寶店是一家以廚房用品為主營(yíng)產(chǎn)品的淘寶店鋪，其產(chǎn)品主要以奶

鍋、炒鍋、燉鍋以及家用廚具四類產(chǎn)品為主。從店鋪產(chǎn)品外觀樣式上來看，其

包含了當(dāng)下市場(chǎng)熱門產(chǎn)品外形與傳統(tǒng)鍋具外形，即可迎合年輕人的審美觀念又

可顧及老一輩消費(fèi)者的喜好。店鋪產(chǎn)品的均價(jià)在100元-300元之間，符合當(dāng)下

市場(chǎng)主流消費(fèi)群體對(duì)于廚具類產(chǎn)品的價(jià)格期待。產(chǎn)品方面，均為店鋪店主通過

自主設(shè)計(jì)、代工生產(chǎn)的方式進(jìn)行經(jīng)營(yíng)，其產(chǎn)品不僅符合大眾消費(fèi)需求和審美理

念，店鋪更具有自己的倉(cāng)儲(chǔ)體系，產(chǎn)品備貨充足。以此來看，店鋪具有成為成

為爆款的潛質(zhì)。

2九德木淘寶店視覺營(yíng)銷分析

對(duì)九德木淘寶店進(jìn)行視覺營(yíng)銷分析，需要通過對(duì)比競(jìng)爭(zhēng)對(duì)手的視覺營(yíng)銷，

來確定同行業(yè)發(fā)展情況，之后就九德木淘寶店自身情況，來明確店鋪?zhàn)陨淼亩?/p>

位，從而為之后九德木淘寶店的視覺營(yíng)銷設(shè)計(jì)做基礎(chǔ)。

2.1競(jìng)爭(zhēng)對(duì)手店鋪視覺分析

分析競(jìng)爭(zhēng)店鋪，不僅可以學(xué)習(xí)長(zhǎng)處，對(duì)于一些不好的點(diǎn)也可以及時(shí)規(guī)避。

就九德木淘寶店而言，在淘寶平臺(tái)對(duì)其進(jìn)行相似店鋪檢索，與店鋪產(chǎn)品相似度

較高，并且店鋪視覺設(shè)計(jì)具有一定特點(diǎn)店鋪有Latim廚具旗艦店和carote卡羅特

官方旗艦店兩家店鋪。對(duì)兩家店鋪進(jìn)行視覺效果分析如下：

2.1.1競(jìng)爭(zhēng)對(duì)手店鋪Latim廚具旗艦店視覺分析

Latim廚具旗艦店的店鋪視覺效果比較簡(jiǎn)單，可以分為店招、Banner圖以及

推薦產(chǎn)品三個(gè)版塊，其中店招方面Latim廚具旗艦店把店鋪logo設(shè)置在左上方，

具有明顯的標(biāo)識(shí)效果，而店招除了logo之外，只有一句店鋪定位的廣告語“有

家有愛有樂太”。而Banner圖區(qū)域，Latim廚具旗艦店并沒有設(shè)置相應(yīng)的幻燈

2

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

功能，而是放置了能夠代表店鋪產(chǎn)品定位的小清新類型全新產(chǎn)品廣告圖，向消

費(fèi)者表明店鋪全新產(chǎn)品符合大眾審美。最下邊是店鋪的推薦產(chǎn)品板塊，直接推

薦店鋪上新的產(chǎn)品，進(jìn)行店鋪產(chǎn)品推介版塊填充。具體如下圖3所示。

圖3Latim廚具旗艦店店鋪視覺效果

2.1.2競(jìng)爭(zhēng)對(duì)手店鋪carote卡羅特官方旗艦店視覺分析

carote卡羅特官方旗艦店的視覺效果較為獨(dú)特，店鋪將熱門產(chǎn)品設(shè)置在了店

招區(qū)域，意圖讓消費(fèi)者進(jìn)入店鋪的第一眼就可以看到店鋪的熱門產(chǎn)品，實(shí)現(xiàn)提

高銷量的目的。說明店鋪本身色彩單調(diào)以黑白為主，帶給人簡(jiǎn)潔干脆的感覺，

突出店鋪產(chǎn)品是店鋪頁面設(shè)計(jì)的理念。而消費(fèi)者在打開店鋪首頁之后，第一眼

不僅僅是能夠看到店鋪的店招，更為吸引消費(fèi)者目光的是店鋪的Banner圖，carot

e卡羅特官方旗艦店的Banner圖以歡迎來到carote卡羅特官方旗艦店的英文翻

譯為主，整體延續(xù)了黑白色調(diào)，給消費(fèi)者帶來一種專業(yè)的感覺。而在Banner圖

下方，是店鋪的促銷活動(dòng)版塊，其設(shè)置了相應(yīng)的活動(dòng)內(nèi)容及活動(dòng)時(shí)間。具體如

下圖4所示。

3

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

圖4carote卡羅特官方旗艦店視覺效果

2.2店鋪定位分析

對(duì)九德木淘寶店進(jìn)行店鋪定位分析，具體以產(chǎn)品和消費(fèi)者兩個(gè)角度進(jìn)行深

入分析，以此來確定對(duì)店鋪視覺營(yíng)銷設(shè)計(jì)的基礎(chǔ)元素。

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

首先，以產(chǎn)品外觀樣式來看，九德木淘寶店的產(chǎn)品呈現(xiàn)年輕化，其店鋪的

四大類產(chǎn)品在外觀上均已年輕人為主要目標(biāo)群體進(jìn)行設(shè)計(jì)，產(chǎn)品以美觀實(shí)用為

主。其次，產(chǎn)品價(jià)格方面，目前店鋪主流熱銷產(chǎn)品無論是常見的不粘鍋還是目

前年輕人常用的奶鍋，以及部分熱愛養(yǎng)生群體會(huì)用到的燉鍋，其產(chǎn)品主流定價(jià)10

0+為主，部分產(chǎn)品價(jià)超過100元，但整體定價(jià)低于300元，說明店鋪產(chǎn)品價(jià)格

較低，適用于大部分消費(fèi)者的消費(fèi)需求。最后，從產(chǎn)品質(zhì)量方面來看，結(jié)實(shí)、

4

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

耐用已經(jīng)成為店鋪的產(chǎn)品關(guān)鍵詞。基于以上分析，可以把店鋪產(chǎn)品定位為大眾

主流消費(fèi)產(chǎn)品。

2.2.2消費(fèi)者人群定位分析

九德木淘寶店的產(chǎn)品主要面向的是大眾消費(fèi)群體，而從店鋪產(chǎn)品的設(shè)計(jì)來

看，普遍呈現(xiàn)年輕化趨勢(shì)?？梢钥隙ǖ赇伒哪繕?biāo)消費(fèi)者人群是20-45歲的年輕群

體以及中年人群，年輕群體對(duì)于新鮮事物有一定的好奇心，對(duì)于外觀獨(dú)特又符

合審美的日常用品鍋具而言，年輕群體愿意進(jìn)行嘗試，而店鋪產(chǎn)品的較低定價(jià)，

又降低了年輕人群的嘗試成本，所以具有一定的印象分加成，而對(duì)于中年群體

而言更注重商品的耐用性，因此這類人群大多為回頭客。由此可見，店鋪的消

費(fèi)者人群定位是年輕群體以及中年人群。其中產(chǎn)品的年輕化外觀設(shè)計(jì)、產(chǎn)品的

底價(jià)定位以及產(chǎn)品的耐用性，是打動(dòng)這兩部分目標(biāo)消費(fèi)者人群的主要元素。

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

從目前九德木淘寶店的目標(biāo)消費(fèi)者人群定位來看，想要讓店鋪收到消費(fèi)者

歡迎，必須讓消費(fèi)者產(chǎn)生一定的共鳴。因此九德木淘寶店的店鋪設(shè)計(jì)風(fēng)格一定

要以實(shí)用、年輕為主，店鋪通過設(shè)計(jì)素材要讓目標(biāo)消費(fèi)者群體感受到物美、價(jià)

廉、貨優(yōu)等關(guān)鍵詞。整體使用偏小清新風(fēng)格的相關(guān)元素進(jìn)行適當(dāng)調(diào)和，為店鋪

偏年輕態(tài)的風(fēng)格打下堅(jiān)實(shí)的基礎(chǔ)。

2.4店鋪色彩分析

九德木淘寶店的目標(biāo)消費(fèi)者是20-45歲的青年及中年消費(fèi)群體，因?yàn)橄M(fèi)群

體年齡跨度較大，所以整體背景色彩以白色作為店鋪的主基調(diào)是十分必要的。

而在店鋪不同區(qū)域的規(guī)劃和設(shè)計(jì)方面，可以采用低飽和度的肉粉色進(jìn)行區(qū)域劃

分，至于文案方面可以用黑色和墨綠色做對(duì)比，以不同的色彩反差進(jìn)行強(qiáng)調(diào)，

從而引發(fā)消費(fèi)者的視覺共鳴。

3九德木淘寶店視覺設(shè)計(jì)

對(duì)九德木淘寶店進(jìn)行視覺設(shè)計(jì)，主要通過首頁、詳情頁兩個(gè)部分進(jìn)行整體

設(shè)計(jì)，以版式和文案兩個(gè)方面入手。

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

通過版式設(shè)計(jì)從而來確定首頁以及產(chǎn)品詳情頁的布局，利用不同的空間視

5

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

覺訊息來迎合消費(fèi)者的觀看習(xí)慣，實(shí)現(xiàn)視覺訊息的可讀性和引起受眾共鳴。

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

對(duì)九德木淘寶店的首頁版式進(jìn)行規(guī)劃，總體而言，整個(gè)版式按照店鋪產(chǎn)品

以及促銷活動(dòng)的展示需求，可以分為促銷區(qū)域、新品區(qū)域、專屬分類區(qū)域、燉

鍋區(qū)域、煎砂鍋區(qū)域、家用廚具區(qū)域和頁尾區(qū)域一共7個(gè)部分。其中每個(gè)部分

代表著不同的作用，按照先展示店鋪促銷活動(dòng)之后過渡到店鋪產(chǎn)品的展示邏輯

進(jìn)行規(guī)劃。

具體如下圖5所示。

圖5店鋪區(qū)域規(guī)劃

6

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

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

產(chǎn)品1是一個(gè)外形偏年輕化煎炒兩用的鍋具，其產(chǎn)品屬于多功能集合型產(chǎn)

品，適合有頻繁炒菜需求的家庭使用，并且產(chǎn)品本身顏色為奶白色，外形與色

彩搭配較為美觀。對(duì)其進(jìn)行詳情頁版式設(shè)計(jì)，根據(jù)產(chǎn)品本身體特點(diǎn)，整個(gè)詳情

頁可以分為產(chǎn)品海報(bào)、產(chǎn)品介紹、產(chǎn)品參數(shù)、產(chǎn)品展示、產(chǎn)品細(xì)節(jié)、頁尾區(qū)域

的購(gòu)買須知等6個(gè)部分。具體規(guī)劃如下圖6所示。

圖6產(chǎn)品1詳情頁整體規(guī)劃

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

產(chǎn)品2是一款多功能造型別致的燉盅，鑒于產(chǎn)品獨(dú)特的外觀造型，因此產(chǎn)

品的主要目標(biāo)客戶群體是年輕人群，而年輕人群網(wǎng)絡(luò)購(gòu)物有一定的沖動(dòng)因素，

7

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

所以產(chǎn)品在具體版式設(shè)計(jì)方面主要以產(chǎn)品特點(diǎn)和場(chǎng)景展現(xiàn)為主。在具體內(nèi)容方

面，同樣劃分為產(chǎn)品海報(bào)、產(chǎn)品介紹、產(chǎn)品參數(shù)、場(chǎng)景展示、產(chǎn)品細(xì)節(jié)、頁尾

區(qū)域的購(gòu)買須知等6個(gè)部分，如下圖7所示。

圖7產(chǎn)品2整體版式規(guī)劃

3.2店鋪文案策劃

產(chǎn)品文案是一個(gè)不可忽視的細(xì)節(jié)，消費(fèi)者往往會(huì)結(jié)合圖片一起閱讀，如果

可以把一個(gè)好的產(chǎn)品文案通過圖文結(jié)合的方式讓其具備更強(qiáng)的視覺沖擊力，那

么這樣的產(chǎn)品文案則能引導(dǎo)消費(fèi)者更好的理解和接受產(chǎn)品。適當(dāng)?shù)臓I(yíng)銷文案可

以幫助店鋪提高轉(zhuǎn)化率，與此同時(shí)也可以達(dá)到推廣店鋪的目的。

3.2.1首頁文案策劃

首頁文案重點(diǎn)分為兩個(gè)部分，其一是針對(duì)店鋪產(chǎn)品定位的文案設(shè)計(jì)，其二

是針對(duì)店鋪促銷活動(dòng)的設(shè)計(jì)。其中店鋪分類方面以店鋪運(yùn)營(yíng)方向進(jìn)行規(guī)劃，在

店招方面設(shè)置品類文案“限時(shí)搶購(gòu)、新品熱賣、健康廚房首選”等不同頁面標(biāo)

8

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

題。而廣告圖區(qū)域，針對(duì)目前店鋪的主要熱賣產(chǎn)品的價(jià)格信息等進(jìn)行設(shè)置，內(nèi)

容為“美味健康，專鍋專用”，之后設(shè)置代表店鋪促銷活動(dòng)的小標(biāo)題“限時(shí)搶

購(gòu)中”。細(xì)節(jié)方面以不同類型產(chǎn)品的文案進(jìn)行展現(xiàn)。新品推薦區(qū)域其文案同樣

要與產(chǎn)品特色上面靠，設(shè)置內(nèi)容為產(chǎn)品獨(dú)特外觀以及產(chǎn)品材質(zhì)等重要信息，以

加強(qiáng)消費(fèi)者對(duì)于產(chǎn)品的了解程度。產(chǎn)品類別區(qū)域，設(shè)置文案“專屬分類”，以

以不同鍋具廚具類型的分類引導(dǎo)消費(fèi)者進(jìn)入需要的區(qū)域中。展品展示區(qū)域方面，

則設(shè)置文案“高雅格調(diào)，傳承經(jīng)典”，目的是引導(dǎo)消費(fèi)者關(guān)注到產(chǎn)品的品質(zhì)。

而頁尾部分文案，則是以不同模塊的形式，概括店鋪銷售特點(diǎn)以及專屬服務(wù)。

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

產(chǎn)品1是一款煎炒兩用鍋，在詳情頁主題海報(bào)方面，主要文案要以產(chǎn)品特

點(diǎn)等元素進(jìn)行設(shè)置，同時(shí)以“自帶美顏”的形式，給產(chǎn)品進(jìn)行定位。產(chǎn)品細(xì)節(jié)

方面，所有文案要以突出產(chǎn)品特點(diǎn)為主，重點(diǎn)以目標(biāo)消費(fèi)者的形象詞進(jìn)行描繪，

比如“耐磨耐用、持久不沾、一擦即凈、便于收納”等等，而產(chǎn)品賣點(diǎn)方面，

要突出產(chǎn)品的選材優(yōu)良、尺寸多樣，并給消費(fèi)者一個(gè)明確的選擇理由，具體文

案為“各色菜品，一鍋搞定”。

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

產(chǎn)品2是同樣也是兩用型的廚房用具，它既能當(dāng)碗使用也可用作燉盅。所

以在文案方面要以“滿足多樣需求”為關(guān)鍵詞進(jìn)行設(shè)置。主圖定位方面，以文

案“可愛童心、雙耳造型、暖胃暖心”突出產(chǎn)品的造型別致的特點(diǎn)。產(chǎn)品賣點(diǎn)

方面，設(shè)置文案“可蒸可烤可微波、造型俏皮可愛”等引起目標(biāo)客戶群體關(guān)注。

產(chǎn)品細(xì)節(jié)方面以功能性文案為主，設(shè)置“手感舒適、有效防燙、防止滑動(dòng)”等

功能性文案。

4九德木淘寶店視覺效果制作

在對(duì)九德木淘寶店首頁及詳情圖的各區(qū)域版式規(guī)劃之后，分析相應(yīng)文案內(nèi)

容，并進(jìn)行各頁面設(shè)計(jì)效果制作，可以完成對(duì)店鋪的視覺效果設(shè)計(jì)。

4.1首頁效果圖制作

一個(gè)店鋪的首頁是整個(gè)淘寶店鋪的門面擔(dān)當(dāng)，確定了店鋪的整體風(fēng)格。九

德木淘寶店采用了低飽和度的顏色來作為基調(diào)，突出顯示了鍋具在家庭中溫暖，

生活的特性，同時(shí)設(shè)置了不同的優(yōu)惠券來吸引消費(fèi)者進(jìn)店。整個(gè)版面以方塊形

9

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

狀鑲嵌進(jìn)行并排排放與展示，使布局更加簡(jiǎn)單大氣，讓消費(fèi)者擁有一個(gè)好的視

覺體驗(yàn)。

4.1.1店標(biāo)效果圖制作

根據(jù)前文分析，九德木淘寶店logo以黃色為底色進(jìn)行設(shè)計(jì)，為了突出店鋪

產(chǎn)品的產(chǎn)品特色，店標(biāo)方面加入了代表熱氣的線條素材，整體以黃色為主，白

色字體嵌入其中，顯得更為豐富。樣式方面，選擇了平底鍋這樣一眼可辨別的

用品作為設(shè)計(jì)圖標(biāo)，目的在于希望消費(fèi)者在瀏覽店鋪的過程中，可以通過店標(biāo)

一眼識(shí)別出店鋪銷售的產(chǎn)品種類。具體如下圖8所示。

圖8logo效果

4.1.2店鋪首頁制作

促銷活動(dòng)區(qū)域以當(dāng)下店鋪的促銷活動(dòng)為主，其中優(yōu)惠券方面以兩種優(yōu)惠券

并列展示的形式進(jìn)行排列。

新品熱賣推薦區(qū)域則是以目前店鋪剛剛上新以及主推的四款產(chǎn)品進(jìn)行展現(xiàn)。

搭配相應(yīng)文案，以窗口形式進(jìn)行展現(xiàn)，用低飽和度的粉色作為背底用白色作為

邊框進(jìn)行突出，展現(xiàn)相應(yīng)的產(chǎn)品內(nèi)容，這樣的色彩搭配既可以讓消費(fèi)者感覺到

賞心悅目，又可以突出產(chǎn)品色彩。

產(chǎn)品類別區(qū)域，以各類產(chǎn)品作為主題，通過豆腐塊形式進(jìn)行展現(xiàn)，在漸變

色彩的前提下，采用黑色字體重點(diǎn)強(qiáng)調(diào)產(chǎn)品不同類別進(jìn)行突出顯示。

產(chǎn)品展示區(qū)域，單純的展示產(chǎn)品并不能引起消費(fèi)者的重視，所以針對(duì)這一

區(qū)域的產(chǎn)品設(shè)置了不同類型產(chǎn)品的展示主題。以與前圖片呼應(yīng)的粉色邊框進(jìn)行

突出。

頁尾區(qū)域，以相對(duì)簡(jiǎn)潔的文案對(duì)店鋪的售后保障進(jìn)行介紹，用粉色底黑色

文字反差的形式，突顯售后保障的完整性。

通過對(duì)首頁各個(gè)區(qū)域的效果展現(xiàn)，最終形成首頁設(shè)計(jì)效果圖，如下圖9所

示。

10

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

圖9首頁設(shè)計(jì)效果

11

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

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

海報(bào)著重突出了產(chǎn)品1的賣點(diǎn)，抓住特性，以此選擇相對(duì)應(yīng)的海報(bào)圖片。

在海報(bào)下方增加了一個(gè)特點(diǎn)描述，通過歸納整合，使優(yōu)點(diǎn)可以全部一躍在消費(fèi)

者眼前，抓住消費(fèi)者眼球。產(chǎn)品描述以及產(chǎn)品展示部分選擇采用大圖，通過圖

片與文案相結(jié)合的方式，讓消費(fèi)者看得更加直觀，從而抓住消費(fèi)者的痛點(diǎn)。產(chǎn)

品細(xì)節(jié)部分利用長(zhǎng)圖形鑲嵌并排擺放，細(xì)節(jié)文案在圖片下方進(jìn)行描述講解。頁

尾添加了購(gòu)買須知部分，同時(shí)這也是店鋪的優(yōu)勢(shì)，可以增加顧客信任度，提升

用戶體驗(yàn)。

4.2.1主圖效果圖制作

對(duì)產(chǎn)品1進(jìn)行主題效果制作，其主圖元素除了產(chǎn)品展示的場(chǎng)景效果圖，以

突出產(chǎn)品的外觀特點(diǎn)之外，還要設(shè)計(jì)相應(yīng)的店鋪活動(dòng)元素，以增加產(chǎn)品的促銷

活動(dòng)氛圍。具體主圖應(yīng)該有的元素有價(jià)格、活動(dòng)內(nèi)容、產(chǎn)品展示三種類別，對(duì)

產(chǎn)品1進(jìn)行主圖效果制作，具體如下圖10所示。

圖10產(chǎn)品1主圖效果

12

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

4.2.2副圖效果圖制作

副圖的作用除了更加全面的對(duì)產(chǎn)品效果進(jìn)行展示之外，還要兼顧產(chǎn)品的使

用特點(diǎn)。副圖的位置一共有3個(gè)，因此就副圖內(nèi)容進(jìn)行規(guī)劃，以產(chǎn)品材質(zhì)、特

點(diǎn)、功能進(jìn)行介紹布局。具體如下圖11所示。

13

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

圖11產(chǎn)品1副圖效果

4.2.3產(chǎn)品1詳情頁效果圖設(shè)計(jì)

詳情頁方面，以產(chǎn)品1的目標(biāo)消費(fèi)者特點(diǎn)，選擇淺橙色與肉粉色作為背底

顏色，對(duì)產(chǎn)品進(jìn)行效果設(shè)計(jì)。其中，產(chǎn)品主圖展示區(qū)域方面進(jìn)行產(chǎn)品定位文案

添加，產(chǎn)品參數(shù)方面就產(chǎn)品1的適用鍋灶、產(chǎn)品材質(zhì)、尺寸、凈重以及適用鍋

鏟等列出具體數(shù)據(jù)。產(chǎn)品細(xì)節(jié)方面就樣式、材質(zhì)、工藝細(xì)節(jié)進(jìn)行介紹，圖文搭

配全方位進(jìn)行展現(xiàn)。而產(chǎn)品特點(diǎn)方面，就產(chǎn)品本身的使用特點(diǎn)和設(shè)計(jì)理念進(jìn)行

文案講解。產(chǎn)品展示區(qū)域方面以實(shí)拍使用效果圖進(jìn)行羅列即可，最后頁尾部分

以店鋪保障進(jìn)行收尾。具體如下圖12所示。

14

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

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

15

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

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

由于此產(chǎn)品造型可愛小巧，所以在詳情頁的制作上增加了點(diǎn)綴，在海報(bào)特

點(diǎn)文案的下方增加了店鋪名稱的英文字母墊底。產(chǎn)品描述部分則采用圓形和長(zhǎng)

方形相結(jié)合，產(chǎn)品圖嵌入其中，文案下方利用藍(lán)色水彩進(jìn)行鋪墊，更顯得活潑

俏皮。產(chǎn)品參數(shù)部分采用白色背景色，方便消費(fèi)者閱讀，對(duì)終于重要信息進(jìn)行

了詳盡的講解，減少消費(fèi)者咨詢的時(shí)間成本。產(chǎn)品細(xì)節(jié)部分采用了S形排放，

細(xì)致描述了兩個(gè)產(chǎn)品的細(xì)節(jié)。頁尾部分的購(gòu)買須知利用形狀進(jìn)行排放，同時(shí)對(duì)

物流，工藝和售后都進(jìn)行了詳細(xì)的解釋說明，解決消費(fèi)者的后顧之憂。

4.3.1主圖效果圖制作

產(chǎn)品2是一款多用型燉盅，主圖除了對(duì)產(chǎn)品外觀進(jìn)行展示之外，還要對(duì)產(chǎn)

品參與的促銷優(yōu)惠內(nèi)容進(jìn)行介紹，并就產(chǎn)品價(jià)格進(jìn)行公布。在主圖版式設(shè)計(jì)方

面，添加相應(yīng)促銷文字。具體效果如下圖13所示。

圖13產(chǎn)品2主圖效果

4.3.2副圖效果圖制作

副圖方面，針對(duì)主要面向年輕人群的產(chǎn)品2，因?yàn)榇丝町a(chǎn)品主要針對(duì)的是年

輕群體，所以需要著重對(duì)產(chǎn)品外觀細(xì)節(jié)和使用特點(diǎn)進(jìn)行展現(xiàn)。尤其考慮到產(chǎn)品2

16

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

的目標(biāo)消費(fèi)群本身對(duì)于產(chǎn)品外觀和使用方式有著較高的要求，因此副圖更多需

要對(duì)產(chǎn)品的外觀以及可使用的地點(diǎn)進(jìn)行展現(xiàn)。具體設(shè)計(jì)如下圖14所示。

17

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

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

4.3.3產(chǎn)品2詳情頁效果圖設(shè)計(jì)

就產(chǎn)品2的詳情頁進(jìn)行效果設(shè)計(jì)。首先要明確產(chǎn)品的特點(diǎn)，就造型別致，

且具有多種色彩選擇的燉盅而言，其主題圖底色要與產(chǎn)品本身顏色進(jìn)行反差以

達(dá)到對(duì)產(chǎn)品進(jìn)行強(qiáng)調(diào)的目的，所以選用粉色進(jìn)行底色搭配，文案方面突