橙鑫水果專營淘寶C店視覺營銷設(shè)計方案

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

目錄

1橙鑫水果專營淘寶店鋪概況....................................................................................1

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

1.2橙鑫水果專營淘寶店鋪現(xiàn)狀.........................................................................2

2橙鑫水果專營淘寶店鋪視覺營銷分析....................................................................3

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

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

2.1.2店鋪消費者人群定位分析..................................................................3

2.2店鋪風格分析.................................................................................................4

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

3橙鑫水果專營淘寶店鋪視覺設(shè)計............................................................................4

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

3.1.1店鋪首頁版式設(shè)計..............................................................................5

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

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

3.2店鋪文案.........................................................................................................8

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

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

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

4橙鑫水果專營淘寶店鋪視覺效果制作..................................................................12

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

4.1.1店招設(shè)計過程....................................................................................12

4.1.2海報制作過程....................................................................................13

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

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

4.2.1主副圖效果圖....................................................................................16

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

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

I

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

4.3.1主副圖效果圖....................................................................................19

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

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

參考文獻.....................................................................................................................23

II

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

橙鑫水果專營淘寶C店視覺營銷設(shè)計方案

1橙鑫水果專營淘寶店鋪概況

橙鑫水果專營淘寶C店是在2022年成立的，主要經(jīng)營的產(chǎn)品是各類水

果，一些日常常見的的水果是我們的主要銷售產(chǎn)品，比如：橙子、蘋果、紅

提、香蕉。橙鑫水果這個店鋪名稱我用心的想了很久，橙即代表了橙子，為我

店鋪的主推水果，鑫代表了我店的經(jīng)營狀況，鑫由三個金組成，寓意我店鋪經(jīng)

營有錢賺。兩個詞組合在一塊的諧音為誠心、誠信，這也表示我們店鋪拿著誠

心與顧客進行誠信的交易，這兩個字所表達的含義。和我們的產(chǎn)品有著不可分

割的關(guān)系，能更好的讓顧客記住店鋪的名字，提升店鋪的認知度，從而增加回

購率。

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

隨著我國人民生活水平不斷提高，營養(yǎng)意識與營養(yǎng)供給能力都有所提高，

居民膳食質(zhì)量提高，蔬果攝入量逐年上漲。水果成為大眾飲食日常，水果的使

用方式也逐漸多樣化；水果及果切也逐步成為健康零食的首選。在品牌化和國

潮影響下，消費者開始關(guān)注國產(chǎn)品牌。

2020年我國人均鮮瓜果消費量與2019年基本持平，達到51.3千克，與

《中國食物與營養(yǎng)發(fā)展綱要（2014——2020）》中的60千克的目標。

圖1：2015-2020年全國居民人均鮮瓜果消費量

1

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

中國水果零售的主要渠道包括農(nóng)貿(mào)市場、現(xiàn)代零售（包括商超、生鮮超

市、便利店）、電商渠道、水果專營零售，2021年零售總額分別占比25%、

37%、13%、25%。

圖2：2021年水果零售渠道占比情況

數(shù)據(jù)來源：中商產(chǎn)業(yè)研究院整理

通過查詢可以知道在淘寶網(wǎng)上僅僅篩選淘寶店鋪，水果類的店鋪有502837

家，如圖3可知。

圖2：淘寶水果類店鋪數(shù)量

這些店鋪當中，有非常多的優(yōu)秀店鋪，也有很多的老店。但是，中國水果

市場需求還是很大，我們可以以差異化和優(yōu)秀的服務(wù)態(tài)度來搶占一部分市場。

在這個龐大的水果類市場中，還是可以占有一定的市場份額。

1.2橙鑫水果專營淘寶店鋪現(xiàn)狀

橙鑫水果專營淘寶C店成立于2022年。新店開張，為了快速吸引顧客，

以及有效利用淘寶平臺新店開張期間的免費流量支持，店鋪目前設(shè)置了不少優(yōu)

惠活動。不如：全場水果產(chǎn)品包郵到家，關(guān)注店鋪者，新關(guān)注的粉絲就可以使

用一張優(yōu)惠券3元優(yōu)惠券，并且是無門檻的，進店也可以領(lǐng)取其他的滿減優(yōu)惠

券，達到相應(yīng)的金額可以使用，這兩張優(yōu)惠券可以一起使用；因為是生鮮水

果，本店只支持24小時壞果退換，店鋪活動時間定為3月15——3月21。

2

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

2橙鑫水果專營淘寶店鋪視覺營銷分析

