好孩子文具店淘寶店鋪視覺營銷設(shè)計(jì)方案

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

目錄

1好孩子文具店淘寶店鋪概況........................................1

1.1文具類店鋪發(fā)展現(xiàn)況.........................................1

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

2好孩子文具淘寶店鋪視覺營銷分析..................................1

2.1競爭對手店鋪視覺分析.......................................1

2.1.1競爭對手店鋪1視覺分析...............................2

2.1.2競爭對手店鋪2視覺分析...............................2

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

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

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

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

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

3好孩子文具店淘寶店鋪視覺設(shè)計(jì)....................................3

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

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

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

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

3.2文案策劃..................................................10

3.2.1店鋪首頁文案策劃....................................10

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

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

4好孩子文具店淘寶店鋪視覺效果制作...............................12

4.1店標(biāo)效果圖制作............................................12

4.2店鋪首頁效果圖制作........................................12

4.2.1海報(bào)效果圖制作......................................12

4.2.2優(yōu)惠券效果圖制作....................................13

4.2.3產(chǎn)品分類區(qū)效果圖制作................................14

I

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

4.2.4產(chǎn)品展示區(qū)效果圖制作................................14

4.2.5頁尾效果圖制作......................................15

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

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

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

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

4.4.2主副圖效果圖制作....................................17

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

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

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

II

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

好孩子文具店淘寶店鋪視覺營銷設(shè)計(jì)方案

1好孩子文具店淘寶店鋪概況

好孩子文具店淘寶店鋪成立于2023年。目標(biāo)客戶人群為職場人士、在校學(xué)

生、個(gè)人及家庭成員等，主要是對書寫工具、紙張本冊、桌面收納、辦公用品

等進(jìn)行銷售。好孩子文具的文化傳統(tǒng)是希望每個(gè)使用本產(chǎn)品的顧客都能成為這

樣的人。粉絲量超過10萬，其中寶貝與描述相符4.7、賣家的服務(wù)態(tài)度4.8、物

流服務(wù)的質(zhì)量4.9。

1.1文具類店鋪發(fā)展現(xiàn)況

中國文具店鋪占比情況，如圖1所示。

圖1文具用品網(wǎng)店商城分布情況

中國文具占比情況淘寶是占比最大的占44%，其次是拼多多占32%。

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

好孩子文具店鋪現(xiàn)階段主要銷售中性筆和本冊，其次有鋼筆、文件夾、透

明膠、收納盒、訂書機(jī)等。從細(xì)分產(chǎn)品上來看，我國的文具行業(yè)產(chǎn)品主要分為

幾大部分，第一部分是紙張本冊；第二部是書寫工具；第三部分是桌面收納；

第四部分是文具用品等。

2好孩子文具淘寶店鋪視覺營銷分析

2.1競爭對手店鋪視覺分析

1

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

辦公文具行業(yè)的競爭力越來越大，面對同行的競爭，可以通過競爭者分析

來進(jìn)行企業(yè)市場競爭者的分析。

2.1.1競爭對手店鋪1視覺分析

晨光文具是一家在中國極具影響力和在文具市場占比很大的公司，他們的

業(yè)務(wù)十分廣泛，并且受眾人群也很廣例如辦公人員和學(xué)生。

2.1.2競爭對手店鋪2視覺分析

得力文具公司的每年銷量都超過12億元，均保持著1億元的遞增，發(fā)展十

分的穩(wěn)定，也為消費(fèi)者提供了售后平臺。

2.2店鋪視覺營銷定位分析

該店鋪主營辦公用品類產(chǎn)品，所以該店鋪的風(fēng)格要符合現(xiàn)代辦公形式，該

店鋪的風(fēng)格就要簡約而又不單調(diào)，色調(diào)上要給人溫暖的感覺，所以在設(shè)計(jì)首頁、

詳情頁的時(shí)候，都會以簡約為主，有裝飾修飾但視覺看出沒有違和感，整體的

色調(diào)、排版都給人舒適、溫暖的感覺。

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

該店鋪主要銷售的產(chǎn)品偏向于辦公用品和學(xué)習(xí)用品，對于消費(fèi)者的定位十

