如簡飾品淘寶店鋪視覺營銷設(shè)計方案

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

目錄

1如簡飾品淘寶店鋪概況..............................................1

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

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

2如簡飾品淘寶店鋪視覺營銷分析......................................2

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

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

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

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

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

3如簡飾品淘寶店鋪視覺設(shè)計..........................................4

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

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

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

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

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

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

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

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

4如簡飾品淘寶店鋪視覺效果制作.....................................14

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

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

4.1.2海報效果圖制作........................................15

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

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

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

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

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

I

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

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

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

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

參考資料............................................................26

II

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

如簡飾品淘寶店鋪視覺營銷設(shè)計方案

1如簡飾品淘寶店鋪概況

如簡飾品淘寶店鋪成立于2022年，目標(biāo)客戶人群為時尚女性、在校大學(xué)生

等人群，主要是對項鏈、手鏈、戒指、耳飾等進(jìn)行銷售。如簡這個店鋪主打風(fēng)

格為簡約，時尚，我們永遠(yuǎn)相信飾品是與人有交流的，耳環(huán)為容貌增添美感，

項鏈離心臟最近，舉手之間的魅力會通過戒指、手鏈來傳遞。配飾可以再我們

的重要場合出現(xiàn)，也可以在每一個平凡的日子里。

1.1飾品類店鋪發(fā)展現(xiàn)況

隨著現(xiàn)在人們對時尚的追求下，飾品的種類以及樣式變得多種多樣，飾品

逐步成為大部分女性出門的必需品，飾品行業(yè)逐漸成為高度市場化的行業(yè)，競

爭者眾多，市場集中度較低，品牌間競爭激烈。潘多拉、施華洛世奇等國際品

牌，主要生產(chǎn)高檔奢侈飾品，依靠其良好的品牌形象和成熟的管理，在國內(nèi)市

場建立了一定的口碑，具有較強(qiáng)競爭力，占據(jù)了國內(nèi)奢侈飾品市場較大份額。

隨著經(jīng)濟(jì)社會發(fā)展，人們在滿足基本生活需求之余，開始追求時尚個性，因而

網(wǎng)絡(luò)營銷是產(chǎn)品銷售的保障。

通過PC端淘寶網(wǎng)搜索包含“飾品”這一關(guān)鍵詞的店鋪，如圖1所示。淘寶

類飾品店鋪有676466家，其中金冠賣家店鋪1660家，皇冠賣家店鋪52533家，

鉆級賣家店鋪141915家，心級賣家店鋪117597家。使用店查查插件，可以直

觀分析出，在淘寶店鋪中，體量最龐大的是鉆級的賣家店鋪，如圖2所示。從

寶貝的月銷量來看，占據(jù)前面部分大頭的基本為皇冠店，淘寶店鋪在市場上的

銷量還是占據(jù)比較多的份額。由此可知，目前飾品類淘寶店鋪有一定的銷量，

份額也比較多，如圖2所示。從寶貝銷量來看，排在前面的大部分為淘寶店，

如圖3所示。

圖1飾品類店鋪數(shù)量

1

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

圖2飾品買家等級分布

圖3飾品類銷售排名靠前的店鋪

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

如簡飾品店鋪成立于2022年，在淘寶平臺主要銷售項鏈和戒指，其次有手

鏈、耳飾等，雖然在疫情期間受了影響，好在之前的經(jīng)營有部分老顧客，店鋪

走的是高端路線，消費(fèi)者大多是經(jīng)濟(jì)收入高的用戶，我們通過優(yōu)惠價格、淘寶活

動吸引顧客下單購買，以優(yōu)質(zhì)的售后服務(wù)和產(chǎn)品質(zhì)量留下顧客，增加了回頭率。

之后我們可以通過發(fā)放小視頻的形式來宣傳店鋪，和請代言人代言增加知名度，

抓住每個節(jié)日的機(jī)遇，策劃出優(yōu)惠的方案吸引客戶購買。

2如簡飾品淘寶店鋪視覺營銷分析

2

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

2.1店鋪營銷定位分析

飾品是一種非常廣泛的產(chǎn)品類別，該行業(yè)的競爭力越來越大，針對飾品的

營銷定位分析需要考慮以下幾個方面：

（1）目標(biāo)受眾：飾品的目標(biāo)受眾大部分是女性（主要是18-35歲的消費(fèi)人