隨著我國經(jīng)濟的持續(xù)發(fā)展，我國居民的實際收入將大幅度提高，人們的購

買力也將逐步提高，水果也將在人民的生活中扮演著越來越重要的作用。有助

于廣大市民水果消費，提高水果銷量。想要在這個市場占有一席之地，就必須

要對消費者的心思有一定的理解。在設(shè)計分析好店鋪的定位、風格、色彩，可

以讓店鋪的裝修設(shè)計有個大致風格，便于后面設(shè)計時可以更好的梳理思路。

2.1店鋪視覺營銷定位分析

橙鑫水果專營淘寶C店經(jīng)營的產(chǎn)品主要是一些常見的水果。而吃水果的消

費者大多為26-35歲的，其中以女性居多，她們買水果關(guān)注的點主要是水果的

營養(yǎng)成分、重視營養(yǎng)豐富均衡果的含糖量。因此，我們店鋪的色彩搭配主要以

水果本身的顏色為主，這種色彩的設(shè)級，可以給消費一種身臨其境的感覺。另

外，用綠色作為點綴，樹立店鋪的風格，讓顧客感受到我們是產(chǎn)品是綠色健康

的。

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

我們店鋪主營的水果產(chǎn)品都是人們?nèi)粘Ｉ钪行枰?，這就要求我們的產(chǎn)

品定位不能脫離消費者。我們店鋪主推產(chǎn)品之一是橙子，為了符合人們的消

費，商品售價為13-15元一斤，不同的產(chǎn)品價格會有所不一樣，在水果的售價

中并不算高。再加上包郵到家，是大多數(shù)消費者可以選擇的商品，富含豐富維

生素，產(chǎn)地直銷，可以保證水果本身的新鮮感，這就是橙鑫水果專營淘寶店鋪

對于橙子的產(chǎn)品定位。我們店鋪的另一個主推產(chǎn)品是蛇果，蛇果也是蘋果的一

種，相比正常的蘋果，蛇果的長相更好看，看起來也更加有食欲，他的營養(yǎng)成

分也比普通蘋果更高。定價為16-19元一斤，不同的蛇果價格也有所不同。店

鋪還有其他的不同水果可供大家挑選，顧客的選擇性更多，同時也可以提升店

鋪的客單價，也能提高店鋪的DSR評分。

2.1.2店鋪消費者人群定位分析

根據(jù)相關(guān)市場調(diào)研資料，可以知道吃水果比較多的城市為新一線城市和二

線城市，年齡集中在16-35歲之間，這類消費者大多為女性、青年人和工作

者。她們具有一定的消費能力，水果可以作為他們的飯錢開胃食品，早晨也可

以作為應(yīng)急早餐，晚上可以作為晚餐，保持身材。這些人大多追求生活品質(zhì)，

注重營養(yǎng)均衡，水果便成了很好的選擇。

3

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

2.2店鋪風格分析

這個社會在不斷進步，城市中的房價也在上漲，高額的門店費用使成本增

加，線下門店的高價迫使一部分顧客選擇價格更明確的網(wǎng)上購物。全國經(jīng)濟水

平也在上漲，使得水果進入越來越多的家庭，成為成活中的一部分。我們店鋪

裝修要美觀，使用水果本身的顏色可以讓消費者在瀏覽店鋪頁面的時候，覺得

我們店鋪很實在，給顧客一種舒適的感覺，再加入一些綠色元素，除了點綴畫

面，還可以讓顧客感覺我們店鋪的水果是新鮮綠色健康的。同時，水果的特

點、水果價格、店鋪活動也要明確清晰，讓用戶一目了然。

2.3店鋪色彩分析

色彩搭配，在店鋪的首頁、詳情頁、主副圖的裝修設(shè)計過程中極其重要，

在看過其他很多同類店鋪后，我決定用水果本身的色彩作為主色調(diào)，綠色作為

輔助色，但是這個主色調(diào)不完全是和水果本身一樣的顏色，會在這個顏色的基

礎(chǔ)上做出變化，突出層次感。水果本身的顏色就是一種很好的突出色，再加以

綠色作為輔助色作為點綴，讓顧客看著圖片不會感覺太單調(diào)。店鋪整體的背景

我們是以白色白背景，不添加其他的色彩，色彩太多看起來會復(fù)雜很多，給人

一種沉重的心情。白色為底，突出我們店鋪的簡約，看起開很清爽，給人一種

輕松愉快的感覺。

圖3：色卡圖

3橙鑫水果專營淘寶店鋪視覺設(shè)計

合理的視覺設(shè)計，這是一定離不開好的排版設(shè)計和文案寫作。版式設(shè)計能