分準(zhǔn)確，針對于辦公人員和學(xué)生，辦公用品的市場消費(fèi)群體龐大，購買力很可

觀，面臨的競爭會非常激烈。

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

除了在校學(xué)生，加上事業(yè)單位專業(yè)技術(shù)人員、政府機(jī)構(gòu)、企業(yè)其他在職人

員，中國足足有超過4億的龐大的文化用品消費(fèi)群體。所以店鋪目標(biāo)客戶人群

為職場人士、在校學(xué)生、個(gè)人及家庭成員等。

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

該店鋪首頁的風(fēng)格主要采用淡黃色的格子背景，給消費(fèi)者一種俏皮可愛的

感覺，和好孩子店鋪的文化傳統(tǒng)相呼應(yīng)，并且背景圖采用了各種可愛的元素加

以輔助，更加凸顯出品牌的內(nèi)涵，海報(bào)圖也是采用以游戲機(jī)當(dāng)背景，小朋友們

一般點(diǎn)進(jìn)店鋪首頁都會被深深吸引，這一效果也是根據(jù)了當(dāng)代孩子們喜愛打游

戲的這一性格特點(diǎn)所定制的，每個(gè)不同的元素都反映了當(dāng)代社會的流行走向。

2

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

2.4店鋪色彩分析

該店鋪首頁的背景色彩主要采用淡黃色為主，淡橙色是暖色調(diào)，給人舒適、

溫暖的感覺，店鋪的兩張?jiān)斍轫摰谋尘吧謩e采用的是黑色和藍(lán)色，黑色是與

鋼筆的顏色相似，灰色與鋼筆的不銹鋼材質(zhì)的顏色相似；藍(lán)色是與筆記本的顏

色相似，采用相似顏色目的是減少眼花繚亂的感覺，并且給予消費(fèi)者賞心悅目

的效果。

3好孩子文具店淘寶店鋪視覺設(shè)計(jì)

伴隨著電商的發(fā)展，網(wǎng)店的數(shù)量也隨之增長，店鋪間的競爭逐漸激烈化。

店鋪能不能受歡迎，很大程度上由店鋪的設(shè)計(jì)決定，消費(fèi)者點(diǎn)開商品的時(shí)候一

般都會看詳情頁、首頁等，那如何做好詳情頁、首頁等就需要先做好版式的設(shè)

計(jì)，版式設(shè)計(jì)能影響后面效果圖的呈現(xiàn)。

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

在版式設(shè)計(jì)中，一個(gè)店鋪的架構(gòu)設(shè)計(jì)好與壞都會影響到后面效果圖的設(shè)計(jì)，

所以在版式設(shè)計(jì)的過程中要多考慮。版式設(shè)計(jì)是現(xiàn)代設(shè)計(jì)藝術(shù)的重要組成部分，

是視覺傳達(dá)的重要手段。表面上看，它是一種關(guān)于編排的學(xué)問；實(shí)際上，它不

僅是一種技能，更實(shí)現(xiàn)了技術(shù)與藝術(shù)的高度統(tǒng)一。

首先需要明確銷售的產(chǎn)品及店鋪的風(fēng)格；其次，要想好大概的構(gòu)思，如：

空間排版、圖文布局、產(chǎn)品擺放等等；最后設(shè)計(jì)出版式圖。

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

顧客在打開一個(gè)店鋪的時(shí)候，給顧客第一印象就是店鋪的首頁設(shè)計(jì)，所以

店鋪首頁的設(shè)計(jì)如何做到最大程度上吸引客戶，就顯得非常重要。那么有明確

的區(qū)域劃分是重要條件之一，在看一個(gè)店鋪首頁的時(shí)候往往最上面是店招、導(dǎo)

航，依次往下就是全屏海報(bào)區(qū)域、優(yōu)惠券區(qū)域、活動區(qū)、商品分類區(qū)、產(chǎn)品展

示區(qū)、頁尾區(qū)等欄目等8個(gè)區(qū)域組成。

首頁版式設(shè)計(jì)如圖2所示：

3

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

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

店招區(qū)域主要分為兩個(gè)部分，左邊部分為店鋪LOGO，LOGO的設(shè)計(jì)是一

