鮮果園專(zhuān)營(yíng)淘寶店視覺(jué)營(yíng)銷(xiāo)設(shè)計(jì)方案

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

目錄

1鮮果園專(zhuān)營(yíng)店概況..................................................1

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

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

2鮮果園專(zhuān)營(yíng)店視覺(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

3鮮果園專(zhuān)營(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ì)...................................9

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

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

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

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

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

4鮮果園專(zhuān)營(yíng)店視覺(jué)效果制作.........................................17

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

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

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

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

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

4.2.1主副圖效果圖制作......................................20

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

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

I

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

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

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

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

參考資料............................................................29

II

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

鮮果園專(zhuān)營(yíng)淘寶店視覺(jué)營(yíng)銷(xiāo)設(shè)計(jì)方案

1鮮果園專(zhuān)營(yíng)店概況

鮮果園專(zhuān)營(yíng)店成立于2022年，本店新開(kāi)張，誠(chéng)信經(jīng)營(yíng)，假一罰十信譽(yù)有保

證，本店主要銷(xiāo)售的水果有香蕉、草莓、橙子、荔枝、紅龍果等，主要給大家

提供鮮美可口的水果，正如小店的店名鮮果園一樣，讓顧客吃到最新鮮健康的

水果！我們的水果均是來(lái)自綠色健康的果園，讓顧客享受新鮮、綠色、美味的

水果，是小店的宗旨，也是本店能夠吸引不少客戶的關(guān)鍵所在，從而提升店鋪

的知名度。

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

在當(dāng)今社會(huì)，網(wǎng)購(gòu)的流行讓需要購(gòu)買(mǎi)農(nóng)產(chǎn)品的消費(fèi)者們不出門(mén)就可以買(mǎi)到

想要的產(chǎn)品，所以網(wǎng)絡(luò)銷(xiāo)售是推廣農(nóng)產(chǎn)品的重要渠道之一。其中水果在農(nóng)產(chǎn)品

網(wǎng)絡(luò)零售分品類(lèi)交易額占比7.5%，其占比位于中下游，但由于水果算是消費(fèi)者

們?nèi)粘Ｉ畈豢扇鄙俚囊徊糠?，由此水果的交易額占比在未來(lái)的還是有著不錯(cuò)

前景。

農(nóng)產(chǎn)品網(wǎng)絡(luò)零售分品類(lèi)交易額占比中水果的分布情況，如圖1所示。

圖1水果于農(nóng)產(chǎn)品中的分布情況

分地區(qū)看，東、中、西部和東北地區(qū)農(nóng)產(chǎn)品網(wǎng)絡(luò)零售額占全國(guó)農(nóng)產(chǎn)品網(wǎng)絡(luò)

零售額比重分別為64.4%、14.6%、15.2%和5.8%。由此可見(jiàn)，農(nóng)產(chǎn)品網(wǎng)絡(luò)零售

分地區(qū)中在東部地區(qū)的占比很大，因此在東部地區(qū)發(fā)展有很大的提升空間。如

圖2所示。

1

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

圖2農(nóng)產(chǎn)品網(wǎng)絡(luò)零售分地區(qū)交易額占比

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

鮮果園專(zhuān)營(yíng)店是剛剛起步的小店，在對(duì)店鋪產(chǎn)品的質(zhì)量有保證的前提下，

能夠給消費(fèi)者帶來(lái)更實(shí)惠的價(jià)格和售后服務(wù)保障是現(xiàn)在的首要目標(biāo)?，F(xiàn)階段主

要銷(xiāo)售的水果分別是草莓和香蕉，其次還有獼猴桃、荔枝、芒果、橙子、火龍

果等。

作為剛起步的小店，在產(chǎn)品質(zhì)量有保證的前提下，多收集整理售后顧客所

反饋的信息，并有所反饋，不斷提升顧客的滿意度，從而為店鋪打造忠實(shí)粉絲、

形成口碑效應(yīng)奠定基礎(chǔ)。

2鮮果園專(zhuān)營(yíng)店視覺(jué)營(yíng)銷(xiāo)分析

隨著時(shí)代在快速發(fā)展，大多數(shù)的消費(fèi)者不再是盲目的從眾消費(fèi)，而是有需