有效的突出利益點，讓畫面看上去更加和諧、舒適、有條理性。文案則可以將

我們產(chǎn)品的賣點以文字的方式，溫和的傳達給消費者。接下來我i主要描述我

們店鋪的版式、文案是如何設(shè)計制作的。

4

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

3.1店鋪版式設(shè)計

一個店鋪的版式如果結(jié)構(gòu)非常的合理，在一定程度上能給顧客一種舒適的

感覺，視覺上的享受，好圖配好文，色彩搭配，產(chǎn)品的擺放，這些都可以讓我

們店鋪在瀏覽過程中充滿易讀性以及減少跳失率，從而激發(fā)顧客的購買欲望。

3.1.1店鋪首頁版式設(shè)計

現(xiàn)在來看一下店鋪的首頁版式設(shè)計，每當打開店鋪首頁時，最上面的便是

店招和導(dǎo)航條，第一個商品推薦的是橙子，因此第一張海報圖背景采用了一個

橙色的漸變，橙子是橙色的，單用橙色太過單調(diào)，用橙色漸變可以更好的突出

一個層次感。下面便是領(lǐng)取優(yōu)惠券專區(qū)和分類專區(qū)，主營四大水果產(chǎn)品，外加

一個更多水果的鏈接，每一個專區(qū)都有設(shè)計相應(yīng)的海報，主推的是水果下面會

有其他不同地區(qū)的水果，不同水果吃起來的口感以及水果的口味也有所不同，

還有價格也不一樣，供大家的選擇會更多，可以根據(jù)自己的需求選擇對應(yīng)的產(chǎn)

品。這些產(chǎn)品中越是主推的產(chǎn)品，設(shè)計的會越精細美觀，其余的產(chǎn)品設(shè)計相對

簡單一些。每一種水果下面的其他品種圖片設(shè)計為同樣大小，這樣整體看起來

會比較協(xié)調(diào)。然后就是最后面的返回頂部的部分了，沒有采用其他色彩，只是

文字加箭頭，背景用一些綠葉作為點綴。

5

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

橙鑫水果專營淘寶店鋪首頁版式設(shè)計草圖如5所示：

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

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

產(chǎn)品1的詳情頁設(shè)計，是我們店鋪的主推產(chǎn)品之一的冰糖橙。海報的設(shè)計

是采用和橙子本身一樣的漸變色，這樣設(shè)計看起來會更加美觀以及有層次感。

橙子后面用橙子的英語orange作為點綴，讓圖片看起來均衡一些。海報配有

一些諧音語句作為海報的文案。海報下面為產(chǎn)品的一些基本信息，再后面為產(chǎn)

品詳情圖片。排版為豎形排版，整齊的排列下來，在詳情圖片上在加有產(chǎn)品信

息的文案作為點綴。在詳情頁中間位置會設(shè)計一個左右排版，這樣看看起來整

個頁面不會太單調(diào)。豎直的排版能夠讓消費者在欣賞店鋪商品詳情頁時，顯得

不那么費力。購買須知作為獨立的板塊，用橙色色塊作為背景展示。

6

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

產(chǎn)品1詳情頁版式設(shè)計草圖如圖6所示。

圖5：產(chǎn)品1詳情頁版式設(shè)計草圖

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

產(chǎn)品二的詳情頁設(shè)計，也是我們店鋪的主推產(chǎn)品之一的蛇果。產(chǎn)品二的詳

情頁排版與產(chǎn)品一的排版格式相差無幾，產(chǎn)品二的海報背景色選取了與蛇果本

身相近的紅色，用一些綠色的樹葉作為一些背景點綴，加上一些文案。不同

的時產(chǎn)品二詳情頁文案寫在了詳情頁圖片的下面，用一個粉色漸變色塊作為文

案的背景。在詳情頁中間會設(shè)計一個左右排版的區(qū)域，這樣可以讓詳情頁看

不來不會那么枯燥。最后的購買須知也是用的橙色色塊作為一個獨立版塊。

7

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

產(chǎn)品2詳情頁版式設(shè)計草圖如圖7所示。

圖6：產(chǎn)品2詳情頁版式設(shè)計草圖

3.2店鋪文案

文案就是和消費者溝通的利器，好的文案，就像是和顧客聊天一般，將產(chǎn)

品的賣點在顧客耳邊“說出來”。抓住消費者的心里，用簡單的文字把消費者

感興趣的利益點、痛點，關(guān)注點提煉出來，讓消費者對咱們的商品愈加熟悉，