個(gè)可愛的文具袋里面有各種各樣的文具，這LOGO的設(shè)計(jì)很可愛，會比較吸引

小朋友們的注意力；右邊為店鋪搜索，可以在其中搜索店鋪的所有商品，便于

消費(fèi)者們查找。導(dǎo)航區(qū)域則放在店招區(qū)域下方，按分類專區(qū)水平放置，便于消

費(fèi)者挑選所需商品。

店招、導(dǎo)航區(qū)域版式設(shè)計(jì)如圖3所示：

圖3店招、導(dǎo)航區(qū)域版式設(shè)計(jì)

首頁海報(bào)區(qū)主要采用中心構(gòu)圖，中間是文案和促銷語，根據(jù)所銷售的產(chǎn)品

類型和賣點(diǎn)而設(shè)計(jì)，四周是根據(jù)當(dāng)代青少年所熱愛的物品所包圍著，這獨(dú)有的

設(shè)計(jì)形式可以讓瀏覽者留下深刻的印象并且可以吸引消費(fèi)者的注意。

4

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

首頁海報(bào)版式設(shè)計(jì)如圖4所示：

圖4首頁海報(bào)版式設(shè)計(jì)

優(yōu)惠券設(shè)計(jì)區(qū)域整體有三部分組成，第一個(gè)是活動區(qū)域的總標(biāo)題，是運(yùn)用

兩個(gè)長方形疊加所做成的，有兩個(gè)文具元素所包圍，和店鋪環(huán)環(huán)相扣；第二個(gè)

是優(yōu)惠券，優(yōu)惠券是一個(gè)卷軸，是根據(jù)古代考卷所設(shè)計(jì)，卷軸內(nèi)部分為上中下

三個(gè)部分，數(shù)字下面添加了“點(diǎn)擊領(lǐng)取”的文案，每張無門檻優(yōu)惠券按照相同

的間隔所隔開。整體感覺條理清晰，層次鮮明；第三個(gè)是活動區(qū)域，是運(yùn)用一

本攤開的書作為背景圖，其中有兩個(gè)活動方案，是運(yùn)用上中下進(jìn)行排版的，和

優(yōu)惠券排版一致，其中的活動價(jià)格運(yùn)用紅色字體所標(biāo)記出來，讓消費(fèi)者更能直

觀的注意到這一活動。

優(yōu)惠券版式設(shè)計(jì)如圖5所示：

圖5優(yōu)惠券版式設(shè)計(jì)

產(chǎn)品分類區(qū)域的設(shè)計(jì)比較具有獨(dú)特性，是由兩部分所構(gòu)成的，第一部分是

大標(biāo)題，是運(yùn)用兩個(gè)長方形疊加所做成的，有兩個(gè)文具元素所包圍，和店鋪環(huán)

環(huán)相扣；第二部分是商品分類區(qū)，背景是一個(gè)黃色的便利貼，和首頁背景所匹

配，周圍也包含著各種和店鋪相符合的可愛元素，其中有四個(gè)產(chǎn)品區(qū)，分別是

學(xué)習(xí)用品，紙張本冊，桌面收納，辦公用品，每一個(gè)區(qū)域都含有四個(gè)相匹配的

產(chǎn)品，方便消費(fèi)者便于查找自己所需要的商品。

產(chǎn)品分類區(qū)域版式設(shè)計(jì)如圖6所示：

5

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

圖6主推產(chǎn)品區(qū)域版式設(shè)計(jì)

產(chǎn)品展示區(qū)域的設(shè)計(jì)比較具有立體性，總體從上到下由兩個(gè)區(qū)域組成，第

一部分是大標(biāo)題，是運(yùn)用兩個(gè)長方形疊加所做成的，有兩個(gè)文具元素所包圍，

和店鋪環(huán)環(huán)相扣；第二個(gè)區(qū)域采用一張文件夾作為背景，并且加了陰影來提升

這一模塊的立體感，其中有九個(gè)產(chǎn)品，價(jià)格都用反差較大的紅色進(jìn)行了標(biāo)注，

方便消費(fèi)者們進(jìn)行查看，每一產(chǎn)品的邊框都運(yùn)用黑色進(jìn)行填充，并且這一模塊

