綠葉果蔬專營(yíng)淘寶店鋪視覺(jué)營(yíng)銷設(shè)計(jì)方案

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

目錄

1綠葉果蔬專營(yíng)淘寶店鋪概況..........................................1

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

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

2綠葉水果專營(yíng)淘寶店鋪視覺(jué)營(yíng)銷分析..................................2

2.1店鋪營(yíng)銷定位分析...............................................2

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

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

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

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

3綠葉果蔬專營(yíng)淘寶店鋪視覺(jué)設(shè)計(jì)......................................3

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

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

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

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

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

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

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

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

4綠葉果蔬專營(yíng)淘寶店鋪視覺(jué)效果制作.................................11

4.1首頁(yè)效果圖制作................................................11

4.1.1店招效果圖制作...........................................9

4.1.2海報(bào)效果圖制作..........................................10

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

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

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

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

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

I

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

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

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

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

參考資料............................................................19

II

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

綠葉果蔬專營(yíng)淘寶店鋪視覺(jué)營(yíng)銷設(shè)計(jì)方案

1綠葉果蔬專營(yíng)淘寶店鋪概況

綠葉果蔬專營(yíng)淘寶店鋪成立于2022年，目標(biāo)客戶人群為廣大生活群眾、在

校大學(xué)生等，主要是對(duì)新鮮水果，季節(jié)性水果等進(jìn)行銷售。店鋪主打綠色水果，

綠色產(chǎn)品，在這一方面店鋪有著獨(dú)特的優(yōu)勢(shì)，優(yōu)選精品綠色產(chǎn)品，在市場(chǎng)中獲

得的非凡的市場(chǎng)地位。在宣傳店鋪的同時(shí)，還收獲了5萬(wàn)的忠實(shí)客戶，客戶非

常的熱衷于店鋪的綠色產(chǎn)品，在消費(fèi)的同時(shí)，為店鋪起到宣傳作用。

1.1水果類店鋪發(fā)展現(xiàn)況

水果的近幾年銷售增長(zhǎng)的速度高起，如圖1所示。

圖1水果銷售數(shù)據(jù)

打開(kāi)搜索界面就可以看到種類繁多的水果，如圖2所示。

1

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

圖2淘寶水果類目圖

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

綠葉果蔬店鋪現(xiàn)階段主要銷售新鮮水果，其次有水果蔬菜等。主要還是銷

售水果為主，目前蘋果和橘子占主導(dǎo)，銷售數(shù)量相對(duì)于其他水果蔬菜來(lái)說(shuō)相對(duì)

較高。

2綠葉水果專營(yíng)淘寶店鋪視覺(jué)營(yíng)銷分析

2.1店鋪營(yíng)銷定位分析

水果行業(yè)的競(jìng)爭(zhēng)力越來(lái)越大，所以我們需要對(duì)店鋪進(jìn)行一個(gè)定位，找到屬

于自己的風(fēng)格，目前我們主要針對(duì)年輕人，因?yàn)檫@類顧客網(wǎng)購(gòu)數(shù)量相對(duì)于中老

年人較多，所以我們要對(duì)店鋪?zhàn)龀鱿鄳?yīng)的調(diào)整，讓店鋪顯得更年輕化。

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

店鋪主要銷售的產(chǎn)品是新鮮果蔬。主營(yíng)產(chǎn)品有：橘子、蘋果、菠蘿蜜、香

蕉、水果黃瓜等產(chǎn)品。我們可以通過(guò)淘寶店鋪的數(shù)據(jù)了解到，店鋪主營(yíng)高質(zhì)量

水果，同時(shí)價(jià)格也是高于普通水果的價(jià)格，這些產(chǎn)品的買家大多數(shù)是嘗試者，

但是這些大多數(shù)買家卻給店鋪帶來(lái)的利潤(rùn)低于店鋪忠實(shí)的買家，這里可以通過(guò)

二八原則看出，20%的客戶為店鋪創(chuàng)造80%的利潤(rùn)，所以店鋪對(duì)于這20%的顧

客應(yīng)該重視，針對(duì)這少數(shù)的客戶給與更優(yōu)質(zhì)的服務(wù)。

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

2

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

消費(fèi)者人群主要是年輕人，目前水果類電商目標(biāo)消費(fèi)人群偏年輕，要比城

鎮(zhèn)的網(wǎng)購(gòu)人群顯得更加年輕，其中消費(fèi)的主力人群是20-29歲，占了32%。并且