群），而店鋪走的高端路線，所以產(chǎn)品主要是設(shè)計為簡約風(fēng)，看上去舒適大方

且高貴。

（2）營銷策略：針對不同的定位方式，需要制定相應(yīng)的營銷策略。品牌

定位可以通過品牌宣傳、明星代言等方式來提升品牌影響力；價格定位可以通

過促銷、打折等方式來吸引消費(fèi)者。

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

該店鋪主要銷售的產(chǎn)品是飾品類。從收集的資料分析可以看出項鏈、手鏈、

戒指、耳飾的銷售量處于龍頭位置，這一類產(chǎn)品做工精細(xì)優(yōu)美，略顯平淡又不

失優(yōu)美，在視覺上也能給人帶來耳目一新的沖擊，因此廣受各大公司白領(lǐng)的青

睞，甚至許多商業(yè)女強(qiáng)人也對其趨之若鶩。

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

根據(jù)中寶珠寶文化傳播者調(diào)查在2019年里百分之61.5的受訪者曾進(jìn)行珠

寶消費(fèi)，按性別看女性消費(fèi)者是主要客體，近百分之七十的女性消費(fèi)者在2018

年購買過珠寶首飾而男性購買過珠寶首飾的人數(shù)占比不足50%。而中高端品牌

飾品消費(fèi)者群體主要是18-35歲的消費(fèi)人群，此類人群能力強(qiáng)，經(jīng)濟(jì)收入較高，

消費(fèi)水平比較高，偏向于質(zhì)量好、價格高的產(chǎn)品。

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

該店鋪主營飾品類產(chǎn)品走的高端路線，所以店鋪的風(fēng)格比較簡潔、精致、

不浮夸，將極簡主義融入到店鋪的裝修和陳列中，以引起顧客的注意和興趣。

在高速發(fā)展的社會形式下，許多公司管理層人員經(jīng)過了一天的忙碌后，無論是

白領(lǐng)還是CEO，在選購商品是，在琳瑯滿目的店鋪里。看著那五花八門的裝潢，

很容易帶來視覺疲勞，該店鋪簡潔精致的極簡主義的裝修陳列，在色調(diào)上選擇

的也是中色系，能有效的減緩購物者的疲勞感，讓消費(fèi)者在身心疲憊之下能舒

心的選擇自己心愛的產(chǎn)品。所以在該店鋪主要以簡約為核心的思路來設(shè)計的首

頁以及詳情頁，有精心的裝飾但是視覺上并沒有違和感，在整體的色調(diào)以及排

版上都給人一種舒適、簡潔、美觀的感覺。

3

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

2.3店鋪色彩分析

該店鋪首頁的背景色彩主要采用白色為主，白色作為一種具有鮮明個性特

點的色彩，具有色感明亮，性格質(zhì)樸、純潔的特點，會給人帶來一種積極樂觀

的感覺，是一種神圣而不容侵犯的色彩，同時也隱含著一種嬌弱甜美之感。店

鋪的兩張詳情頁的背景色也同樣是采用白色作為背景色，店鋪飾品多數(shù)是銀色、

金色，采用相似顏色做背景目的是減少眼花繚亂的感覺。

3如簡飾品淘寶店鋪視覺設(shè)計

隨著時代的發(fā)展，網(wǎng)絡(luò)的進(jìn)步，網(wǎng)店的數(shù)量也隨之增加，店鋪與店鋪之間

的競爭也逐漸的激烈，而店鋪能不能吸引顧客，很大程度上是由店鋪的設(shè)計而

決定的，顧客點開店鋪第一眼看到的便是首頁，然后就是產(chǎn)品的詳情頁等，所

以說做好首頁、詳情頁等才是吸引顧客的關(guān)鍵，首先需要做好各頁面的版式設(shè)

計，版式設(shè)計會影響到后面的效果圖的呈現(xiàn)，有了好的版式圖和文案就可以促

就好的店鋪視覺設(shè)計。

3.1店鋪版式設(shè)計

版式的設(shè)計決定著效果圖的呈現(xiàn)，一個店鋪的構(gòu)架便是版式圖的設(shè)計，所

以需要在版式圖上認(rèn)真設(shè)計，認(rèn)真排布。首先得先明確店鋪的風(fēng)格，其次就是