的周圍都含有各種和店鋪相匹配的可愛元素，來提升店鋪的內(nèi)涵。

產(chǎn)品展示區(qū)域版式設(shè)計(jì)如圖7所示：

圖7分類導(dǎo)航區(qū)域版式設(shè)計(jì)

頁尾設(shè)計(jì)是在海報(bào)的最末端，其中包含了八個(gè)部分，分別是品質(zhì)保障，七

天無理由退換貨，特色服務(wù)體驗(yàn)，幫助中心，購物指南，天貓保障，支付方式，

商家服務(wù)，便于消費(fèi)者們轉(zhuǎn)移下一個(gè)所需要的頁面。

頁尾版式設(shè)計(jì)如圖8所示：

6

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

圖8頁尾版式設(shè)計(jì)

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

客戶在瀏覽商品的時(shí)候，最主要的是瀏覽該商品的詳情頁，詳情頁做得好，

有足夠的吸引力，客戶才更愿意買該店鋪的產(chǎn)品。

產(chǎn)品1詳情頁版式，主要包括：產(chǎn)品情景海報(bào)、產(chǎn)品賣點(diǎn)、產(chǎn)品信息、產(chǎn)

品展示、細(xì)節(jié)展示、支付與配送信息、售后信息等內(nèi)容。。

產(chǎn)品1詳情頁版式設(shè)計(jì)如圖9所示：

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

頁頭海報(bào)的細(xì)節(jié)設(shè)計(jì)是采用了左文右圖的結(jié)構(gòu)，左部分的文案主要是由產(chǎn)

7

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

品文案、產(chǎn)品賣點(diǎn)組成，右部分為產(chǎn)品的展示圖。

頁頭海報(bào)版式設(shè)計(jì)如圖10所示：

圖10頁頭海報(bào)版式設(shè)計(jì)

規(guī)格參數(shù)部分，主要是對鋼筆的各個(gè)規(guī)格所進(jìn)行歸納總結(jié)，方便消費(fèi)者們

查看，是運(yùn)用一個(gè)矩形作為框架所進(jìn)行歸納；產(chǎn)品賣點(diǎn)部分，主要由三個(gè)角度

所設(shè)計(jì)；產(chǎn)品展示部分，主要是為了展示鋼筆的各個(gè)角度，其中包含四個(gè)角度，

方便消費(fèi)者查看；細(xì)節(jié)展示部分，分為三個(gè)框架，分別是左圖右文，右圖左文，

左圖右文，文案分別是順而不滑，柔滑觸感，鍍金筆尖。

規(guī)格參數(shù)、產(chǎn)品賣點(diǎn)、產(chǎn)品展示、細(xì)節(jié)展示版式設(shè)計(jì)如圖11所示：

圖11規(guī)格參數(shù)、產(chǎn)品賣點(diǎn)、產(chǎn)品展示、細(xì)節(jié)展示版式設(shè)計(jì)

溫馨提示設(shè)計(jì)區(qū)域主要是八個(gè)部分，分別是當(dāng)天發(fā)貨，全國包郵，贈送運(yùn)

費(fèi)險(xiǎn)，包退換，發(fā)票，便于消費(fèi)者們。

8

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

溫馨提示版式設(shè)計(jì)如圖12所示：

圖12溫馨提示版式設(shè)計(jì)

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

產(chǎn)品2詳情頁版式設(shè)計(jì)主要有：產(chǎn)品情景海報(bào)、產(chǎn)品賣點(diǎn)、產(chǎn)品信息、產(chǎn)

品展示、細(xì)節(jié)展示、支付與配送信息、售后信息等內(nèi)容。

頁頭海報(bào)采用的是產(chǎn)品圖片；產(chǎn)品信息區(qū)域主要是對產(chǎn)品的各種規(guī)格進(jìn)行

展示，分為左、右兩個(gè)部分，左邊是產(chǎn)品實(shí)拍圖，右邊分別展示產(chǎn)品品名、風(fēng)

格、元素、幅面、場景、頁數(shù)；產(chǎn)品賣點(diǎn)區(qū)域由三個(gè)賣點(diǎn)構(gòu)成，分別是膚感面