打消消費者的疑慮，讓消費者認為“這個產(chǎn)品就是我想要的產(chǎn)品”，引導(dǎo)消費

者購買我們的產(chǎn)品。

8

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

3.2.1首頁文案策劃

橙鑫水果專營淘寶C店新店開張，為了在短時間內(nèi)利用好淘寶平臺支持的

免費流量，收獲專屬于我們店鋪的粉絲，能讓買家關(guān)注我們店鋪是最好的選

擇，所以，在店招的部分有設(shè)計“收藏本店”，同時在“收藏本店的下面配有

紅底白字的“關(guān)注”字眼，在“關(guān)注”的右邊也有箭頭指向“關(guān)注”。在設(shè)計

店招這個板塊的時候，除了用logo和收藏的設(shè)計，還使用了店鋪推薦商品的

圖片，圖片旁邊配有商品名稱和價格，點擊圖片即可跳轉(zhuǎn)購買，還配有“急速

發(fā)貨”的賣點，以此來吸引顧客點擊購買。

當顧客點擊進入店鋪的時候，他們最先注意的可能不是店招，而是處于視

覺焦點的海報圖。我們店鋪主推的是橙子，海報的右邊是放著橙子的圖片，在

左邊配有“新鮮采摘多汁多VC”的文字，突出本產(chǎn)品的賣點。在文字上面有

一些英文，提高圖片的高級感。在文字下方有立即搶購的字樣，可供顧客直接

點擊購買。

接下來的文案，我才用了中文和英文的購買，優(yōu)惠券專區(qū)的文案下面配有

優(yōu)惠券的英文翻譯“COUPON“，有了英文的裝飾，優(yōu)惠券板塊看起來會柔和很

多。

分類導(dǎo)航的五個類目，每個小板塊都有簡單描述產(chǎn)品的文案和快速購買的

鏈接?！肮庹粘渥?，酸甜可口”突出了橙子的味道和生長壞境，在充足光照環(huán)

境下的橙子，味道更加可口；“大小剛好，味道很妙”寫出蛇果的果形大小剛

剛好，而且味道也是很妙的；“口感糯糯的，味道甜甜的”寫出香蕉的口感和

味道；“果大串好，每顆都甜”，這也是寫出葡萄的味道以及果形；“更多水

果，等你發(fā)現(xiàn)”，這個文案可以吸引顧客深入店鋪發(fā)現(xiàn)其他的水果，探尋店鋪

還有什么水果，給店鋪帶來流量。

“四川果凍橙，果肉細膩”，一句話寫出產(chǎn)品的產(chǎn)地、品種、果肉口感。

直接突出產(chǎn)品賣點。原產(chǎn)自四川，品種為果凍橙，果肉像果凍一樣，柔軟細

膩。下面還有其他產(chǎn)地品種的橙子可供顧客選擇，“麻陽冰糖橙，入口無渣，

回味無窮”，麻陽冰糖橙在全國也是比較有名的，“贛南臍橙，汁水充沛，淡雅

清香”，同樣的，贛南臍橙在全國也是很受歡迎的，名聲同樣很好。不同品種

不同地區(qū)的橙子可供大家選擇，大家可以自己選擇自己喜歡的產(chǎn)品，各取所

需。

后面的產(chǎn)品和上面的產(chǎn)品賣點沒什么大不同，都是產(chǎn)地和口感以及外表的

不同表達?！案拭C蛇果，生態(tài)種植”——產(chǎn)自甘肅的蘋果，種植方式為生態(tài)種

植?！耙患壘?，甜蜜多汁”，選出來的蘋果都是精品中，各個甜蜜多汁；“山

9

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

東蛇果，肉質(zhì)細膩”——產(chǎn)自山東的蛇果，“陜西蛇果，紅艷動人”——產(chǎn)自

陜西的蛇果?！昂颖奔t提，好吃不貴”，——產(chǎn)自河北的紅提；“陜西紅提，果

肉脆“——產(chǎn)自陜西的紅提；“新疆紅提，甜度高”——產(chǎn)自新疆的紅提。

“廣西香蕉，香氣四溢”——產(chǎn)自廣西的香蕉；“福建香蕉，香甜味美”——

產(chǎn)自福建的香蕉；“云南香蕉，軟糯香甜”——產(chǎn)自云南的香蕉。以上的首頁

產(chǎn)品，均可點擊進入詳情頁了解商品的詳情，在店鋪首頁知識做了簡單的陳

述。

后面一個板塊的文案是“更多水果”，簡單明了，想了解更多的水果可以

點擊了解，尋找你需要的水果。