構(gòu)思好圖文擺放、空間的排版和產(chǎn)品的擺放，要突出重點，緊抓主題來吸引顧

客的注意力，最后就是設(shè)計出版式圖。

3.1.1首頁版式設(shè)計

首頁版式設(shè)計的大小為1920px×9400px，簡約低調(diào)的白色是店鋪全局的背

景色。打開店鋪首頁，最頂部的便是店招以及導(dǎo)航條。店招和導(dǎo)航條都是采用

純色背景，文字、圖片等整體居中，水平擺放。店招從左到右依次放置店鋪的logo

和訂閱關(guān)注信息。導(dǎo)航條則是先放置店鋪菜單主題，然后放置店鋪的搜索框。

顧客打開店鋪入眼的便是網(wǎng)店的首頁，所以說店鋪的首頁設(shè)計決定著顧客的停

留，首頁的設(shè)計要做到吸引顧客才是重中之重，而明確的劃分區(qū)域則是重要條

件之一，一個店鋪的首頁一般最上面是店招和導(dǎo)航條，再往下是banner圖、優(yōu)

惠券專區(qū)、商品分類區(qū)域、熱賣產(chǎn)品區(qū)域、新品區(qū)域、項鏈專區(qū)區(qū)域、手鏈專

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

首頁版式設(shè)計如圖4所示：

4

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

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

店招區(qū)域主要分為三個部分，左邊是店鋪的logo，logo的設(shè)計就是店鋪的

5

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

簡稱“拼音RUJIAN以及中文如簡飾品店”組成，簡單明了，也符合店鋪的極

簡風(fēng)，簡易的logo看上去顯得更加高貴且方便顧客的記憶，能夠很快的記住店

鋪名字，印象深刻；右邊則是店鋪的收藏訂閱；下方則是店鋪的分類導(dǎo)航條，

分類專區(qū)水平擺放，能夠方便顧客挑選所需欄目，還能直接搜索所需商品。

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

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

首頁海報區(qū)主要采用左右構(gòu)圖，左邊是文案，是根據(jù)所銷售的產(chǎn)品類型和

賣點而設(shè)計的，右邊則是所售產(chǎn)品，左右兩部分形成獨立空間能夠產(chǎn)生良好的

閱讀體驗，能呈現(xiàn)出很好的視覺效果。

首頁海報版式設(shè)計如圖6所示：

圖6首頁海報版式設(shè)計

優(yōu)惠券設(shè)計區(qū)域分為四個矩形，第一個矩形寫的是“先領(lǐng)券再購物”幾字

的文案，右邊三個矩形則是分布相同，數(shù)額不同的優(yōu)惠券，數(shù)字下面有著“點

擊領(lǐng)取”的文案，每張無門檻優(yōu)惠券是由矩形劃分開來。整體感覺條理清晰，

層次鮮明。

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

圖7優(yōu)惠券版式設(shè)計

商品分類區(qū)域的單個類目設(shè)計主要都是上圖下文結(jié)構(gòu)，上邊是產(chǎn)品的展示，

下邊即是產(chǎn)品名稱類目，整體布局直觀簡單、清晰明了，能夠讓顧客很快的找

到想要的商品，還能宣傳店鋪的商品。

6

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

商品分類區(qū)域版式設(shè)計如圖8所示：

圖8商品分類區(qū)域版式設(shè)計

熱賣產(chǎn)品區(qū)域的設(shè)計也是同樣的參照商品分類區(qū)域設(shè)計，采用的是上圖下

文，上邊是產(chǎn)品的展示下邊是文案，從左往右依次排序，這樣的設(shè)計既美觀又

明了，可以清晰的看出熱賣產(chǎn)品的排序，消費(fèi)者可以根據(jù)熱賣的排名進(jìn)行適當(dāng)

的考慮選擇，這樣的設(shè)計更能吸引消費(fèi)者。

新品區(qū)域的設(shè)計跟熱賣也并無兩樣，同樣是采用上圖下文，上邊是產(chǎn)品展

示下邊是文案。

熱賣產(chǎn)品區(qū)域版式設(shè)計如圖9所示：

圖9熱賣產(chǎn)品區(qū)域版式設(shè)計

新品區(qū)域版式設(shè)計如圖10所示：

圖10新品區(qū)域版式設(shè)計