求有目的的理性消費(fèi)。消費(fèi)者更看重水果的新鮮和品質(zhì)。而一個(gè)店鋪想要做到

更好更強(qiáng)，能夠在市場(chǎng)上有安身之地，就必須要對(duì)消費(fèi)者的心思有一定的理解。

初步設(shè)計(jì)分析好店鋪定位、風(fēng)格、色彩，可以讓店鋪的裝修設(shè)計(jì)有個(gè)大致的風(fēng)

格，方便設(shè)計(jì)時(shí)更好梳理思路，涌現(xiàn)靈感。

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

鮮果園專(zhuān)營(yíng)店經(jīng)營(yíng)的產(chǎn)品主要是以草莓和香蕉為主，而購(gòu)買(mǎi)這類(lèi)水果的消

費(fèi)者大多數(shù)都有著一定的消費(fèi)能力，對(duì)產(chǎn)品的質(zhì)量要求也較高，而我們的店鋪

色彩搭配以紅綠黃三色調(diào)為主，這種簡(jiǎn)約的設(shè)計(jì)，不僅能貼合產(chǎn)品的顏色，還

給人一種簡(jiǎn)約大氣的感覺(jué)。再給店鋪裝飾一些水果元素邊框做點(diǎn)綴，樹(shù)立店鋪

的品牌風(fēng)格，讓顧客感受到我們的專(zhuān)業(yè)性。

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

店鋪主要銷(xiāo)售的產(chǎn)品是草莓和香蕉。從數(shù)據(jù)分析看出草莓、香蕉、紅龍果

等這些價(jià)格適中的水果銷(xiāo)售量排列前茅，這類(lèi)水果不僅價(jià)格適中，還是生活中

2

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

常吃的有營(yíng)養(yǎng)、健康的綠色水果，無(wú)論消費(fèi)者收入狀況如何，都可以買(mǎi)到。

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

隨著中國(guó)人口和經(jīng)濟(jì)的不斷增長(zhǎng)，幾乎每一個(gè)有能力消費(fèi)的人都能成為水

果店鋪的目標(biāo)客人。可以說(shuō)水果已經(jīng)是大家日常必不可少的存在了。像老人、

中年人、小孩這些消費(fèi)群體更追求健康飲食，重視水果質(zhì)量，在購(gòu)買(mǎi)水果的消

費(fèi)者中占大多數(shù)。

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

該店鋪主營(yíng)水果類(lèi)產(chǎn)品，所以該店鋪的風(fēng)格要展示出其健康、綠色、親近

大自然的風(fēng)格，能讓消費(fèi)者吃的放心吃的安心。那么該店鋪的風(fēng)格就要清新自

然，色調(diào)上要給人一種綠色健康的感覺(jué)，所以在設(shè)計(jì)首頁(yè)、詳情頁(yè)的時(shí)候，都

會(huì)以綠色為主，有裝飾元素的修飾，但從視覺(jué)上看沒(méi)有違和感，整體的色調(diào)、

排版都給人一種身處大自然的感覺(jué)。

2.3店鋪色彩分析

該店鋪首頁(yè)的背景色彩主要采用淡綠色為主，淡綠色是冷色調(diào)，給人清爽、

健康的感覺(jué)，店鋪的兩張?jiān)斍轫?yè)的背景色分別采用的是黃色和紅色的漸變色，

黃色是與香蕉的顏色相似，紅色也是跟草莓的的顏色相似，采用相似顏色目的

是減少眼花繚亂的感覺(jué)。在視覺(jué)上有著一定的沖擊感，用來(lái)吸引消費(fèi)者的注意

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

3鮮果園專(zhuān)營(yíng)店視覺(jué)設(shè)計(jì)

伴隨著電商的迅速發(fā)展，網(wǎng)購(gòu)地域局限性逐漸消除，網(wǎng)店的數(shù)量也隨之增

長(zhǎng)，店鋪間的競(jìng)爭(zhēng)逐漸激烈化。所以店鋪能不能受歡迎，很大程度上由店鋪的

設(shè)計(jì)決定，同時(shí)，文案策劃也很重要，若是沒(méi)能直達(dá)消費(fèi)者的內(nèi)心，也很難刺