料，親膚觸感和加厚80g紙張和加厚320頁；產(chǎn)品細(xì)節(jié)區(qū)域主要是左右結(jié)構(gòu)，

左邊部分是產(chǎn)品圖的展示，右邊部分是產(chǎn)品相關(guān)細(xì)節(jié)的描述。產(chǎn)品細(xì)節(jié)設(shè)計(jì)區(qū)

域主要是交叉的左右結(jié)構(gòu)。

頁頭海報(bào)、產(chǎn)品信息區(qū)、產(chǎn)品賣點(diǎn)區(qū)、產(chǎn)品細(xì)節(jié)區(qū)版式設(shè)計(jì)如圖16所示：

圖13頁頭海報(bào)、產(chǎn)品信息區(qū)、產(chǎn)品賣點(diǎn)區(qū)、產(chǎn)品細(xì)節(jié)區(qū)版式設(shè)計(jì)

產(chǎn)品展示設(shè)計(jì)區(qū)域是通過四宮格對齊，是由一張產(chǎn)品圖帶著下面四張不同

9

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

顏色的產(chǎn)品四宮格構(gòu)成的，其中的文案分別是，陌上花開意義是春天春暖花開

和產(chǎn)品的粉色，星辰大海意義是漫無邊際的大海對應(yīng)著產(chǎn)品的藍(lán)色，繁花似錦

意義是秋天萬物復(fù)蘇對應(yīng)著產(chǎn)品的綠色，浮生若夢意義是夢幻般的夢幻紫對應(yīng)

著產(chǎn)品的紫色；溫馨提示設(shè)計(jì)區(qū)域主要是對發(fā)貨、包郵、退換貨、運(yùn)費(fèi)險(xiǎn)、發(fā)

票、團(tuán)購的描述。

產(chǎn)品展示、溫馨提示版式設(shè)計(jì)如圖14所示：

圖14產(chǎn)品賣點(diǎn)、生活場景、溫馨提示版式設(shè)計(jì)

3.2文案策劃

3.2.1店鋪首頁文案策劃

首頁的文案設(shè)計(jì)是店鋪是否經(jīng)營好的核心，首頁文案設(shè)計(jì)主要包括海報(bào)、

活動區(qū)、商品分類區(qū)、產(chǎn)品展示區(qū)、頁尾區(qū)這幾個(gè)區(qū)域的文案策劃。

首頁海報(bào)的文案主要集中在中間部分，首先用文本工具寫上“開學(xué)季”其

次在下方寫上迎新送豪禮，這樣給消費(fèi)者一種活動力度很大的感覺并且提醒消

費(fèi)者開學(xué)季到了需要進(jìn)行購買文具用品；在中間寫上“滿199減59”，意思是

該店鋪銷售的產(chǎn)品都是可以參與此活動的，這相對于其他店鋪力度更加大，也

能讓消費(fèi)者對該店鋪提高興趣；整體的文案比較單調(diào)，在文案周圍添加菱形工

具，遮住字體的部分用“蒙版”給隱藏起來，顯得更具有特色，并且在中間區(qū)

域采用了陰影，增加了立體感。

10

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

開學(xué)季活動區(qū)域由優(yōu)惠券和活動方案這兩部分構(gòu)成，總體感覺更有層次。

產(chǎn)品分類區(qū)域有四個(gè)部分，分別是學(xué)習(xí)用品，紙張本冊，桌面收納，辦公

用品，這四組文案構(gòu)成，便于消費(fèi)者們進(jìn)行查找。

產(chǎn)品展示區(qū)有9個(gè)產(chǎn)品，其中包含標(biāo)題和價(jià)格還有已售產(chǎn)品數(shù)，給予消費(fèi)

者一種便宜實(shí)惠并且很多人購買，讓消費(fèi)者更信任本店鋪的產(chǎn)品。

頁尾區(qū)域是對本店鋪的服務(wù)進(jìn)行總結(jié)，方便消費(fèi)者們查看。

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

詳情頁1的文案設(shè)計(jì)主要在于產(chǎn)品情景海報(bào)、產(chǎn)品賣點(diǎn)、產(chǎn)品信息、細(xì)節(jié)

展示、支付與配送信息、售后信息這幾個(gè)區(qū)域。