項鏈和手鏈專區(qū)左文右圖和上圖下文的結(jié)合，主打產(chǎn)品位于最上方采用左

7

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

文右圖結(jié)構(gòu)，下方則是均勻分布的上圖下文結(jié)構(gòu)，上方主打產(chǎn)品文案主要是產(chǎn)

品名稱、產(chǎn)品賣點和產(chǎn)品價格組成，下方產(chǎn)品文案是由產(chǎn)品名稱和價格組成，

這樣設(shè)計既美觀又明了。

底部設(shè)有關(guān)于店鋪的設(shè)計理念，該區(qū)域是左右結(jié)構(gòu)，左邊是圖片，右邊是

設(shè)計理念的文案，能夠讓消費(fèi)者更好的了解我們的產(chǎn)品。

頁尾設(shè)計是在設(shè)計理念的正下方添加了“返回頂部”方便消費(fèi)者返回頁面

頂部。

項鏈?zhǔn)宙湆^(qū)、底部設(shè)計和頁尾設(shè)計版式如圖11所示：

圖11項鏈?zhǔn)宙湆^(qū)、底部設(shè)計和頁尾設(shè)計版式

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

消費(fèi)者在購買商品的時候最主要的還是會瀏覽該產(chǎn)品的詳情頁，詳情頁要

是做得好的話可以很好的吸引客戶，激發(fā)客戶的購買欲。

產(chǎn)品1的詳情頁版式主要包括首頁的海報、設(shè)計概念即產(chǎn)品賣點區(qū)，產(chǎn)品

8

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

展示區(qū)，產(chǎn)品信息區(qū)，溫馨提示區(qū)這五個區(qū)域。

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

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

頁頭海報的細(xì)節(jié)設(shè)計是采用了上圖下文的結(jié)構(gòu)，上部分為產(chǎn)品的展示圖，

下部分的文案主要是由產(chǎn)品的主題文案組成。

頁頭海報版式設(shè)計如圖13所示：

9

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

圖13頁頭海報版式設(shè)計

產(chǎn)品賣點部分主要是對項鏈的設(shè)計的展示和設(shè)計的概念，采用的是交叉式

結(jié)構(gòu)，一邊放圖片，一邊放對其產(chǎn)品細(xì)節(jié)的描述以及設(shè)計概念。產(chǎn)品展示部分

則是放置幾張產(chǎn)品圖。產(chǎn)品展示區(qū)其下則是產(chǎn)品信息區(qū)，有產(chǎn)品詳細(xì)的信息描

述。

產(chǎn)品賣點、產(chǎn)品展示、產(chǎn)品信息版式設(shè)計如圖14所示：

圖14產(chǎn)品賣點、產(chǎn)品展示、產(chǎn)品信息版式設(shè)計

溫馨提示區(qū)域主要是告知顧客如何保護(hù)和清洗產(chǎn)品還有就是關(guān)于物流運(yùn)輸

問題、退換貨問題以及咨詢服務(wù)問題。

10

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

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

圖15適合人群、溫馨提示版式設(shè)計

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

產(chǎn)品2詳情頁版式設(shè)計主要有：頁頭海報區(qū)、產(chǎn)品參數(shù)區(qū)、模特展示區(qū)、

設(shè)計概念即產(chǎn)品賣點區(qū)、產(chǎn)品展示區(qū)、產(chǎn)品測量區(qū)、溫馨提示區(qū)這七個區(qū)域。

頁頭海報采用的是上文下圖結(jié)構(gòu)，上部分主要是文案的設(shè)計，下部分是產(chǎn)

品的實物圖。

產(chǎn)品參數(shù)區(qū)區(qū)域主要是上圖下文結(jié)構(gòu)，上面是產(chǎn)品圖的展示，下面是產(chǎn)品

相關(guān)信息的描述。模特展示區(qū)主要是模特的展示照片圖。產(chǎn)品賣點區(qū)是交叉式

結(jié)構(gòu)，一邊放產(chǎn)品圖，一邊放產(chǎn)品相關(guān)描述以及設(shè)計概念。產(chǎn)品展示區(qū)是放置

的產(chǎn)品展示圖。

頁頭海報、產(chǎn)品參數(shù)區(qū)、模特展示區(qū)、產(chǎn)品賣點區(qū)、產(chǎn)品展示區(qū)版式設(shè)計

如圖16所示：

11

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