多城市人口。農(nóng)村30歲以上人群的占比是低于城鎮(zhèn)的。

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

店鋪主營(yíng)果蔬類產(chǎn)品，所以該店鋪的風(fēng)格要符合綠色化的消費(fèi)理念，在這

快速增長(zhǎng)的社會(huì)，許多人都在忙碌著，無(wú)論是學(xué)生還是企業(yè)辦公人士在勞累一

天的情況下都希望有個(gè)安靜且舒適的環(huán)境，那么該店鋪的風(fēng)格就要簡(jiǎn)約而又不

單調(diào)，色調(diào)上要給人溫暖的感覺(jué)，所以在設(shè)計(jì)首頁(yè)、詳情頁(yè)的時(shí)候，都會(huì)以簡(jiǎn)

約為主，有裝飾修飾但視覺(jué)看出沒(méi)有違和感，整體的色調(diào)、排版都給人舒適、

溫暖的感覺(jué)。

2.3店鋪色彩分析

該店鋪首頁(yè)的背景色彩主要采用淡綠色為主，淡綠色是中間色調(diào)，首頁(yè)會(huì)

給人帶來(lái)舒適、溫暖的感覺(jué)，店鋪的兩張?jiān)斍轫?yè)的背景色分別采用的是白色和

淡綠色，詳情頁(yè)的搭配會(huì)給人帶來(lái)一種平靜、涼快、環(huán)保、安全、青春的感覺(jué)，

并且還會(huì)引導(dǎo)人心舒適、輕松。

3綠葉果蔬專營(yíng)淘寶店鋪視覺(jué)設(shè)計(jì)

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

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

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

計(jì)，版式設(shè)計(jì)能影響后面效果圖的呈現(xiàn)，所以我們需要將店鋪?zhàn)詈玫囊幻娉尸F(xiàn)

給顧客，體現(xiàn)出生意人的真誠(chéng)。

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

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

所以在版式設(shè)計(jì)的過(guò)程中要多考慮。首先需要明確銷售的產(chǎn)品及店鋪的風(fēng)格；

其次，要想好大概的構(gòu)思，如：頁(yè)面色調(diào)要與店鋪統(tǒng)一、根據(jù)產(chǎn)品亮點(diǎn)來(lái)確定

背景色、做好文案的策劃、突出主題產(chǎn)品等最后設(shè)計(jì)出版式圖。特別是在設(shè)計(jì)

版式的時(shí)候，得熟知頁(yè)面設(shè)計(jì)的三元素：背景、文案及產(chǎn)品信息。一個(gè)好的店

鋪?lái)?yè)面容易給消費(fèi)者流下好的印象，值得我們深思。

3

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

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

當(dāng)顧客在打開(kāi)店鋪的時(shí)候，給顧客第一印象就是店鋪的首頁(yè)設(shè)計(jì)，所以店

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

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

次往下就是海報(bào)區(qū)域、優(yōu)惠券區(qū)域、產(chǎn)品分類區(qū)域、產(chǎn)品熱賣區(qū)域、產(chǎn)品銷售

區(qū)域、頁(yè)尾設(shè)計(jì)區(qū)域等8個(gè)區(qū)域組成。

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

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

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

片葉子為主，一大一小，寓意著綠色化產(chǎn)品，這LOGO的設(shè)計(jì)很簡(jiǎn)易，可以讓

人們很快記?。蝗~子上面搭配著蜜葉二字的拼音。店鋪的logo是最容易被注意

到的地方，接下來(lái)是店鋪名稱，店鋪資質(zhì)，收藏店鋪，加購(gòu)商品，依次排列下

來(lái)。

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

4

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

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

首頁(yè)海報(bào)區(qū)域主要將文案放置上方位置，使文案能博得客戶眼球讓客戶更

容易看到我們的文案，可以呈現(xiàn)良好的營(yíng)銷效果；中間部分則是產(chǎn)品圖，可以

直觀的達(dá)到吸引消費(fèi)者的注意，在產(chǎn)品圖的下方則加入了產(chǎn)品的活動(dòng)時(shí)間，引

導(dǎo)消費(fèi)者的購(gòu)買。首頁(yè)海報(bào)版式設(shè)計(jì)如圖5所示：

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

優(yōu)惠券設(shè)計(jì)區(qū)域整體是一個(gè)矩形，矩形由白色框包圍并且是左右構(gòu)圖，邏