激消費(fèi)者的購(gòu)買(mǎi)欲望。因此，店鋪的視覺(jué)設(shè)計(jì)就尤其重要了，消費(fèi)者點(diǎn)開(kāi)商品

的時(shí)候一般都會(huì)看詳情頁(yè)、首頁(yè)等。所以要從店鋪的詳情頁(yè)和首頁(yè)版式，以及

設(shè)計(jì)出新穎的文案入手了。

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

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

所以在版式設(shè)計(jì)的過(guò)程中要多考慮。

3

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

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

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

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

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

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

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

航，依次往下就是全屏海報(bào)區(qū)域、優(yōu)惠券區(qū)域、主推產(chǎn)品區(qū)域、產(chǎn)品分類(lèi)區(qū)域、

產(chǎn)品展示區(qū)域、頁(yè)尾設(shè)計(jì)區(qū)域等8個(gè)區(qū)域組成。

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

4

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

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

5

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

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

個(gè)山中林子里的一座小房子，寓意著咱們的水果產(chǎn)品都是綠色健康的，集大自

然的天地精華孕育出的新鮮水果。這LOGO的設(shè)計(jì)很簡(jiǎn)約，可以讓人們很快記

住；由兩部分組成，左邊是LOGO圖，右邊是店鋪名稱。導(dǎo)航區(qū)域則放在店招

區(qū)域下方，按分類(lèi)專(zhuān)區(qū)水平放置，便于消費(fèi)者挑選所需商品。

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

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

首頁(yè)海報(bào)區(qū)主要采用中心構(gòu)圖，將所有種類(lèi)的水果以堆積的形式展現(xiàn)在消

費(fèi)者的眼中，非常的醒目，讓人們留下較深的印象。

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

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

優(yōu)惠券設(shè)計(jì)區(qū)域整體是一個(gè)矩形，矩形內(nèi)部由一個(gè)綠色框包圍，內(nèi)部白色

框內(nèi)分為左、中、右三個(gè)部分，數(shù)字下面添加了“立即領(lǐng)取”的文案，每張不

同價(jià)位的優(yōu)惠券用空隙隔開(kāi)。整體感覺(jué)條理清晰，層次鮮明。

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

6

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

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

主推產(chǎn)品區(qū)域的單個(gè)產(chǎn)品設(shè)計(jì)主要是左右結(jié)構(gòu)，左圖右文，左文右圖相結(jié)

合，整體布局簡(jiǎn)單直觀、清晰易懂，不僅讓消費(fèi)者很快地找到想要的商品，也

起到了向消費(fèi)者宣傳商品的作用。左邊的圖片區(qū)域放置產(chǎn)品圖案，右邊的文案

設(shè)計(jì)由上、中、下三區(qū)域組成，上方區(qū)域是產(chǎn)品的名稱，中間區(qū)域是產(chǎn)品的介

紹，下方區(qū)域則是水果價(jià)格和“查看詳情”區(qū)域。

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

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

分類(lèi)導(dǎo)航區(qū)域的設(shè)計(jì)也是比較常規(guī)的構(gòu)圖，由四個(gè)小矩形構(gòu)成的四大類(lèi)水

果產(chǎn)品，都是采用的文圖文的上中下的構(gòu)圖方式，介紹水果大類(lèi)，非常醒目。

分類(lèi)導(dǎo)航區(qū)域版式設(shè)計(jì)如圖8所示：

7

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

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

產(chǎn)品展示區(qū)的單個(gè)展示區(qū)細(xì)節(jié)設(shè)計(jì)采用的是上圖下文的結(jié)構(gòu)，在每個(gè)矩形

的下方會(huì)放置產(chǎn)品價(jià)格“立即購(gòu)買(mǎi)”文案。由于相對(duì)較寬，我在最左邊又設(shè)計(jì)

了一個(gè)較長(zhǎng)的上圖下文的一個(gè)矩形使展示方面風(fēng)格多樣一些。

頁(yè)尾設(shè)計(jì)是在背景上添加了一個(gè)漸變的小樹(shù)林，在正上方添加了“返回頂

部”方便消費(fèi)者返回頁(yè)面頂部。

產(chǎn)品展示區(qū)和頁(yè)尾版式設(shè)計(jì)如圖9所示：

8

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