最后就是返回頂部，店鋪首頁到此結(jié)束。

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

商品情景海報部分的文案很簡單，重點描述了商品本身的優(yōu)勢已經(jīng)商品生

長的環(huán)境，大部分人賣水果是比較關(guān)注商品的成分，其次水果生長的環(huán)境也是

非常重要的，好的生長環(huán)境才能結(jié)出好的水果，讓顧客買的放心，吃的安心。

商品1詳情頁的海報是“橙心橙意，果真吸引你”，設(shè)計這個文案的靈感

是水果與店鋪相結(jié)合，利用諧音字來表達出來，達到一個一語雙關(guān)的作用，看

起來是比較普通，但其中包含我們店鋪賣水果是誠心誠意的。海報是顧客點進

來第一眼看到的畫面，我們要讓顧客點進來就看到我們的初衷，以此來吸引顧

客。

下一個板塊是一個產(chǎn)品信息，文案就是直接陳述商品的信息，沒有其他的

添加語句，簡單明了。其中包括了產(chǎn)品名稱、產(chǎn)品產(chǎn)地、產(chǎn)品的一個口感以及

產(chǎn)品的儲存方式。

接下來就是產(chǎn)品詳情圖片的板塊了，這個板塊文案設(shè)計主要是圍繞產(chǎn)品本

身的特點還有產(chǎn)品的一個生長環(huán)境，這兩個方面是顧客比較關(guān)心的。第一張圖

片我們要大概想清楚顧客在乎的是什么。味道這個肯定是最重要的，但是橙子

的味道大多是差不多的，都是一個酸酸甜甜的味道，拋開味道，顧客門比較關(guān)

心的應(yīng)該就是果子本身，把自己當成一個消費者去買橙子，第一個問的肯定是

味道，第二個關(guān)心的就是橙子皮，如果橙子皮比較厚，那里面的果肉相對來說

就會少，所以這個板塊的第一個文案就是“橙香濃厚，皮薄肉厚”。這一個文

案可以打消顧客的一些疑慮，讓他們對我們的產(chǎn)品有個初步認識。下一個文案

設(shè)計為“不催熟，不打農(nóng)藥”，作為水果，生長周期是比較長的，所有有些果

農(nóng)為了快讓果子長得又快又好，就會對的果子進行催熟，防止害蟲來破壞果

10

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

子，也會對果子和果樹噴灑農(nóng)藥，來消滅害蟲，但是這樣的果子上會有農(nóng)藥殘

留，不會那么安全。所以我就設(shè)計出這個文案，這是與消費者息息相關(guān)的事。

下一處的文案是“橙子果園，新鮮采摘”，我們擁有自己的果園，顧客收到的

商品都是在果園里新鮮采摘，然后進行清洗，便打包發(fā)貨，盡量是顧客收到貨

時時是一種新鮮的狀態(tài)。下一個文案是從產(chǎn)品本身出發(fā)，前面說了這么多果子

生長的環(huán)境，也該說一說產(chǎn)品本身了，這里的文案是“陽光甜橙，含有豐富維

C”，從產(chǎn)品本身出發(fā)設(shè)計文案。下一處的文案是“皮薄肉厚，之水豐富，一口

下去，嘴留橙香”，同樣是從產(chǎn)品本身出發(fā)設(shè)計文案。再下一處的文案設(shè)計為

“精心挑選，每一個都是圓潤飽滿，精心挑選”，橙鑫出品，必屬精品，保證

每一科橙子都是精心挑選發(fā)貨。下一處的文案為“不打農(nóng)藥，好土結(jié)好果”，

再一次強調(diào)我們的水果是不打農(nóng)藥的，都是精心培育，健康營養(yǎng)。然后下一處

設(shè)計的文案是“精橙所至，健康百分百”，這個是總結(jié)上面一些內(nèi)容，我們的

產(chǎn)品是健康產(chǎn)品，綠色健康排在第一位。最后一處文案是“讓新鮮充斥于口齒

間”，最后作為總結(jié)，從產(chǎn)品口味出發(fā)。

最后一個板塊就是購買須知，包含了退換貨、快遞、支付等問題，也是顧

客比較關(guān)注的問題。

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

這個商品的詳情頁文案設(shè)計思路與上一個產(chǎn)品文案設(shè)計思路是一樣的。也

是從水果的本身和水果的生長環(huán)境來策劃的文案，打消消費者的疑慮。海報的

主文案是“有藏不住的甜，落入你的胃”，突出我們的這個產(chǎn)品是很甜的，味

道非常好，用味道來吸引顧客，副文案是“Theisaredapple”、”Abitei