圖16頁頭海報、產(chǎn)品參數(shù)區(qū)、模特展示區(qū)、產(chǎn)品賣點區(qū)、產(chǎn)品展示區(qū)版式設(shè)計

產(chǎn)品測量區(qū)域是關(guān)于戒指不同圈號大小信息以及測量指圍的方法說明，該

設(shè)計方便顧客對戒指圈號大小的選擇。溫馨提示區(qū)域主要是告知顧客如何保護(hù)

和清洗產(chǎn)品還有就是關(guān)于物流運(yùn)輸問題、退換貨問題以及咨詢服務(wù)問題。

產(chǎn)品測量區(qū)、溫馨提示版式設(shè)計如圖17所示：

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

12

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

3.2店鋪文案策劃

店鋪文案是現(xiàn)在店鋪營銷方法之一，無論是線下店還是線上店，文案已然

成為門店營銷的一部分，也是開店時需要考慮的基本要素之一。文案能以語辭

的無限可塑性，進(jìn)行斑斕多彩、風(fēng)格各異的信息內(nèi)容表現(xiàn)。優(yōu)秀的店鋪文案可

以在紛繁復(fù)雜的競爭中脫穎而出，我們需要用客戶明白的話語闡述店鋪的特征，

獲取客戶心動與認(rèn)可，這樣文案才達(dá)到了一定的營銷效果，

3.2.1首頁文案策劃

首頁的文案設(shè)計是整個店鋪的核心，首頁文案設(shè)計主要包括店招區(qū)域、導(dǎo)

航區(qū)域、首頁海報區(qū)域、優(yōu)惠券區(qū)域、主推產(chǎn)品區(qū)域、頁尾區(qū)域這幾個區(qū)域的

文案策劃。

店招的文案主要是在旁邊添加了“訂閱”兩個字，將其放置于棕色矩形框

中間，為了方便客戶對店鋪進(jìn)行收藏，以便進(jìn)行復(fù)購。導(dǎo)航條依次放置的是“首

頁、所有產(chǎn)品、熱銷產(chǎn)品、新品、活動”這樣的分類可以方便客戶選擇，快捷

式的購物。

首頁海報的文案主要集中在左邊部分，首先用文本工具寫上“全場滿600

減50”，達(dá)到一個活動營銷的目的，能夠激起客戶的購買欲；其次在下方寫上”

心之所向，以物寄愛”這是對產(chǎn)品的一個宣傳的文案，方便客戶對該產(chǎn)品的理

解，一串英文“TOEXPRESSLOVETHROUGHTHINGSINTHEDIRECTION

OFONE’SHEART”是心之所向，以物寄愛的翻譯，以中英雙語凸顯的產(chǎn)品更

加的高級獨特，國內(nèi)外客戶都能了解該產(chǎn)品的理念，為整個海報增添了別樣的

色彩。

優(yōu)惠券區(qū)域的文案主要是第一個模塊的溫馨提示文案設(shè)計，寫著“先領(lǐng)券

再購物優(yōu)惠券不可疊加使用”，一是可以提醒客戶領(lǐng)券購買更加劃算，二是告

知了客戶優(yōu)惠券不能疊加使用，三是可以促進(jìn)店鋪銷售（優(yōu)惠券不能疊加使

用）；第二三四個模塊則是優(yōu)惠券金額的設(shè)計。

主推產(chǎn)品分為兩個區(qū)域，一個是項鏈專區(qū)一個是手鏈專區(qū)，文案有三個部

分，分別是產(chǎn)品名稱、產(chǎn)品價格和點擊購買，字體采用同樣顏色，點擊購買是

白色字體將其放置于棕色矩形框中間，為了方便客戶購買。

頁尾區(qū)的文案則是店鋪產(chǎn)品的設(shè)計理念，能夠讓客戶了解店鋪的理念，增

強(qiáng)客戶對店鋪的認(rèn)知，促進(jìn)客戶的購買欲；底部添加了“返回頂部”方便客戶

返回頁面頂部。

13

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

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

產(chǎn)品1的詳情頁文案設(shè)計主要在于海報、產(chǎn)品賣點、溫馨提示區(qū)和售后信

息區(qū)這幾個區(qū)域。

頁頭海報的文案設(shè)計是中英雙語對產(chǎn)品的一個宣傳文案“以物寄情以愛傳