圖9產(chǎn)品展示區(qū)、頁(yè)尾版式設(shè)計(jì)

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

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

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

產(chǎn)品1詳情頁(yè)版式，主要包括：首頁(yè)banner海報(bào)圖、產(chǎn)品信息區(qū)、細(xì)節(jié)展

示區(qū)、產(chǎn)品展示區(qū)、產(chǎn)品賣(mài)點(diǎn)區(qū)、溫馨提示區(qū)這六個(gè)區(qū)域。

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

9

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

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

10

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

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

由產(chǎn)品文案組成、中部分為產(chǎn)品的展示圖、下部分由產(chǎn)品的四個(gè)優(yōu)勢(shì)文案組成。

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

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

產(chǎn)品信息區(qū)域，主要是采用了上下兩層的設(shè)計(jì)展示的，下圖上文，更有層

次感。產(chǎn)品細(xì)節(jié)區(qū)域，是以中心構(gòu)圖的設(shè)計(jì)展示的，中心展示產(chǎn)品的細(xì)節(jié)圖，

四周以優(yōu)勢(shì)文案搭配。產(chǎn)品展示區(qū)域主要是四個(gè)矩形小圖構(gòu)成。產(chǎn)品賣(mài)點(diǎn)區(qū)域，

是以交叉左右結(jié)構(gòu)，一側(cè)放置產(chǎn)品賣(mài)點(diǎn)圖，另一側(cè)放置產(chǎn)品賣(mài)點(diǎn)信息，依次往

下排序。

產(chǎn)品信息、產(chǎn)品細(xì)節(jié)、產(chǎn)品展示、產(chǎn)品賣(mài)點(diǎn)版式設(shè)計(jì)如圖12所示：

11

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

圖12產(chǎn)品信息、產(chǎn)品細(xì)節(jié)、產(chǎn)品展示、產(chǎn)品賣(mài)點(diǎn)版式設(shè)計(jì)

溫馨提示設(shè)計(jì)區(qū)域主要是退換貨、裁剪、色彩、責(zé)任等方面進(jìn)行說(shuō)明。

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

12

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

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

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

產(chǎn)品2詳情頁(yè)版式設(shè)計(jì)主要有：頁(yè)頭海報(bào)區(qū)、產(chǎn)品信息區(qū)、產(chǎn)品細(xì)節(jié)區(qū)、

產(chǎn)品實(shí)拍區(qū)、產(chǎn)品賣(mài)點(diǎn)區(qū)、溫馨提示區(qū)這六個(gè)區(qū)域。

頁(yè)頭海報(bào)采用的是上下構(gòu)圖，上中部分主要是文案的設(shè)計(jì)，下部分是產(chǎn)品

的實(shí)物圖。

產(chǎn)品信息區(qū)域主要是采用左圖右文進(jìn)行展示，分別展示了產(chǎn)品的各個(gè)數(shù)據(jù)。

產(chǎn)品細(xì)節(jié)區(qū)域主要是交叉左右結(jié)構(gòu)，一側(cè)放置產(chǎn)品細(xì)節(jié)圖，另一側(cè)放置產(chǎn)品細(xì)

節(jié)信息，依次往下排序。產(chǎn)品實(shí)拍區(qū)域也是交叉的左右結(jié)構(gòu)。

頁(yè)頭海報(bào)、信息區(qū)、細(xì)節(jié)區(qū)、實(shí)拍區(qū)版式設(shè)計(jì)如圖14所示：

13

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

圖14頁(yè)頭海報(bào)、展示區(qū)、參數(shù)區(qū)、細(xì)節(jié)區(qū)版式設(shè)計(jì)

產(chǎn)品賣(mài)點(diǎn)區(qū)域是通過(guò)交叉式的左文右圖的矩形圖展示的，一邊是是賣(mài)點(diǎn)的

14

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

文案描述，一邊是產(chǎn)品圖。溫馨提示設(shè)計(jì)區(qū)域主要是對(duì)退換貨、裁剪、色彩、

責(zé)任的描述。

產(chǎn)品賣(mài)點(diǎn)和溫馨提示版式設(shè)計(jì)如圖15所示：

圖15產(chǎn)品賣(mài)點(diǎn)和溫馨提示版式設(shè)計(jì)

15

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