頁頭海報(bào)的文案設(shè)計(jì)的層次感是字體大小和粗細(xì)劃分，首先，字體最大且

相對粗點(diǎn)的是“經(jīng)典延續(xù)，英雄國民鋼筆”，下面一部分是其賣點(diǎn)“私人訂制，

筆墨重燃”，字體相對小些；最后一部分是寫了鋼筆新品上市，使整體更加有

層次。

規(guī)格參數(shù)的文案設(shè)計(jì)的層次感是用字體大小和粗細(xì)區(qū)分，讓顧客有效讀取

信息。產(chǎn)品賣點(diǎn)的文案設(shè)計(jì)比較簡單，每個(gè)賣點(diǎn)都在產(chǎn)品實(shí)拍圖的周圍，清晰

分明。細(xì)節(jié)展示文案設(shè)計(jì)中采用的是左右圖文的結(jié)構(gòu)，每一張圖所對應(yīng)每一產(chǎn)

品的細(xì)節(jié)。最后的溫馨提示部分的文案設(shè)計(jì)主要是對退換貨、包郵、運(yùn)費(fèi)險(xiǎn)、

發(fā)票的描述，溫馨提示的設(shè)計(jì)獲得客戶的信任，提高該店鋪的銷售率。

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

詳情頁2的文案設(shè)計(jì)主要是在于產(chǎn)品賣點(diǎn)、產(chǎn)品信息、產(chǎn)品展示、細(xì)節(jié)展

示、支付與配送信息、售后信息這幾個(gè)部分。

規(guī)格參數(shù)的文案設(shè)計(jì)采用左圖右文的結(jié)構(gòu)，讓顧客有效讀取信息；產(chǎn)品賣

點(diǎn)的文案設(shè)計(jì)比較簡單，主要是產(chǎn)品的描述，單個(gè)文案就顯得非常單調(diào)，通過

底層不同圖片的色彩搭配，再添加一些修飾元素，使得文案設(shè)計(jì)栩栩如生；產(chǎn)

品細(xì)節(jié)文案設(shè)計(jì)是采用左右圖文的結(jié)構(gòu)，運(yùn)用對角線所布局；產(chǎn)品展示區(qū)域主

要是由一張產(chǎn)品圖帶著下面四張不同顏色的產(chǎn)品四宮格構(gòu)成的，其中的文案分

別是，陌上花開意義是春天春暖花開和產(chǎn)品的粉色，星辰大海意義是漫無邊際

的大海對應(yīng)著產(chǎn)品的藍(lán)色，繁花似錦意義是秋天萬物復(fù)蘇對應(yīng)著產(chǎn)品的綠色，

浮生若夢意義是夢幻般的夢幻紫對應(yīng)著產(chǎn)品的紫色；最后的溫馨提示部分的文

案設(shè)計(jì)主要是對退換貨、包郵、運(yùn)費(fèi)險(xiǎn)、發(fā)票的描述，溫馨提示的設(shè)計(jì)獲得客

戶的信任，提高該店鋪的銷售率。

11

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

4好孩子文具店淘寶店鋪視覺效果制作

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

店鋪的LOGO是對該店鋪品牌的認(rèn)知。所以設(shè)置LOGO的時(shí)候要簡單且讓

客戶看到這個(gè)LOGO的時(shí)候就知道是該店鋪。店標(biāo)包括三個(gè)部分，分為上中下

結(jié)構(gòu)，其中上和下分別是店鋪的中文和拼音，中間結(jié)構(gòu)采取的是一個(gè)可愛的文

具袋，文具袋里包含著各種各樣的文具，都是本店鋪所銷售的產(chǎn)品，和店鋪息

息相關(guān)，并且店招的可愛形象更能吸引小朋友們的注意。

店標(biāo)設(shè)計(jì)效果如圖15所示：

圖15店標(biāo)設(shè)計(jì)效果圖

4.2店鋪首頁效果圖制作

產(chǎn)品1為檔案盒的制作，是該店鋪的主要銷售的產(chǎn)品之一。詳情頁內(nèi)容分