輯清晰，優(yōu)惠券版式設(shè)計(jì)如圖6所示：

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

5

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

分類導(dǎo)航區(qū)域的設(shè)計(jì)相對(duì)簡(jiǎn)單，向客戶展示了四個(gè)產(chǎn)品，分類導(dǎo)航區(qū)域版

式設(shè)計(jì)如圖7所示：

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

產(chǎn)品展示區(qū)是由四個(gè)不同矩形而成，一個(gè)矩形為產(chǎn)品展示文案三個(gè)矩形放

置產(chǎn)品展示圖，頁(yè)尾設(shè)計(jì)是在海報(bào)的正下方添加了“返回頂部”方便消費(fèi)者返

回頁(yè)面頂部。

產(chǎn)品展示區(qū)、底層海報(bào)、頁(yè)尾版式設(shè)計(jì)如圖8所示：

6

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

圖8產(chǎn)品展示區(qū)、底層海報(bào)、頁(yè)尾版式設(shè)計(jì)

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

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

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

產(chǎn)品1（蘋果詳情頁(yè)）詳情頁(yè)版式，主要包括：店招區(qū)域、海報(bào)區(qū)、優(yōu)惠券

區(qū)域、產(chǎn)品分類區(qū)域、產(chǎn)品熱賣區(qū)域、產(chǎn)品銷售區(qū)域、尾部這七個(gè)區(qū)域。

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

7

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

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

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

品特色組成，下部分為產(chǎn)品的展示圖，二者組合起來(lái)，形成良好的頁(yè)頭。

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

產(chǎn)品2詳情頁(yè)版式設(shè)計(jì)主要有：海報(bào)區(qū)域、生長(zhǎng)環(huán)境、產(chǎn)品特點(diǎn)、產(chǎn)品信

息、產(chǎn)品賣點(diǎn)、售后六個(gè)部分組成。

海報(bào)展示區(qū)域主要是對(duì)產(chǎn)品圖進(jìn)行展示，同樣采用圖文結(jié)合的方式，分別

展示橙子的主要外觀以及內(nèi)部。頁(yè)頭海報(bào)、展示區(qū)、參數(shù)區(qū)、細(xì)節(jié)區(qū)版式設(shè)計(jì)

如圖10所示：

8

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

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

產(chǎn)品賣點(diǎn)設(shè)計(jì)區(qū)域主要還是通過(guò)圖文結(jié)合的方式，以文字為主，產(chǎn)品圖為

輔，搭配上合理的文案，將產(chǎn)品的原生態(tài)生長(zhǎng)環(huán)境搬到里面，這樣可以讓消費(fèi)

者在店鋪逛的時(shí)候深入原生態(tài)的環(huán)境當(dāng)中，了解產(chǎn)品生活場(chǎng)景、營(yíng)造氛圍、配

合著文案風(fēng)格的圖片，還能夠起到烘托氣氛，營(yíng)造氛圍的作用，同時(shí)產(chǎn)品的賣

點(diǎn)可以幫助我們樹(shù)立唯一的產(chǎn)品理念，抓住消費(fèi)者的眼球。而采用圖文結(jié)合的

形式可以使插畫(huà)主題表現(xiàn)的更加深入，圖文結(jié)合形式使插畫(huà)更具創(chuàng)新性；圖文

結(jié)合的形式使插畫(huà)更具趣味性。它完全不受年齡層次的限制，無(wú)論是哪個(gè)年齡

層次的受眾看了都會(huì)喜愛(ài)，所以用到此處效果恰到好處。無(wú)論是文字表達(dá)還是

圖片表達(dá)，效果都與圖文結(jié)合的形式有較大的差距，二者缺一不可，特別是對(duì)

于這種新鮮果樹(shù)來(lái)說(shuō)，表達(dá)的具體關(guān)乎到產(chǎn)品的銷售。

3.2店鋪文案策劃

當(dāng)下，許多店鋪將目光投向營(yíng)銷的文案中，無(wú)論是線上還是線下店鋪，文

案以及成為店鋪經(jīng)營(yíng)的一部分，也是營(yíng)銷時(shí)需要考慮的基本要素之一。文案能

以語(yǔ)辭的無(wú)限可塑性，進(jìn)行斑斕多彩，風(fēng)格各異的信息內(nèi)容表現(xiàn)。

9

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