3.2店鋪文案策劃

寫(xiě)好文案最主要的好處是能夠潛移默化的引導(dǎo)消費(fèi)者購(gòu)買(mǎi)，能給消費(fèi)者留

下深刻的印象。同時(shí)，消費(fèi)者們每天面對(duì)海量的資訊，在有限的瀏覽時(shí)間里，

他們只會(huì)挑選自己喜歡的文案。所以，如何設(shè)計(jì)出新穎且有吸引力的文案就顯

得尤其重要了。

3.2.1首頁(yè)文案策劃

首頁(yè)文案策劃包括店招、導(dǎo)航欄、全屏海報(bào)，主推產(chǎn)品、分類(lèi)產(chǎn)品、產(chǎn)品

展示六個(gè)部分。

店招是展示自己店鋪形象，體現(xiàn)店鋪的名稱及主營(yíng)方向，讓顧客進(jìn)店之后

能夠第一時(shí)間對(duì)店鋪有個(gè)大概的了解，在店招最左側(cè)放入品牌logo與店鋪名，

讓顧客知道自己的品牌；店招的文案中有“天然的果園”文案，不僅讓消費(fèi)者

覺(jué)得產(chǎn)品綠色健康，而且心動(dòng)，是對(duì)消費(fèi)者的保障；

在設(shè)計(jì)首頁(yè)海報(bào)時(shí)，考慮到海報(bào)是整個(gè)首頁(yè)占版面最大、最先映入顧客眼

簾的一個(gè)部分，所以在海報(bào)上，我選擇將店鋪的各個(gè)產(chǎn)品圖堆放在一起，周?chē)?/p>

再用云霧修飾，更能展現(xiàn)出水果的鮮美感，來(lái)激發(fā)消費(fèi)者的購(gòu)買(mǎi)欲望。

在策劃主推產(chǎn)品區(qū)、分類(lèi)產(chǎn)品區(qū)以及產(chǎn)品展示區(qū)的文案時(shí)，考慮到讓顧客

在最短的時(shí)間內(nèi)獲得信息，所以將產(chǎn)品的標(biāo)題統(tǒng)一簡(jiǎn)化為四個(gè)字的格式，如：

“果中珍品”“海南貴妃”“正品徐香”，不僅突出了產(chǎn)品的主要賣(mài)點(diǎn)，而且

顧客讀起來(lái)朗朗上口，更容易激發(fā)起顧客對(duì)產(chǎn)品的興趣；同時(shí)，將每款產(chǎn)品的

價(jià)格突出顯示出來(lái)，價(jià)格旁邊設(shè)計(jì)了“點(diǎn)擊查看”和“查看詳情”字樣的按鈕，

方便顧客直接購(gòu)買(mǎi)該款產(chǎn)品

首頁(yè)底部設(shè)計(jì)了“返回頂部”按鈕，讓消費(fèi)者意識(shí)到已經(jīng)瀏覽到最底部了，

如果顧客想要繼續(xù)瀏覽最前面的產(chǎn)品，可直接點(diǎn)擊按鈕回到頂部。

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

詳情頁(yè)1的文案設(shè)計(jì)主要在于頁(yè)頭海報(bào)、產(chǎn)品信息、產(chǎn)品賣(mài)點(diǎn)和溫馨提示

這幾個(gè)區(qū)域。

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

最大且相對(duì)粗點(diǎn)的是“紅顏奶油草莓”，下面一部分是其賣(mài)點(diǎn)“適合全家一起

吃的水果”，字體相對(duì)小些；最后一部分是寫(xiě)了草莓的四個(gè)優(yōu)點(diǎn)，用四個(gè)圓形

包圍，使整體更加有層次。

產(chǎn)品信息的文案設(shè)計(jì)的層次感是用底部圖片和上方左邊的信息來(lái)展示的，

16

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

讓顧客有效讀取信息。產(chǎn)品細(xì)節(jié)的文案設(shè)計(jì)是用中心構(gòu)圖的方式來(lái)展示的，中

心展示產(chǎn)品的細(xì)節(jié)圖，四周以優(yōu)勢(shì)文案搭配。產(chǎn)品賣(mài)點(diǎn)的文案設(shè)計(jì)比較簡(jiǎn)單，