別有頁頭海報(bào)部分、產(chǎn)品展示部分、產(chǎn)品信息部分、細(xì)節(jié)展示部分、產(chǎn)品賣點(diǎn)

部分、適合人群部分、溫馨提示部分這七大部分組成。如圖16所示。

圖16店鋪首頁效果圖

4.2.1海報(bào)效果圖制作

12

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

首頁海報(bào)設(shè)計(jì)比較可愛，符合兒童文具的風(fēng)格，整體設(shè)計(jì)屬于中心構(gòu)圖法，

中間是文案的設(shè)計(jì)，周圍包圍的是該店鋪所銷售的產(chǎn)品或者當(dāng)代年輕人最愛的

游戲機(jī)、照相機(jī)和玩具汽車等來修飾，使海報(bào)更加的豐富可愛，和小朋友們熱

愛的東西相呼應(yīng)；店鋪的背景色是以淡淡的黃色為主，與該店鋪大部分的產(chǎn)品

的顏色相似，這樣的相似性的色彩搭配看起來更舒服一些，不會感覺到眼花繚

亂；而文案使用的是白色，顏色邊框采用的是淡藍(lán)色，與背景色有鮮明的對比，

能讓客戶一眼的就能看出該店鋪所銷售產(chǎn)品的類型，價(jià)格一般采取的都是統(tǒng)一

紅色，更有有強(qiáng)烈的對比，讓顧客能夠一眼看出產(chǎn)品的活動。

首頁海報(bào)效果如圖17所示：

圖17首頁海報(bào)效果圖

4.2.2優(yōu)惠券效果圖制作

優(yōu)惠券設(shè)計(jì)區(qū)域整體有三部分組成，第一個(gè)是活動區(qū)域的總標(biāo)題，是運(yùn)用

兩個(gè)長方形疊加所做成的，有兩個(gè)文具元素所包圍，和店鋪環(huán)環(huán)相扣；第二個(gè)

是優(yōu)惠券，優(yōu)惠券是一個(gè)卷軸，是根據(jù)古代考卷所設(shè)計(jì)，卷軸內(nèi)部分為上中下

三個(gè)部分，數(shù)字下面添加了“點(diǎn)擊領(lǐng)取”的文案，每張無門檻優(yōu)惠券按照相同

的間隔所隔開。整體感覺條理清晰，層次鮮明；第三個(gè)是活動區(qū)域，是運(yùn)用一

本攤開的書作為背景圖，其中有兩個(gè)活動方案，是運(yùn)用上中下進(jìn)行排版的，和

優(yōu)惠券排版一致，其中的活動價(jià)格運(yùn)用紅色字體所標(biāo)記出來，讓消費(fèi)者更能直

觀的注意到這一活動。

優(yōu)惠券效果圖如圖18所示：

13

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

圖18優(yōu)惠券效果圖

4.2.3產(chǎn)品分類區(qū)效果圖制作

產(chǎn)品分類區(qū)域的設(shè)計(jì)比較具有獨(dú)特性，是由兩部分所構(gòu)成的，第一部分是

大標(biāo)題，是運(yùn)用兩個(gè)長方形疊加所做成的，有兩個(gè)文具元素所包圍，和店鋪環(huán)

環(huán)相扣；第二部分是商品分類區(qū)，背景是一個(gè)黃色的便利貼，和首頁背景所匹

配，周圍也包含著各種和店鋪相符合的可愛元素，其中有四個(gè)產(chǎn)品區(qū)，分別是

學(xué)習(xí)用品，紙張本冊，桌面收納，辦公用品，每一個(gè)區(qū)域都含有四個(gè)相匹配的

產(chǎn)品，方便消費(fèi)者便于查找自己所需要的商品。

產(chǎn)品分類區(qū)效果圖如圖19所示：

圖19產(chǎn)品分類區(qū)域效果圖

4.2.4產(chǎn)品展示區(qū)效果圖制作

產(chǎn)品展示區(qū)域的設(shè)計(jì)比較具有立體性，總體從上到下由兩個(gè)區(qū)域組成，第

一部分是大標(biāo)題，是運(yùn)用兩個(gè)長方形疊加所做成的，有兩個(gè)文具元素所包圍，