像水果店鋪我們就可以圍繞綠色健康來(lái)策劃文案，直接告訴消費(fèi)者我們的

產(chǎn)品是純天然無(wú)污染綠色水果。準(zhǔn)確擊中顧客的消費(fèi)需求，營(yíng)造與店鋪相符合

的氣場(chǎng)、氛圍、勾勒店鋪獨(dú)樹(shù)一幟的立體形象，從而更好的激發(fā)顧客的心情與

思想，潛移默化地調(diào)動(dòng)顧客的消費(fèi)意愿，這樣才能讓我們店鋪的設(shè)計(jì)和運(yùn)營(yíng)越

來(lái)越好。

3.2.1首頁(yè)文案策劃

首頁(yè)的文案設(shè)計(jì)是店鋪是否經(jīng)營(yíng)好的核心，首頁(yè)文案設(shè)計(jì)主要包括店招區(qū)

域、導(dǎo)航區(qū)域、首頁(yè)海報(bào)區(qū)域、主推產(chǎn)品區(qū)域這幾個(gè)區(qū)域的文案策劃。

店鋪的LOGO位于首頁(yè)的上方最左側(cè)，“蜜葉果蔬專賣店”，中間是店鋪的

具體內(nèi)容，比如優(yōu)惠券、產(chǎn)品的分類、主打產(chǎn)品等，這個(gè)是為顧客提供更好的

導(dǎo)航，引導(dǎo)顧客在店鋪選購(gòu)商品。右邊則是帶有文案的產(chǎn)品特色以及產(chǎn)品的保

障，嚴(yán)格質(zhì)檢，營(yíng)養(yǎng)豐富，這些是對(duì)消費(fèi)者的承諾；在店招整體的右下角添加

了“立即選購(gòu)”四個(gè)字，并且旁邊還有在線搶購(gòu)的商品以及商品價(jià)格，時(shí)刻提

醒著顧客店鋪的熱賣產(chǎn)品可以直接通過(guò)這個(gè)渠道立即選購(gòu)，如有需要可以直接

購(gòu)買。

首頁(yè)海報(bào)文案主要集中在導(dǎo)航欄的下方，首先用文本工具寫上“蜜葉水果”，

在蜜葉水果旁邊還用圖形工具勾勒出水果的圖案，在搭配上新鮮水果的圖片，

加以用文字說(shuō)明。特別是文字在描寫產(chǎn)品方面，運(yùn)用的是形容產(chǎn)品的形容詞，

營(yíng)養(yǎng)、新鮮、美味，深深的吸引著消費(fèi)者對(duì)于新鮮水果的熱愛(ài)。

主推海報(bào)的文案這個(gè)區(qū)域有三個(gè)部分，分別是產(chǎn)品優(yōu)惠券、果樹(shù)分類、熱

賣果蔬，在這些區(qū)域中，顧客如果對(duì)于某一區(qū)域感興趣可以直接點(diǎn)擊即可，在

熱賣區(qū)域的水果，旁邊還附帶著產(chǎn)品的價(jià)格，以及產(chǎn)品的特點(diǎn)，更好的為消費(fèi)

者提供選擇，在價(jià)格方面采用尾數(shù)定價(jià)法，直接影響消費(fèi)者的購(gòu)買，加大消費(fèi)

者購(gòu)買欲望。

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

詳情頁(yè)1的文案設(shè)計(jì)主要在于頁(yè)頭海報(bào)、細(xì)節(jié)展示、產(chǎn)品賣點(diǎn)幾個(gè)區(qū)域。

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

相對(duì)粗點(diǎn)的是“蜜葉香橙”，下面一部分是其賣點(diǎn)“甘甜、鮮嫩多汁”，二旁

采用線性結(jié)構(gòu)搭配產(chǎn)品的特點(diǎn)，加上文案“秋冬至品香橙；果肉多味蕾香”

字體相對(duì)小些；使整體更加有層次。

細(xì)節(jié)展示的文案設(shè)計(jì)是由不同顏色的字體加上圖片加以形容，“國(guó)外進(jìn)口，

自然生長(zhǎng)；誰(shuí)嫩多汁，果味香濃；香甜美味，爽口無(wú)籽”等字眼結(jié)合產(chǎn)品的特

10

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

色以及賣點(diǎn)，并且在每個(gè)產(chǎn)品類型下都有豐富的產(chǎn)品細(xì)節(jié)圖搭配著文案概況，