交叉左右結(jié)構(gòu)，一側(cè)放置產(chǎn)品細(xì)節(jié)圖，另一側(cè)放置產(chǎn)品細(xì)節(jié)信息，依次往下排

序。最后的溫馨提示部分的文案設(shè)計(jì)主要是對(duì)退換貨、裁剪、色彩、責(zé)任的描

述，溫馨提示的設(shè)計(jì)可以獲得客戶的信任，提高該店鋪的銷(xiāo)售率。

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

詳情頁(yè)2的文案設(shè)計(jì)主要是在于頁(yè)頭海報(bào)、產(chǎn)品信息、產(chǎn)品細(xì)節(jié)、產(chǎn)品賣(mài)

點(diǎn)和溫馨提示這幾個(gè)部分。

頁(yè)頭海報(bào)的文案設(shè)計(jì)也具有層次感，第一層是“云南高山香蕉”字體比較

粗大立體且字體顏色是黑色，讓消費(fèi)者第一眼就能看到；第二層是產(chǎn)品本身的

口感味道文案，第三層是“果香濃郁，甜糯棉滑”，字體相對(duì)于小點(diǎn)，主要是

輸送給消費(fèi)者一個(gè)信念：“產(chǎn)品絕對(duì)健康，絕對(duì)新鮮且有營(yíng)養(yǎng)”，從而提高消

費(fèi)者對(duì)店鋪的信任；產(chǎn)品信息的文案設(shè)計(jì)的層次感是用線條邊框搭構(gòu)的，詳細(xì)

介紹了產(chǎn)品的信息及儲(chǔ)存方法。產(chǎn)品細(xì)節(jié)的文案設(shè)計(jì)的層次感是用字體大小和

粗細(xì)區(qū)分，是顧客有效讀取信息；產(chǎn)品賣(mài)點(diǎn)的文案設(shè)計(jì)比較簡(jiǎn)單，主要是產(chǎn)品

的描述，再添加一些修飾元素，使得文案設(shè)計(jì)栩栩如生；產(chǎn)品賣(mài)點(diǎn)的文案設(shè)計(jì)

也是用了交叉左右結(jié)構(gòu)，一側(cè)放置產(chǎn)品細(xì)節(jié)圖，另一側(cè)放置產(chǎn)品細(xì)節(jié)信息，依

次往下排序。最后的溫馨提示部分的文案設(shè)計(jì)主要是對(duì)退換貨、裁剪、色彩、

責(zé)任的描述。

4鮮果園專(zhuān)營(yíng)店視覺(jué)效果制作

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

首頁(yè)整體設(shè)計(jì)采用的是淡綠色系，首先整體的背景一種淡綠色的漸變效果，

更能讓消費(fèi)者們感到貼近大自然的感覺(jué)，然后綠色本就是比較貼合大自然綠色

水果的感覺(jué)，讓人看起來(lái)很舒服、很清新、很健康的感覺(jué)，最后整體的排版都

比較簡(jiǎn)約，主要是不讓客戶有視覺(jué)疲勞，盡量給客戶帶來(lái)舒適感。

4.1.1店招效果圖制作

店招包括：店鋪LOGO、店鋪的名稱、店招文案、店招分類(lèi)導(dǎo)航。

店鋪的LOGO是簡(jiǎn)單線條組成的林間小屋。所以設(shè)置LOGO的時(shí)候要簡(jiǎn)單

且讓消費(fèi)者看到這個(gè)LOGO的時(shí)候就知道該店鋪是大概買(mǎi)什么的，一目了然。

店鋪的名稱位于LOGO圖的右側(cè)，“鮮果園專(zhuān)營(yíng)店”，在店鋪名稱下方是大寫(xiě)

17

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

字母開(kāi)頭的拼音組成，主要是修飾店鋪名稱。導(dǎo)航區(qū)域分別有首頁(yè)、所有產(chǎn)品、

熱賣(mài)推薦、活動(dòng)專(zhuān)區(qū)、分類(lèi)專(zhuān)區(qū)、新品上市這六個(gè)部分，客戶可以根據(jù)所需的

產(chǎn)品找到相對(duì)應(yīng)的產(chǎn)品，不僅節(jié)約了時(shí)間，也讓客戶瀏覽了更多的商品。

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

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

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