ssweettotheheart”，這兩句是用來裝飾海報，讓海報看起來顯得高級一

些。

下一個板塊就是產(chǎn)品的一些信息，包含了：產(chǎn)品名稱、產(chǎn)品的產(chǎn)地、產(chǎn)品

的口感、產(chǎn)品的儲存條件。

接下來的板塊就是商品相親圖片區(qū)域，第一個的文案為“源于自然，營養(yǎng)

健康”，重點說明我們的產(chǎn)品是綠色健康的，源自自然，無任何添加劑。下一

個文案是“甜蜜多汁，口感綿密、可挖果泥”，從產(chǎn)品的口感和味道以及產(chǎn)品

的一個狀態(tài)出發(fā)，大人清洗就可以吃，小寶寶可以挖果泥喂著吃。下一處的文

案是“深紅的外表藏著粉嫩的果肉”，看了外表看內(nèi)在，深紅的外表看著就很

有食欲。再下一處的文案設(shè)計的是“一果兩吃”，本產(chǎn)品可以分成兩種吃法，

清脆吃法的文案設(shè)計是“到貨直接吃，口感爽脆清甜”；挖果泥的吃法文案設(shè)

11

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

計是“放置冰箱，五天后香粉多汁”，直接把方法寫上去。這兩處的文案簡單

明了，沒有任何多余的修飾。下一處的文案設(shè)計是“產(chǎn)地氣候溫和，降水適中

日照充足，特別適合蘋果生長”，從蘋果生長的環(huán)境出發(fā)設(shè)計文案。下一處的

文案設(shè)計是“精挑細選好果子，每個果形都很好”，到達客戶手中，一定是精

品的果子，顧客至上。再下一處的文案是“天然果蠟，美味健康”，到手的果

子上可能看著優(yōu)點發(fā)光，這是果子天然形成的果蠟，而不是人工上蠟，打消顧

客疑慮。再下一處文案設(shè)計的是“不打農(nóng)藥，吃的放心”，主要突出我們的產(chǎn)

品是綠色健康的，請顧客們放心購買。最后一處文案設(shè)計的是“橙鑫水果，誠

心誠意”，最后的總結(jié)，這也是我們店鋪的初衷，誠心誠意的做水果。

下一個板塊就是購買須知了，購買須知都是同一些內(nèi)容，同樣的格式。

4橙鑫水果專營淘寶店鋪視覺效果制作

介紹完店鋪的基本概況、產(chǎn)品定位、店鋪風格、頁面版式以及文案之后，

下面我主要是介紹店鋪首頁、產(chǎn)品1詳情頁、產(chǎn)品2詳情頁的各個部分是怎樣

結(jié)合之前的設(shè)想來制作的。

4.1店鋪首頁效果圖制作

首頁作為顧客點進來第一眼看到的畫面，這關(guān)乎到店內(nèi)商品之間的點擊

率、轉(zhuǎn)化率，一個好的首頁是非常重要的，我們店鋪首頁主要分為店招導(dǎo)航

條、宣傳海報、優(yōu)惠券專區(qū)、分類導(dǎo)航、五大類目的商品展示部分。通過這五

部分的展示，是首頁的規(guī)劃更加合理，各類信息十分明確，有助于消費者更好

的瀏覽購物。

4.1.1店招設(shè)計過程

店招是店鋪展現(xiàn)給消費者店鋪精神面貌最好的一面，不管顧客是在店鋪的

哪個位置，店招都會出現(xiàn)在網(wǎng)頁的最上面，所以店招一定不能出錯。店鋪的主

題風格是簡約風，背景是設(shè)計成白色的，輔助色用綠色來點綴。店招靠左邊放

的是logo，logo右邊就是收藏店鋪以及關(guān)注，關(guān)注用了紅色的矩形框作為背

景，字體采用比較大的字體，這樣看起來更加醒目。店招靠右是放著店鋪主推

的產(chǎn)品，寫有它們的名稱、發(fā)貨、價格，名稱采用偏粗的字體，其他的信息采

用稍微細一些的字體，形成對比，消費者點進店鋪首頁就可以看得到。店招右

上角是一個搜索框，搜索框的邊框也是用綠色來裝飾，店招的最左邊和最終右

邊用主推水果的圖片作為裝飾。

導(dǎo)航條為了符合我們店鋪的主題，我用了綠色作為背景色，字體用白色，

12

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

綠色代表自然健康。

橙鑫水果專營淘寶店鋪店招設(shè)計效果圖如圖8所示。

圖7：店鋪店招效果圖