意”，項鏈?zhǔn)切男停皂楁渷砑耐星楦?，來傳達(dá)愛意，能夠激發(fā)顧客的購買欲，

賦予產(chǎn)品情感。

產(chǎn)品賣點的文案設(shè)計是用大小不一的兩個模塊組成，加粗字體是產(chǎn)品的賣

點，其下方則是產(chǎn)品設(shè)計的概念，每個賣點交叉分布，整體顯得更加清晰分明，

方便讀取信息。

溫馨提示區(qū)的文案設(shè)計主要是告知顧客如何保護(hù)和清洗產(chǎn)品，能夠提高產(chǎn)

品的壽命，讓客戶更加的放心購買。

售后信息區(qū)的文案設(shè)計主要是對物流問題、退換貨問題以及咨詢客服服務(wù)

問題的一個設(shè)計，這個文案的設(shè)計能有效的提高店鋪的銷售率。

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

產(chǎn)品2的詳情頁文案設(shè)計主要是產(chǎn)品賣點、戒指測量、溫馨提示和售后信

息這幾個區(qū)域。

產(chǎn)品2賣點的文案設(shè)計跟產(chǎn)品1的設(shè)計一致的，都是用大小不一的兩個模

塊組成，加粗字體是產(chǎn)品的賣點，其下方則是產(chǎn)品設(shè)計的概念，每個賣點交叉

分布，整體顯得更加清晰分明，方便讀取信息。

戒指測量的文案是戒指圈號直徑和周長，還有戒指測量方法，這樣可以便

于客戶選擇戒指大小；溫馨提示溫馨提示區(qū)的文案設(shè)計主要是告知顧客如何保

護(hù)和清洗產(chǎn)品，能夠提高產(chǎn)品的壽命，讓客戶更加的放心購買；售后信息區(qū)的

文案設(shè)計主要是對物流問題、退換貨問題以及咨詢客服服務(wù)問題的一個設(shè)計，

這個文案的設(shè)計能有效的提高店鋪的銷售率。

4如簡飾品淘寶店鋪視覺效果制作

4.1首頁效果圖制作

首頁整體設(shè)計采用的是淺色系，飾品絕大部分來自女性購買，而本店鋪走

高短路線，消費(fèi)者絕大部分是各企業(yè)白領(lǐng)亦或者是經(jīng)濟(jì)收入高的女性，職場女

性風(fēng)格偏向于簡約，而本店鋪走高端路線自然是需要簡單而又高級，艷色系自

然是不符合，所以淺色系是比較符合店鋪風(fēng)格的，整個店鋪的風(fēng)格以及排版都

14

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

是比較簡約的，這樣可以有效的減緩購物者的疲勞感，給消費(fèi)者帶來舒適感，

讓消費(fèi)者在身心疲憊之下能舒心的選擇自己心愛的產(chǎn)品。

4.1.1店招效果圖制作

店招包括了店鋪logo、店鋪名稱、訂閱店鋪、導(dǎo)航條、搜索框。

店招從左到右依次放置店鋪的logo和訂閱關(guān)注信息，logo設(shè)計就是簡單的

店鋪簡稱“拼音RUJIAN以及中文如簡飾品店”組成，簡單明了，也符合店鋪

的極簡風(fēng)，簡易的logo看上去顯得更加高貴且方便顧客的記憶，能夠很快的記

住店鋪名字，印象深刻；右邊是店鋪的收藏訂閱，能夠方便客戶關(guān)注店鋪，進(jìn)

行二次回購選擇，訂閱人數(shù)越多越能夠提高知名度和口碑；下方則是店鋪的分

類導(dǎo)航條，分類專區(qū)水平擺放，能夠方便顧客挑選所需欄目，旁邊搜索欄還能

直接搜索所需商品，能夠節(jié)約客戶的時間。

店招設(shè)計效果如圖18所示：

圖18店招設(shè)計效果圖

4.1.2海報效果圖制作

首頁的海報比較的簡約，符合店鋪的風(fēng)格，整體采用的是左右構(gòu)圖，左邊

是文案右邊是所賣產(chǎn)品，背景是模特所帶產(chǎn)品，字體是用的白色，在棕色背景

下比較的突出，方便消費(fèi)者讀取信息，能夠讓客戶一眼就知道產(chǎn)品的活動和主

題。