首頁(yè)海報(bào)設(shè)計(jì)也比較簡(jiǎn)單，以綠色大地山林間為背景，用云霧做裝飾，整

體是屬于中心構(gòu)圖法，中間來(lái)擺放各式各樣的水果，不僅看起來(lái)更加的綠色健

康，而且還展示了水果的多樣性。店鋪的背景色是以淡綠色為主，與該店鋪大

部分的產(chǎn)品的顏色相似，這樣的相似性的色彩搭配看起來(lái)更舒服一些，不會(huì)感

覺(jué)到眼花繚亂；而文案使用的是較深的綠色和黃紅色的漸變效果，與背景色有

鮮明的對(duì)比，能讓客戶一眼的就能看出該店鋪所銷(xiāo)售產(chǎn)品的類(lèi)型。

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

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

4.1.3其他區(qū)域制作

其它區(qū)域的制作包括：優(yōu)惠券區(qū)、主推果果區(qū)、果果分類(lèi)區(qū)、果果展示區(qū)

和頁(yè)尾區(qū)這幾個(gè)部分。優(yōu)惠券區(qū)域分為三部分組成，分別是45-10元、90-20元

及150-30元優(yōu)惠券，背景色為深綠色再加上數(shù)字的放大能讓消費(fèi)者對(duì)優(yōu)惠券金

額心動(dòng)從而促使其購(gòu)買(mǎi)。主推果果區(qū)用的顏色為白、褐、白三種顏色，外面用

淡綠色框包圍，文案字體分為四部分部分，產(chǎn)品的名稱為第一部分，字體顏色

為褐色，大小相對(duì)大些；水果描述文案為第二部分，美味可口的文案更能吸引

消費(fèi)者購(gòu)買(mǎi)；第三部分是“現(xiàn)摘現(xiàn)發(fā)順豐空運(yùn)”更能體現(xiàn)出店鋪的水果非常新

鮮且健康，消費(fèi)者不用為水果的質(zhì)量感到擔(dān)心，放心購(gòu)買(mǎi)；價(jià)格為第四部分，

顏色為紅色，數(shù)字字體放大變粗，消費(fèi)者一般會(huì)很在意價(jià)格，放大的數(shù)字價(jià)格

更能符合消費(fèi)者心理，還有“查看詳情”，放置在價(jià)格下方，字體為黑色，能

18

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

讓消費(fèi)者方便了解。產(chǎn)品分類(lèi)區(qū)分為四個(gè)部分：橙子類(lèi)、香蕉類(lèi)、草莓類(lèi)、火

龍果類(lèi)。每個(gè)部分都會(huì)有相應(yīng)的產(chǎn)品圖放置，構(gòu)圖為上文中圖下文的結(jié)構(gòu)，整

體設(shè)計(jì)比較獨(dú)特。產(chǎn)品展示區(qū)與產(chǎn)品分類(lèi)區(qū)相對(duì)應(yīng)，每個(gè)部分都展示了兩種產(chǎn)

品，加上對(duì)展示圖、賣(mài)點(diǎn)和價(jià)格的說(shuō)明，體現(xiàn)了設(shè)計(jì)的整體性。頁(yè)尾的背景設(shè)

計(jì)是一片小林子和一座房子的漸變結(jié)構(gòu)，跟LOGO相對(duì)應(yīng)，體現(xiàn)出店鋪的風(fēng)格；

其上方中心位置是“返回首頁(yè)”，讓消費(fèi)者更方便操作，以便返回頂部。

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

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

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

產(chǎn)品1為草莓的制作，是該店鋪的主要銷(xiāo)售的產(chǎn)品之一。詳情頁(yè)內(nèi)容分別

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

部分、溫馨提示部分這六大部分組成。

19

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

4.2.1主副圖效果圖制作

主圖是在平臺(tái)上最先展示給消費(fèi)者的圖片，所以要想吸引消費(fèi)者，不僅要

展示圖片、賣(mài)點(diǎn)、價(jià)格還要整體設(shè)計(jì)具有強(qiáng)有力的吸引力。該主圖設(shè)計(jì)的背景

色為藍(lán)色天空，中間產(chǎn)品的展示、賣(mài)點(diǎn)以橘、紅、白、綠、黑色混搭來(lái)體現(xiàn)出