4.1.2海報制作過程

宣傳海報就是用來創(chuàng)造熱銷分為的，一張精美的海報可以把顧客留下來。

為了圖片顯得有層次感，背景色我采用了一個接近于橙色的漸變色，海報采取

左文右圖的排版方式，店鋪的logo放左上角，整張海報用一個矩形框來修

飾，文案和購買信息一起放在左邊。在購買信息的右邊用手指指向購買信息，

以此來引導(dǎo)消費者購買。文案都采用白色的文字，看起來會更加明顯，在“立

即搶購”后面加有黃色的矩形框，突出重點。

橙鑫水果專營淘寶店鋪首頁海報設(shè)計效果圖如圖9所示。

圖8：店鋪首頁海報效果圖

4.1.3其他區(qū)域制作

對于其他區(qū)域的制作，我將其分成了優(yōu)惠券模塊，分類導(dǎo)航模塊、五大類

目商品展示模塊以及返回頂部模塊。

首先是優(yōu)惠券模塊，簡單的劃分為三個色塊，加上一點點細節(jié)優(yōu)化，讓頁

面看起來清爽整潔，放大數(shù)字設(shè)計，能讓消費者對優(yōu)惠數(shù)額感到心動，背景用

一個綠色的漸變色。分類導(dǎo)航模塊，雖說店招上有導(dǎo)航條，但是在首頁額外設(shè)

計分類導(dǎo)航，不僅能讓顧客感受到我們的誠意，同時也能讓首頁顯得更加優(yōu)

雅，橙子模塊的小海報采用的是對稱結(jié)構(gòu)，背景色采用橘子本身的橙色，背景

添加有橙子的英文作為裝飾，讓頁面看起來更加高級。小海報下面是一個“深

13

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

入了解”的鏈接，左側(cè)有用箭頭指示“深入了解”，“深入了解”后面用黃色的

色塊突出。后面的每一個小海報都是有“深入了解”的鏈接。蘋果、香蕉、紅

提、更多水果都是采用左圖右文的結(jié)構(gòu)進行排版，背景色采與該海報水果相近

的顏色?？雌饋頃惺孢m感。橙子部分的海報是采用左文右圖的結(jié)構(gòu)，橙子做

成一個切割狀，外表有水伴隨著，背景用一些綠葉作為點綴，下面不同品種的

圖片做成一個相框的形式。蘋果部分的海報也是左文右圖的結(jié)構(gòu)，背景用一些

綠葉作為點綴，為了突出層次感，在中間加有一個白色的色塊。葡萄部分的海

報也是采用左文右圖的排版，海報采用云朵作為背景，在背景左右分別有綠葉

和綠藤裝飾，主要是表達一個自然綠色的意思，云朵表示自然，綠葉表示綠色

健康的意思。香蕉部分也是采用左文右圖的結(jié)構(gòu)，香蕉的背景由三個色塊拼接

而成，左上角有一道光射向產(chǎn)品，背景色由綠色和黃色組成，光照耀水果是指

有充足的陽光照射，還有一些英文做點點綴，讓圖片整體看起比較的高級。其

他水果部分是一個紫色的漸變色上面放有一些其他水果的圖片，想要了解更多

水果可以點擊該頁面跳轉(zhuǎn)。最后一個部分就是返回頂部，由箭頭和文字還有英

文組成，背景用白色和綠葉裝飾。

14

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

橙鑫水果專營淘寶店鋪首頁其他區(qū)域設(shè)計效果圖如圖10所示。

圖9：首頁其他區(qū)域設(shè)計效果圖

15

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

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

產(chǎn)品1詳情頁制作的是店鋪主推產(chǎn)品之一的橙子。詳情頁的主要內(nèi)容由商

品情景海報、商品參數(shù)信息、店鋪優(yōu)惠活動、商品詳情信息、購前須知五大部

分組成。

4.2.1主副圖效果圖

首先先介紹主圖的設(shè)計。主圖作為產(chǎn)品展示中，最先展示給消費者欣賞的

圖片，很大的程度上決定了顧客的去留。圖片既要展示賣點，又要具有吸引

力，同時還要展現(xiàn)店鋪的文化。在設(shè)計時，我采用橙子的實拍圖作為背景，左

上角有店鋪的logo，店鋪優(yōu)惠信息寫在右上角，用白字紅邊標出，下方有店鋪

活動時間信息，右下角寫有商品價格，用橙色的半月作為背景色，在圖片的最

底下還有關(guān)于橙子的文案，整體的顏色都以橙色為主，每個橙色都有不用程度

的變化，突出層次感。