比如在“水能多汁，果味香濃”字眼下添加了100g橙子包含50毫克維生素C

等，在每一個(gè)賣點(diǎn)下都使用圖形工具區(qū)分開(kāi)來(lái)，讓消費(fèi)者清晰明了，熟知產(chǎn)品

的特點(diǎn)，有效的讀取產(chǎn)品的信息，獲得顧客的信任，提高產(chǎn)品的銷售量。

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

詳情頁(yè)2的文案設(shè)計(jì)主要是有圖片和文案以及產(chǎn)品的色彩組成的，將蜜葉

蘋果的具體信息描述出來(lái)，介紹了蘋果的學(xué)名、產(chǎn)地、特點(diǎn)、口感等，背景色

采用的是白色為主，紅色為輔，運(yùn)用各種圖案來(lái)渲染產(chǎn)品。同時(shí)在產(chǎn)品的渲染

中，運(yùn)用到各種描述詞“皮薄肉厚、脆甜多汁、營(yíng)養(yǎng)美味、果香濃郁”等，圖

文結(jié)合將蘋果的鮮美深深的表達(dá)出來(lái)，當(dāng)顧客看到商品的時(shí)候會(huì)忍不住產(chǎn)生購(gòu)

買欲望，深陷其中。文案方面還通過(guò)“果香味濃郁，隔著皮都能聞到果香”等

強(qiáng)有力的描述，吸引顧客的注意，促使顧客的成交。最后還添加了顧客最關(guān)注

的產(chǎn)品質(zhì)量問(wèn)題，無(wú)憂售后，壞果包賠等產(chǎn)品損耗的問(wèn)題，幫助顧客解決最后

的顧慮。

4綠葉果蔬專營(yíng)淘寶店鋪視覺(jué)效果制作

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

首頁(yè)整體設(shè)計(jì)采用的是淡綠色系，首先果蔬是綠色產(chǎn)品，所以運(yùn)用綠色系

更容易表達(dá)出產(chǎn)品的原意，同時(shí)又以為淡綠色屬于中色調(diào)，給產(chǎn)品帶來(lái)二種色

彩上的感應(yīng)，在首頁(yè)排版上來(lái)看，店鋪的排版是采用簡(jiǎn)約的方式避免視覺(jué)疲勞

給顧客帶來(lái)的不是。首頁(yè)需要表達(dá)的內(nèi)容也通過(guò)文案全全表達(dá)出，讓顧客在進(jìn)

入店鋪的時(shí)候盡可能的了解產(chǎn)品的所有信息。

4.1.1店招效果圖制作

店招包括：店鋪LOGO、店鋪的名稱、店招分類導(dǎo)航、加購(gòu)店鋪商品、收

藏店鋪。

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

客戶看到這個(gè)LOGO的時(shí)候就知道是該店鋪。LOGO整體來(lái)看是主要是由二片

葉子組成。店鋪的名稱則在LOGO的右邊“蜜葉果蔬”，中間是店鋪的導(dǎo)航欄具

體內(nèi)容有店鋪的分類、加購(gòu)商品、新鮮果蔬、店鋪優(yōu)惠等。這些可以在顧客在

為尋找商品時(shí)候解決必要的麻煩，提供便捷的服務(wù)，節(jié)約顧客的時(shí)間，幫助顧

客更好的瀏覽店鋪商品。

11

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

店招設(shè)計(jì)效果如圖11示：

圖11招設(shè)計(jì)效果圖

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

首頁(yè)海報(bào)設(shè)計(jì)比較簡(jiǎn)約，以淡綠色為主的背景，深深勾勒的綠色產(chǎn)品的特

色，同時(shí)可以快速的吸引客戶得到眼球。在展示海報(bào)的同時(shí)圖中運(yùn)用形狀工具

將水果描繪出來(lái)，加上水果的原圖，搭配在一起，使得海報(bào)更加豐富，一個(gè)個(gè)

水果的圖案，構(gòu)圖非常的簡(jiǎn)易、疏散，不會(huì)給顧客帶來(lái)一種眼花繚亂的感覺(jué)，

簡(jiǎn)易的“蜜葉水果”四個(gè)字，所表達(dá)的內(nèi)容卻是內(nèi)容滿滿，白色的邊款，搭配

上綠色的背景，可以給顧客一種一眼望穿的感覺(jué)，瞬間了解店鋪所銷售的產(chǎn)品，

促使交易。

首頁(yè)海報(bào)效果如圖12示：