奶油草莓的特點(diǎn)，主圖下方有價(jià)格和優(yōu)惠券，左上方是店鋪LOGO，豐富且不

雜亂的主圖設(shè)計(jì)更能讓消費(fèi)者喜歡。

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

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

副圖2、副圖3的結(jié)構(gòu)相似，是對(duì)角線構(gòu)圖法，左上方是該店鋪的LOGO，

中間是產(chǎn)品的展示，右下方則是對(duì)產(chǎn)品闡述；文案略有些不同，副圖1的結(jié)構(gòu)

有些不同，是中心構(gòu)圖法，來(lái)體現(xiàn)產(chǎn)品的質(zhì)量保障，副圖2和副圖3是產(chǎn)品的

實(shí)拍展示，配上文案，讓消費(fèi)者對(duì)其有一定的了解。

產(chǎn)品1的副圖效果圖如圖20，圖21，圖22所示：

20

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

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

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

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

21

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

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

產(chǎn)品1詳情頁(yè)的背景色是以從上往下由淺紅到深紅色漸變組成的，與奶油

草莓的顏色相似，相似性色的顏色整體不會(huì)有雜亂不堪和視覺(jué)疲勞的缺點(diǎn)。頁(yè)

頭海報(bào)的顏色相對(duì)整體背景色要淺一些，更能突出其賣(mài)點(diǎn)——奶油；

產(chǎn)品信息區(qū)以兩層疊放的形式展示的，下層為圖，上層為產(chǎn)品信息，產(chǎn)品

信息主要說(shuō)明了產(chǎn)品的名稱、味道口感、產(chǎn)品產(chǎn)地、儲(chǔ)存方法、凈含量等，目

的是要消費(fèi)者明白所需的產(chǎn)品大致的信息。

細(xì)節(jié)展示區(qū)以一半產(chǎn)品外部結(jié)構(gòu)，一半內(nèi)部結(jié)構(gòu)，四周文案組成的，主要

展示了產(chǎn)品的特點(diǎn)、口感、外觀、氣味這四個(gè)部分的文案，傳輸給消費(fèi)者該產(chǎn)

品的質(zhì)量及特點(diǎn)的信息，讓消費(fèi)者相信該產(chǎn)品值得購(gòu)買(mǎi)；

產(chǎn)品展示區(qū)主要展示了四個(gè)不同封面的草莓實(shí)拍，目的是使消費(fèi)者更加了

解該產(chǎn)品。

產(chǎn)品賣(mài)點(diǎn)主要是對(duì)草莓的生長(zhǎng)環(huán)境、種植技術(shù)、自然健康等方面介紹產(chǎn)品

賣(mài)點(diǎn)的，讓消費(fèi)者買(mǎi)的放心，吃的安心。

溫馨提示是對(duì)退換貨、裁剪、色彩及責(zé)任的描述，該區(qū)域的設(shè)計(jì)是讓該店

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

產(chǎn)品1詳情頁(yè)設(shè)計(jì)效果圖如圖23所示：

22

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

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

23

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

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

產(chǎn)品2為香蕉的制作，是該店鋪的主要銷(xiāo)售的產(chǎn)品之一。詳情頁(yè)的主要內(nèi)

容有頁(yè)頭海報(bào)部分、產(chǎn)品信息部分、產(chǎn)品細(xì)節(jié)部分、產(chǎn)品實(shí)拍、產(chǎn)品賣(mài)點(diǎn)部分、

溫馨提示部分這六大部分組成。

4.3.1主副圖效果圖制作

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

間的背景顏色為左黃右白色，這種顏色能更好契合產(chǎn)品本身的顏色，看起來(lái)很

舒服；中間的設(shè)計(jì)是用圓框的形式，將產(chǎn)品放入其中；主圖下方是價(jià)格和優(yōu)惠

券，價(jià)格部分用淡黃色的漸變色不規(guī)則矩形框包圍，字體為黑色，數(shù)字的字體

相對(duì)大些，更有立體感，讓消費(fèi)者感覺(jué)真實(shí)。

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

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

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

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

整體效果看來(lái)比較和諧、舒適、大方。

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

24

湖南商務(wù)職業(yè)技