產(chǎn)品1主圖設(shè)計效果圖如圖11所示。

圖10：產(chǎn)品1主圖設(shè)計效果圖

接下來時橙子的副圖設(shè)計，三張副圖都采用實拍橙子圖片，以展示商品最

真實的狀態(tài)，而且左上角都有店鋪的logo。為了讓顧客更熟悉產(chǎn)品，副圖1是

寫了關(guān)于橙子營養(yǎng)的文案，并在右上角處有活動的信息，提示顧客參加活動更

優(yōu)惠。副圖2表達的是橙子的新鮮，在右上角也有橙子新鮮的文案。副圖3是

從消費者的觀點出發(fā)，配有果子好壞的文案，右上角寫有退貨的文案，讓顧客

放心下單。每個重點文案都在圖片的最下方，背景為橙色，二右上角的文案則

采用紅色描邊，讓文案容易被顧客注意。

16

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

產(chǎn)品1副圖設(shè)計效果圖如圖12所示。

圖11：產(chǎn)品1副圖設(shè)計效果圖

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

為了融合背景，商品1詳情頁的海報背景色我采用了一個橙色漸變，這個

漸變與橙子本省的顏色各不相同，形成明顯的層次感，海報彩玉左文右圖的排

版，文字采用豎形文字排版，文字和產(chǎn)品圖片后面加有灰色的“orange”來顯

示圖片的高級感，在海報的左上角有店鋪的logo。下一個到了產(chǎn)品信息部分，

產(chǎn)品信息采用橙色的矩形框作為背景，采取左圖右文的排版方式，文字采用白

色字體。然后就是產(chǎn)品展示的部分，產(chǎn)品展示采用商品實物圖作為背景，文案

放在圖片的左上角，采用白色的字體，左下角有“CHENGXINSHUIGUO”的字

樣，后面的每一張獨立的圖片都是采用這樣的排版方式。為了整體看起來有豐

富感，在展示的中間部分有一個深橙色的矩形塊，在深色的矩形塊上加一個稍

微淺色矩形塊，做一個層次感。在這個方塊上用左圖右文和左文右圖的方式排

版，這樣整體效果看起來不會那么枯燥，中間也會有一些變化。第一張圖放的

是橙子橫切面的圖片，第二張圖放的是一些橙子摘下來擺盤的圖片，第三張是

果園的圖片，第四張圖片是一些橙子的薄片，第五張也就是不同排版的區(qū)域，

放的都是一整個剝皮的橙子，第六張圖片是橙子園的圖片，第七張圖片也是橙

子擺盤的圖片，第八章和第一張的圖片差不多，作為首位呼應(yīng)圖。然后就是購

買須知部分，采用了一個橙色的矩形塊，里面用黑色字體寫一些買家大概關(guān)心

的事。最后就是返回頂部，采用簡單的一個三角形和“返回頂部組成。

17

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

產(chǎn)品1詳情頁設(shè)計效果圖如圖13所示。

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

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

產(chǎn)品2詳情頁制作的是店鋪主推產(chǎn)品之一的蛇果。詳情頁的主要內(nèi)容有：

商品情景海報、產(chǎn)品信息展示、店鋪優(yōu)惠活動、商品詳情信息、購前須知五大

部分組成。

18

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

4.3.1主副圖效果圖

首先是主圖設(shè)計，與產(chǎn)品1的主圖類似，以商品實物圖為主，左上角放有

店鋪的logo，右上角是店鋪活動的信息，信息有紅色的描邊效果，最下面的是

紅色矩形框，里面寫有活動日期和關(guān)于蛇果的文案，在右下角是價格，價格采

用深紅色的半圓作為背景。

產(chǎn)品2主圖設(shè)計效果圖如圖14所示。

圖13：產(chǎn)品2主圖設(shè)計效果圖

接著是蛇果的副圖設(shè)計，三張都是產(chǎn)品實物圖做背景，左上角有店鋪的lo

go，右上角是商品的活動信息和商品文案，用紅色描邊作為強調(diào)，產(chǎn)品的下面

有紅色的矩形框，矩形框也寫有一些關(guān)于蘋果的文案。副圖1主要是將產(chǎn)品的

綠色健康，副圖2主要是將產(chǎn)品的另一種吃法，副圖3主要是講果子都是好

果，經(jīng)過精心挑選。

產(chǎn)品2副圖設(shè)計效果圖如圖15所示。

圖14:產(chǎn)品2副圖設(shè)計效果圖

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

商品2和商品1的排版相似，海報圖同樣是采取商品本身的顏色作為背景