首頁海報效果如圖19所示：

圖19首頁海報效果圖

15

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

4.1.3其他區(qū)域制作

其它區(qū)域的制作包括：優(yōu)惠券專區(qū)、商品分類區(qū)、熱賣專區(qū)、新品區(qū)、項

鏈專區(qū)、手鏈專區(qū)和頁尾區(qū)這幾個部分。優(yōu)惠券專區(qū)由四個部分組成，分別是

一個部分的溫馨提示“先領(lǐng)券再購物”、10元、20元、50元的滿減優(yōu)惠券，

背景色為第一個部分的棕色，第二三四部分的白色背景，與整個店鋪風(fēng)格相符

合，整體比較舒適和諧。商品分類區(qū)分為四個部分：項鏈專區(qū)、手鏈專區(qū)、耳

飾專區(qū)、戒指專區(qū)。每個部分都有相對應(yīng)的模特帶產(chǎn)品圖放置，能夠讓客戶直

觀的看到上身樣子，構(gòu)圖為左右結(jié)構(gòu)或上下結(jié)構(gòu)，整體比較清晰名目。熱賣專

區(qū)也是用樣參照商品分類區(qū)域設(shè)計的，分為四個區(qū)域依次按熱賣高低順序排序，

采用左右結(jié)構(gòu)或是上下結(jié)構(gòu)，每個區(qū)域都有對應(yīng)產(chǎn)品名稱的產(chǎn)品圖以及排名，

能夠讓客戶清晰的知道哪些是比較火爆的產(chǎn)品。新品區(qū)域分為三個部分：分別

是新款的項鏈、戒指、耳飾，同樣是每個區(qū)域都是產(chǎn)品對應(yīng)的圖放置，旁邊的

“點擊查看”點進(jìn)去能看到項鏈、戒指、耳飾的所有新品，能夠方便客戶挑選

購買。項鏈專區(qū)和手鏈專區(qū)都是分為兩個部分，一部分是大圖的主打產(chǎn)品，另

一部分是其下方的整齊排列的對應(yīng)產(chǎn)品圖，主打圖有寫相應(yīng)的產(chǎn)品賣點，更能

體現(xiàn)產(chǎn)品的質(zhì)感，每個區(qū)域都有相應(yīng)的購買設(shè)置，主打圖是矩形里放置“點擊

購買”四字，下面的是在價格旁邊放置了一個小小的商品購買標(biāo)志，這些設(shè)計

都能方便消費(fèi)者購買。頁尾區(qū)域有增加海報，背景也是店鋪產(chǎn)品圖，該區(qū)域是

關(guān)于店鋪的設(shè)計理念，整體是采用的左右結(jié)構(gòu)，左邊是海報，右邊是是設(shè)計理

念的文案，更能激發(fā)消費(fèi)者的購買欲，其區(qū)域的下方設(shè)有“返回頂部”，能夠

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

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

16

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

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

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

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

由頁頭海報、設(shè)計概念即產(chǎn)品賣點區(qū)，產(chǎn)品展示區(qū)，產(chǎn)品信息區(qū)，溫馨提示區(qū)

這五個部分組成。

4.2.1主副圖效果圖制作

當(dāng)消費(fèi)者在購物時，映入眼簾吸引顧客的就是淘寶的主圖，通過主圖來查

看產(chǎn)品，由此可見主圖的重要性，想要吸引消費(fèi)者我們需要放置產(chǎn)品圖片，突

出產(chǎn)品賣點，展現(xiàn)出產(chǎn)品的促銷信息，整體設(shè)計要講究醒目美觀，需要跟產(chǎn)品

17

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

本身符合，不能為了突出而嘩眾取寵。該主圖設(shè)計的背景色為淡橙黃色，最中

間是產(chǎn)品的展示，賣點為下面的橙色矩形里面的文字：正品保真，官方品牌，

全場包郵，文字的上面是促銷的優(yōu)惠滿減，右邊白色背景色是秒殺價，其下方

是價格。主圖的上方是店鋪LOGO，右方是產(chǎn)品主題文案，整體的設(shè)計比較豐

富，直擊顧客的痛點。

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

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

副圖1、副圖3的結(jié)構(gòu)相似，是中心構(gòu)圖法，副圖2則是左右交叉構(gòu)圖法，