圖12首頁(yè)海報(bào)效果圖

4.1.3其他區(qū)域制作

其它區(qū)域的制作包括：優(yōu)惠券區(qū)、產(chǎn)品分類區(qū)、熱賣專區(qū)、尾頁(yè)幾個(gè)部分

組成。優(yōu)惠區(qū)域分為三個(gè)部分，分別是10元、20元、30元滿減優(yōu)惠券，搭配

上左邊帶有的水果禮包優(yōu)惠卡59元限時(shí)搶購(gòu)。產(chǎn)品分類區(qū)用的顏色為海報(bào)背景

色，外邊款有紅白相間的線條組合成，一眼望去恰到好處，圖中又將產(chǎn)品的分

類分的格外仔細(xì)，讓消費(fèi)者明確自己的購(gòu)買欲望。第三部分熱賣產(chǎn)品，“熱賣

果蔬”四個(gè)字在最為顯眼的位置，下面是產(chǎn)品圖和產(chǎn)品的價(jià)格，圖中放置了幾

12

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

種標(biāo)志性的產(chǎn)品，搭配上用紅色渲染的價(jià)格，會(huì)帶給消費(fèi)者一種恰當(dāng)?shù)男睦镒?/p>

用，同時(shí)在每一個(gè)產(chǎn)品下面描述出產(chǎn)品的特點(diǎn)，如長(zhǎng)興島桔下面“酸甜可口，

豐富維C”，引導(dǎo)消費(fèi)者購(gòu)買。最后一部分便是尾頁(yè)部分，采用簡(jiǎn)約的方式，直

接添加了返回首頁(yè)字樣，不給消費(fèi)者帶來(lái)多余的麻煩，同時(shí)使消費(fèi)者感受到店

鋪的設(shè)計(jì)含義。

其他區(qū)域效果圖如圖13所示：

圖13其他區(qū)域效果圖

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

產(chǎn)品1為蜜葉蘋果，是店鋪的主推產(chǎn)品之一，詳情頁(yè)的內(nèi)容分別有頁(yè)頭海

報(bào)部分、產(chǎn)品展示部分、產(chǎn)品信息部分、產(chǎn)品細(xì)節(jié)部分、產(chǎn)品賣點(diǎn)部分這七大

部分組成。產(chǎn)品1詳情頁(yè)設(shè)計(jì)效果圖如圖14所示：

13

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

圖14詳情頁(yè)設(shè)計(jì)效果圖

4.2.1主副圖效果圖制作

主圖的設(shè)計(jì)背景色為紅色，在主圖左上方是店鋪logo，主圖的顏色展示了

產(chǎn)品和賣點(diǎn)，主圖下方是優(yōu)惠券，價(jià)格的部分用紅色矩形框包圍。

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

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

14

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

副圖的結(jié)構(gòu)相對(duì)簡(jiǎn)單，但是有的地方是不相同的，顧客能夠更好的區(qū)分

不同的產(chǎn)品，每張圖片都有店鋪的logo，都讓顧客清楚的看到產(chǎn)品的賣點(diǎn)。

產(chǎn)品1的副圖如圖16、圖17、圖18所示：

圖16副圖1效果圖

圖17副圖2效果圖

圖18副圖3效果圖

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

產(chǎn)品2詳情頁(yè)對(duì)比于產(chǎn)品1的詳情頁(yè)是差不多的，沒(méi)有產(chǎn)品1蘋果那樣的

大紅色，除了在文案的排版，背景的顏色上有細(xì)微的差距，其他皆類似。

15

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

產(chǎn)品2更多的是通過(guò)文案來(lái)表達(dá)產(chǎn)品，運(yùn)用更多的文案以及圖片，背景色

以黃色為主白色為輔。第一部分則是講述橘子的生長(zhǎng)環(huán)境；第二部分講述的是

橘子的特點(diǎn)“香甜可口，爽口無(wú)籽”等形容詞，第三部分則是講述橘子的檔案、別

名、以及作用，第四部分則是講述橘子的賣點(diǎn)也就是大家最為關(guān)注的一點(diǎn)“汁水

充沛”等，第五部分講述的是金牌保障，售后無(wú)憂，這個(gè)點(diǎn)是消費(fèi)者網(wǎng)購(gòu)最為擔(dān)

心的一點(diǎn)。產(chǎn)品2詳情頁(yè)設(shè)計(jì)效果圖如圖19所示：