和店鋪環(huán)環(huán)相扣；第二個(gè)區(qū)域采用一張文件夾作為背景，并且加了陰影來提升

這一模塊的立體感，其中有九個(gè)產(chǎn)品，價(jià)格都用反差較大的紅色進(jìn)行了標(biāo)注，

方便消費(fèi)者們進(jìn)行查看，每一產(chǎn)品的邊框都運(yùn)用黑色進(jìn)行填充，并且這一模塊

的周圍都含有各種和店鋪相匹配的可愛元素，來提升店鋪的內(nèi)涵。

產(chǎn)品展示區(qū)效果圖如圖20所示：

14

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

圖20產(chǎn)品展示區(qū)效果圖

4.2.5頁尾效果圖制作

頁尾設(shè)計(jì)是在海報(bào)的最末端，其中包含了八個(gè)部分，分別是品質(zhì)保障，七

天無理由退換貨，特色服務(wù)體驗(yàn)，幫助中心，購物指南，天貓保障，支付方式，

商家服務(wù)，便于消費(fèi)者們轉(zhuǎn)移下一個(gè)所需要的頁面。該區(qū)域的設(shè)計(jì)是讓該店鋪

所承擔(dān)的責(zé)任，也是對消費(fèi)者的承諾，真實(shí)和誠信更能讓消費(fèi)者信服。

頁尾效果圖如圖21所示：

圖21頁尾效果圖

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

產(chǎn)品1為鋼筆的制作，是該店鋪的主要銷售的產(chǎn)品之一。詳情頁的主要內(nèi)

容有產(chǎn)品情景海報(bào)、產(chǎn)品賣點(diǎn)、產(chǎn)品信息、產(chǎn)品展示、細(xì)節(jié)展示、支付與配送

信息、售后信息這七大部分組成。

4.3.1主副圖效果圖制作

主圖的設(shè)計(jì)背景色為白色，整體分為三部分，左上方是店鋪LOGO。中間

的顏色為白色主要是產(chǎn)品展示，放置在平面上，再加點(diǎn)陰影，突出了立體的感

覺；主圖下方是價(jià)格和活動，價(jià)格部分用灰色矩形框包圍，字體為白色，數(shù)字

的字體相對大些，再加上陰影的烘托，更有立體感，讓消費(fèi)者感覺真實(shí)。

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

15

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

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

副圖1、副圖2、副圖3分為三部分，背景色以白顏色為主。左上方是該店

鋪的LOGO，中間是產(chǎn)品的展示，下方則是賣點(diǎn)闡述；整體的設(shè)計(jì)非常簡約，

但是整體效果看來比較和諧、舒適、大方。

產(chǎn)品2的副圖效果圖如圖23圖24圖25所示：

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

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

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

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

詳情頁的主要內(nèi)容有產(chǎn)品情景海報(bào)、產(chǎn)品賣點(diǎn)、產(chǎn)品信息、產(chǎn)品展示、細(xì)

16

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

節(jié)展示、支付與配送信息、售后信息這七大部分組成。

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

17

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

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

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

詳情頁2與詳情頁1大致相似，除了某些區(qū)域的排版不同。詳情頁2背景

色是以藍(lán)色為主，與產(chǎn)品筆記本顏色相似。

4.4.2主副圖效果圖制作

主圖的設(shè)計(jì)背景色為藍(lán)色，整體分為三部分，左上方是店鋪LOGO。中間

的顏色為藍(lán)色主要是產(chǎn)品展示，放置在桌面上，再加點(diǎn)陰影，突出了立體的感

覺；主圖下方是價(jià)格和活動，價(jià)格部分用紅色矩形框包圍，字體為白色，數(shù)字

的字體相對大些，再加上陰影的烘托，更有立體感，讓消費(fèi)者感覺真實(shí)。

產(chǎn)品2主圖設(shè)計(jì)效果圖如圖27所示：

18

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

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

副圖1、副圖2、副圖3分為三部分，背景色以糖果色為主。圖片是產(chǎn)品的

展示，旁邊則是賣點(diǎn)闡述；整體的設(shè)計(jì)非常簡約，但是整體效果看來比較和諧、

舒適、大方。

產(chǎn)品2的副圖效果圖如圖28、圖29、圖30所示：