所有副圖左上方是該店鋪的LOGO，副圖1和3中間是產(chǎn)品的展示，副圖2是

三張細(xì)節(jié)圖交叉分布展示，針對某個放大的地方進(jìn)行展示，可以清晰讓消費(fèi)者

看到該店鋪產(chǎn)品的質(zhì)量，讓消費(fèi)者更深一步的了解。副圖1的文案在產(chǎn)品圖的

下方，副圖2的文案是在產(chǎn)品圖的右方和上方，副圖3的文案是在產(chǎn)品圖的兩

邊。

產(chǎn)品1的副圖效果圖如圖22、圖23、圖24所示：

18

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

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

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

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

19

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

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

產(chǎn)品1詳情頁的背景色以白色為主，與產(chǎn)品項鏈的顏色相似，相似性色的

顏色整體看起來不會有雜亂不堪和視覺疲勞的感覺。頁頭海報的顏色是淺紫色

相對于整體背景色會要深些，更能夠突出其的重要性；產(chǎn)品賣點區(qū)主要展示了

項鏈的設(shè)計和設(shè)計的概念，采用交叉式結(jié)構(gòu)，一邊放產(chǎn)品細(xì)節(jié)圖（主要展示了

項鏈的棱角部分），一邊放對其產(chǎn)品細(xì)節(jié)的描述以及設(shè)計概念，目的是為了讓

消費(fèi)者更深一步的了解產(chǎn)品的細(xì)節(jié)和質(zhì)量。產(chǎn)品展示部分則是放置幾張產(chǎn)品圖。

產(chǎn)品信息區(qū)展示了產(chǎn)品的名稱、產(chǎn)品的材質(zhì)、產(chǎn)品的品類、產(chǎn)品的尺寸、

產(chǎn)品的重量，能夠讓消費(fèi)者了解產(chǎn)品的大概信息；溫馨提示區(qū)主要是告知顧客

如何保護(hù)和清洗產(chǎn)品，能夠提高產(chǎn)品的壽命，讓客戶放心購買，還有就是關(guān)于

物流運(yùn)輸問題、退換貨問題以及咨詢服務(wù)問題，能夠讓消費(fèi)者看到店鋪的責(zé)任

和對顧客的承諾，更能讓客戶信服店鋪的服務(wù)和售后，從而放心購買。

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

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

20

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

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

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

容有頁頭海報、產(chǎn)品參數(shù)部分、模特展示部分、設(shè)計概念即產(chǎn)品賣點部分、產(chǎn)

品展示部分、產(chǎn)品測量部分、溫馨提示部分這七大部分組成。

4.3.1主副圖效果圖制作

主圖的設(shè)計背景色為銀色，整體分為四部分，右上方是店鋪LOGO。中間

主要是產(chǎn)品展示，中間放置產(chǎn)品戒指加上了陰影，目的是為了突出立體的感覺。

右方是產(chǎn)品的主題賣點。主圖下方是則價格和優(yōu)惠券，價格部分用白色方框包

圍，字體為紫色，“秒殺價”三字直擊消費(fèi)者痛點，能夠增強(qiáng)顧客購買欲望，

紫色矩形部分里面是關(guān)于產(chǎn)品的賣點:正品保真，官方品牌，全場包郵，其賣點

的上面是促銷活動的優(yōu)惠滿減。整體設(shè)計豐富有內(nèi)容，能夠讓消費(fèi)者很直觀的

看出店鋪的促銷活動以及產(chǎn)品的賣點。

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

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

與產(chǎn)品1同樣設(shè)計方法，副圖1、副圖3的結(jié)構(gòu)相似，是中心構(gòu)圖法，副圖

2則是左右交叉構(gòu)圖法，所有副圖左上方是該店鋪的LOGO，副圖1和3中間是

產(chǎn)品的展示，副圖2是三張細(xì)節(jié)圖交叉分布展示，針對某個放大的地方進(jìn)行展

示，可以清晰讓消費(fèi)者看到該店鋪產(chǎn)品的質(zhì)量，讓消費(fèi)者更深一步的了解。副

21

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

圖1的文案在產(chǎn)品圖的下方，副圖2的文案是在產(chǎn)品圖的右方和上方，副圖3

的文案是在產(chǎn)品圖的上方和右方。整個的設(shè)計都十分的簡約，但是整體的效果

是十分的舒適和諧。

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