貴妃淘寶自營店鋪視覺營銷設(shè)計方案

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

目錄

1貴妃淘寶自營店鋪概況................................................1

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

1.2貴妃淘寶自營店鋪現(xiàn)狀..........................................2

2貴妃淘寶自營店鋪視覺營銷分析........................................3

2.1競爭對手分析..................................................3

2.1.1競爭對手店鋪1...........................................3

2.1.2競爭對手店鋪2...........................................5

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

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

2.2.2店鋪消費者人群定位分析...................................7

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

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

3貴妃淘寶自營店鋪視覺設(shè)計............................................8

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

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

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

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

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

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

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

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

4貴妃淘寶自營店鋪視覺效果制作.......................................14

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

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

4.1.2海報制作................................................16

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

I

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

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

4.2.1主副圖效果圖............................................19

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

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

4.3.1主副圖效果圖............................................23

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

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

參考資料............................................................28

II

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

貴妃淘寶自營店鋪視覺營銷設(shè)計方案

1貴妃淘寶自營店鋪概況

貴妃淘寶自營店鋪成立于2022年，店鋪所經(jīng)營的產(chǎn)品都是圍繞著古風(fēng)古韻

日常生活中作為一種消遣的文玩產(chǎn)品，以1688上的貨源品牌為主，對我們?nèi)粘?/p>

生活中常用的手串、發(fā)簪、鐲子、文玩配件四大類產(chǎn)品進行宣傳銷售。秉承著

帶給大家不一樣的國潮價廉的好物，相信我們會做得越來越好。

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

隨著時代的遷移，我們的生活日益多彩，人們開始不再滿足于物質(zhì)上的消

費需求，反而對精神文化的消費需要也開始逐漸增長。文玩作為時代不斷演練

的文化載體，受到了許多用戶的青睞。在當今網(wǎng)絡(luò)直播蜂擁的時代，文玩電商

的用戶規(guī)模得到了進一步的大規(guī)模增長。

根據(jù)艾媒研究院發(fā)布的報告顯示，如圖1所示，預(yù)計2023年整體用戶規(guī)模

將突破一億人次，交易規(guī)模達5000億元，線上銷售量都有不小的占比。消費者

線上購買文玩產(chǎn)品的需求存在且不斷攀升，隨著國人的文化認同感不斷增強，

預(yù)計未來國潮的熱度將是一個新的風(fēng)口，而且在文化和精神消費不斷增加的發(fā)

展背景下，文玩的市場很具有潛力。

圖12017-2026年（估計）中國文玩電商市場的市場規(guī)模數(shù)據(jù)圖

1

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

通過PC端淘寶網(wǎng)搜索包含“文玩”這一關(guān)鍵詞的店鋪，就如圖2顯示。

淘寶類文玩店有89739家，在其中有淘寶店分為金冠店、皇冠店、鉆級店和心

級店四個品級。其中金冠店95家，皇冠店5462家，鉆級店22227家，心級店

18868家。使用Excel表格統(tǒng)計，可以直觀的看到，在文玩類的淘寶店鋪中，鉆

級賣家店鋪的數(shù)據(jù)最為龐大，如圖3所示。其中淘寶店的好評率大多都在96%

以上，可見買家給賣家的好評的頻率還是很高的。

圖2淘寶文玩店鋪的數(shù)量

圖3文玩店鋪賣家等級分布

結(jié)合上面的調(diào)查，得出在淘寶網(wǎng)中，文玩類淘寶店鋪的發(fā)展逐漸開始完

善，貴妃店鋪作為一家新店，想要在文玩是市場占有一定的客源，除了好的貨

源品質(zhì)之外，吸引眼球的視覺營銷不可忽略。

1.2貴妃淘寶自營店鋪現(xiàn)狀

貴妃店鋪于2022年成立，由于是新店，前期為了吸引消費者的光顧，設(shè)計

了店鋪的網(wǎng)頁精修和產(chǎn)品的上新，有效利用淘寶平臺對新店的扶持，開展了一

些具有吸引力的消費者優(yōu)惠福利活動。如：

2

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

（1）全店商品提供15天無理由退貨服務(wù)和免運費服務(wù)。

（2）店鋪紅包活動，凡是店內(nèi)商品買滿100減10。

（3）新店超值購，領(lǐng)取500減100優(yōu)惠券購物還送精美禮盒。

店鋪活動時間為二〇二二年十月一日——二〇二二年十月十日。

2貴妃淘寶自營店鋪視覺營銷分析

根據(jù)在社會進行的一小部分的社會抽查調(diào)研得出一個結(jié)果，65%以上的人

會在意產(chǎn)品的外包裝，有些人可以為了好看吸引人的美艷包裝而買單。因此，

店鋪必須要在視覺上打動消費者，舉例來說，一個產(chǎn)品線上的亮點可以是主

圖，模特，包裝等。所以，本店將從競爭對手、視覺營銷定位、風(fēng)格和色彩方

面做好視覺營銷分析。

2.1競爭對手分析

對于競爭對手的存在，就像購物一樣，需要貨比三家，方能抉擇出適合自

己的“好”店鋪。下面舉例兩家買家們呼喚度最高的店鋪來進行學(xué)習(xí)和借鑒。

在對照中，在找本店所不足之處并加以整合。

2.1.1競爭對手店鋪1

同行業(yè)中最大的競爭對手之一是一念佛珠。一念佛珠個人店網(wǎng)址為

/于2012年12月1日入駐淘寶店，開店時長

10年之久，以及評分和口碑在同行中位列前茅。

店鋪粉絲數(shù)達到121萬，該店鋪還通過了金牌賣家認證，是一家金冠級別

的寶藏店鋪。店鋪的風(fēng)格走的是古風(fēng)路線，是以紅色和綠色為主，顯示古典的

古風(fēng)韻味。店鋪的價格劃分比較明顯均中等水平，主打的是性價比風(fēng)格，主打

的消費者為女性白領(lǐng)級別，目標人群定位精準，店鋪的主圖與風(fēng)格偏向女性風(fēng)

格，但是產(chǎn)品的類目垂直度不高，比較分散。

競爭對手的店鋪視效果對于本店的視覺效果設(shè)計具有重要的參考價值。

一念佛珠店鋪視覺效果分析如表1所示。

表1“一念佛珠個人店”視覺效果分析

效果

競店視覺效果截圖分析評價

版塊

3

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

優(yōu)點：店招以醒目的

純白色作為背景，logo

處制作有動物效果，

店招和

logo簡單明了。缺

海報

點：導(dǎo)航條內(nèi)內(nèi)容較

少，不方便消費者瀏

覽還會影響美觀。

優(yōu)點：在手機端推薦

欄目下配色精美，吸

寶貝陳引永輝。

列區(qū)缺點：PC端設(shè)計幾乎

沒有，只有觀賞圖

片，文字介紹少。

優(yōu)點：在手機端是有

更多產(chǎn)品分享。

首頁

缺點：未制作返回頂

底部

部的版塊，影響瀏覽

體驗。

優(yōu)點：簡單明了，大

圖展示產(chǎn)品，很美

觀。

缺點：主圖沒有活動

主副圖

營銷就單純的是一張

圖，副圖的文案文字

過小，沒有起到很好

的宣傳效果。

4

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

優(yōu)點：有精美的海報

進一步展示產(chǎn)品，還

有精準的產(chǎn)品數(shù)值

圖，方便消費者了解

產(chǎn)品。

詳情頁

缺點：產(chǎn)品展示版塊

設(shè)計過于簡單，其中

有些地方做了過多的

文字說明，顯得很雜

亂。

2.1.2競爭對手店鋪2

同行業(yè)中最大的競爭對手之二是大藏禪飾。大藏禪飾網(wǎng)址為

/星級為兩個金冠，DSR評分也較高，三項都有

4.9分。由于臨近淘寶樂活季，該店主打西藏重顏色風(fēng)格，以紅色、黑色為主色

調(diào)。主營產(chǎn)品很豐富，有九大產(chǎn)品系列，包括藏香、香爐、禮佛供燈、供水

杯、曼扎盤、轉(zhuǎn)經(jīng)輪、法器供具、車飾和佛珠配飾，目標人群定位精準，針對

西藏地區(qū)和對佛學(xué)有興趣的用戶進行宣傳引流。

對于大藏禪飾企業(yè)店的視覺效果分析如表2所示。

表2“大藏禪飾企業(yè)店”視覺效果分析

效果

競店視覺效果截圖分析評價

版塊

優(yōu)點：海報的制作有

品牌標簽，引人注

目。首頁海報的用色

店招和大膽新穎，突出重

海報點。

缺點：顏色太過于亮

眼，久看會比較疲

勞。

優(yōu)點：設(shè)置有產(chǎn)品賣

寶貝陳

點版塊，產(chǎn)品陳列主

列區(qū)

次分明，顏色搭配上

5

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

非常的和諧，主推產(chǎn)

品做突出顯示，九個

系列的產(chǎn)品陳列風(fēng)格

統(tǒng)一和諧。

缺點：未做店鋪的優(yōu)

惠券版塊和產(chǎn)品的分

類導(dǎo)航版塊。

缺點：首頁底部未做

設(shè)計，無返回頂部版

塊。而且因為上面的

首頁

模塊較多，在網(wǎng)絡(luò)不

底部

好的情況會出現(xiàn)卡頓

大量的留白，影響消

費者的體驗感。

優(yōu)點：主圖設(shè)計簡約

大氣，營銷信息全

面，視覺吸引力強。

副圖設(shè)計直擊消費者

痛點，誘惑力極強。

主副圖主副圖上還帶有店鋪

品牌logo，具有很大

程度上的宣傳效果。

缺點：副圖上的文字

排版可以優(yōu)化一下，

有點潦草。

優(yōu)點：產(chǎn)品海報和產(chǎn)

品參數(shù)制作的不錯。

缺點：商品展示圖較

詳情頁

少沒有產(chǎn)品細節(jié)圖和

產(chǎn)品賣點版塊，產(chǎn)品

介紹信息不足。

6

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

2.2店鋪視覺營銷定位分析

淘寶店的視覺營銷定位不單單只是一個配色作圖那么簡單。開設(shè)一個店鋪

必須要對店鋪有一個精確定位，否則，將無法把店鋪內(nèi)的寶貝精準地推送給盡

可能多的目標客戶。

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

貴妃淘寶自營店鋪經(jīng)營的產(chǎn)品以手串系列文玩產(chǎn)品為主，目標是中高端市

場，主要銷售手串、手鐲、發(fā)簪和文玩配件。本店的產(chǎn)品定位分析主要分為以

下兩點:

（1）產(chǎn)品特點

本店主推兩款產(chǎn)品，一款是定位為香韻的沉香手串，選自印尼精選沉香老

料，純手藝打造沉香精美豹紋手串，還帶來了15天不理由免費退換貨的福利。

另外一款是定位為星點血紅小葉紫檀，采用進口老料，精心打磨成珠，經(jīng)過繁

瑣工藝，展現(xiàn)工藝情懷，做到將最好的手串送到每一位消費者的手上。

（2）市場分析

“文玩”主要指文房用具或與供人把玩的物件，彰光鮮明顯中國古代文人

的文化性情。文玩并非僅有使用價值的普通商品，而是集藝術(shù)價值、歷史價值

及心靈愉悅于一體的象征，具有內(nèi)在的文化及精神價值。文玩的消費者往往對

文玩有強烈的依戀，并能通過鑒賞和把玩文玩得到情感上的愉悅。此外，該等

消費者往往會聚集到愛好者社區(qū)，彼等可以與其他愛好者分享、交流、交易并

分享他們對文玩的鑒賞樂趣。本店的產(chǎn)品定位是結(jié)合超強的性能以及低廉的價

格，精準定位于消費者的真正需求，以凸顯本店產(chǎn)品的差異化特色，營造良好

的產(chǎn)品形象。

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

貴妃淘寶自營店鋪主營手串系列的文玩產(chǎn)品，這類消費者以中年人群為

主，年齡主要集中在35到65歲的人群，地域主要分布在一二線城市，其中男

性群體則大約占總體的七成。這類群體有一大優(yōu)點，擇優(yōu)良品不懼價格。

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

在當今的網(wǎng)絡(luò)時代中，有許多的淘寶店是不足為奇的事實，但是如果我們

想在萬多中的淘寶店中脫穎而出的話，最好是采用與產(chǎn)品相關(guān)的配色和一些具

體的好玩的名稱去吸引消費者的眼球，比如：貴妃店鋪采用的就是來自于故宮

7

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

一些巧妙元素，帶您夢回故宮的一個創(chuàng)作理念。

2.4店鋪色彩分析

由于店鋪售賣的是文玩類產(chǎn)品，且是走古風(fēng)、山水風(fēng)格，所以本店以紅黃

黑為主色調(diào)，這個色調(diào)在歷史進程的檢驗中都是經(jīng)典、耐看的，也能很好的體

現(xiàn)店鋪風(fēng)格。

店鋪首頁以故宮的海棠紅為主色調(diào)色，用雪白作為輔助色搭配，作為本店

文玩產(chǎn)品展示的背景色，以凸顯一種古典精致的優(yōu)越氣質(zhì)感。以赤金色搭配，

應(yīng)用于店鋪價格凸顯。再以佛學(xué)的佛像元素和蓮花元素比產(chǎn)品進行點綴，營造

出店鋪的清新脫俗的氛圍。

店鋪的logo采用海棠紅，表達出一種古典的光澤感，再加上一只金色的大

鵬做點綴，凸顯不凡。

3貴妃淘寶自營店鋪視覺設(shè)計

店鋪的版式設(shè)計就是通過店鋪售賣的產(chǎn)品進行規(guī)整對文案，產(chǎn)品，色彩搭

配的合理排布，展示出產(chǎn)品的賣點，挖掘出消費者的痛點。在設(shè)計店鋪的初

衷，也要添加一些店鋪所要傳達給消費者的理念在其中，人們往往不是因為想

購買一件商品而購買，有時候也會為了產(chǎn)品所給予的意境打動購買。

3.1店鋪版式設(shè)計

在店鋪的首頁板式設(shè)計上，采用海棠紅作為主色調(diào)，用一些禪學(xué)元素更多

的呈現(xiàn)信息歸組，使得整體首頁的視覺效果上具有靈動活躍性。因為店鋪的重

中之重是在主圖的信息活動展示上，運用重點突出顯示法，將店鋪的熱銷產(chǎn)品

凸顯出來并對產(chǎn)品大類進行海報分欄亮點處理。

在詳情頁板式設(shè)計上，對比別家的同類產(chǎn)品的詳情頁設(shè)計再加上產(chǎn)品本身

自帶的屬性特征進行梳理并且針對賣家關(guān)注度較高的賣點進行文案上的撰寫與

排版，從而帶給消費者最佳的視覺盛宴，讓消費者了解店鋪每一個產(chǎn)品背后的

故事。

3.1.1首頁版式設(shè)計

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

背景色。進入店鋪首頁，最上方的便是店招以及導(dǎo)航條。店招和導(dǎo)航條都采用

海棠紅顏色元素，文字、圖形等整體進行美化設(shè)計。店招從左到右依次放置店

8

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

鋪的logo、店鋪古典文案。導(dǎo)航條則是采用海棠紅加上紋理下沉做出深紅紋理

效果，并將本店鋪的產(chǎn)品進行初步整合、撰寫導(dǎo)航條好玩文案做點睛之筆，帶

給消費者不一樣的風(fēng)格設(shè)計。

導(dǎo)航條往下便是海報，海報是店鋪宣傳的重要方式和吸引目標人群、潛在

人群的重要版塊，所以海報的大小設(shè)置為1920px×630px。通過視覺的美觀問

題，將海報制定為古風(fēng)山水畫的風(fēng)格模式加上加大版宣傳文案，迅速抓住消費

者的眼球。海報采用的是中間的構(gòu)圖方法和一些禪學(xué)元素的美化。文案放在中

心位置并且進行排版，產(chǎn)品則是做輔助元素，主要凸顯的是文案中的賣點。

海報以下便是店鋪的分類專區(qū)，分別是店鋪優(yōu)惠劵、店鋪活動、產(chǎn)品分

類、沉香系列、小葉紫檀系列、爆款系列、店長推薦、產(chǎn)品服務(wù)。在這些板塊

中的設(shè)計，主要是運用圖形、圖片和文案的排版加上顏色蘊意的點綴，以營造

出店鋪典雅的活動氛圍感，使產(chǎn)品更突出，從而體現(xiàn)店鋪的營銷目標。版塊內(nèi)

采用有圖文結(jié)合，字體設(shè)計、做實物結(jié)合，添加氣氛、文案上使用對齊形式的

構(gòu)圖方式。

最后便是結(jié)尾海報，這一部分采用簡單的矩形、文字和圖片下沉組合來設(shè)

計。

貴妃淘寶自營店鋪首頁版式設(shè)計草圖如圖4所示。

9

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

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

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

產(chǎn)品1的詳情頁設(shè)計，是銷售量可觀的產(chǎn)品之一深山老樹沉香手串。首先

是產(chǎn)品海報的設(shè)計，大小設(shè)置為750px×850px，背景是有磨砂質(zhì)地的白色紋理

背景。其次是分類版塊，分別是介紹沉香的由來、產(chǎn)品的保障服務(wù)、產(chǎn)品制作

工藝展示、產(chǎn)品細節(jié)展現(xiàn)、精選買家秀和下單須知，采用紺青和皚雪色兩個顏

色交替使用的色塊來區(qū)分每個版塊。服務(wù)保障采用豎版形式的排版，圖形與文

字結(jié)合，一目了然，吸引消費者瀏覽查看。制作工藝上大膽創(chuàng)新了九宮格的排

版，其中第五個宮格使用文字說明，直接介紹產(chǎn)品的生產(chǎn)流程。其中還設(shè)計了

專屬的淡金色的小標題作為模塊之間的劃分。產(chǎn)品細節(jié)采取三角形圖文結(jié)合的

方式排版。最后是買家須知版塊，采用紺青顏色作為背景加上圖案和文字的點

綴，起提示買家的作用。

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

10

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

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

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

產(chǎn)品2的詳情頁設(shè)計，是買家好評的星點血色小葉紫檀。在詳情頁的設(shè)計

中，整體是比較簡單的采用了紅色和白色相結(jié)合進行整個頁面的設(shè)計。接下來

的產(chǎn)品保障采用和產(chǎn)品1中一樣的設(shè)計，以保持店鋪的一致性。然后產(chǎn)品參數(shù)

版塊利用古代撰寫豎排來進行排版，產(chǎn)品推薦則是先采用四宮格的形式排版，

簡略介紹產(chǎn)品的種類以及賣點，采用上圖下文的排版方式。再次是產(chǎn)品展示，

采用折線形巧妙的構(gòu)圖，將產(chǎn)品的樣式最大程度顯現(xiàn)，四周綴以文字介紹，增

11

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

強視覺沖擊力。最后，進行商品細節(jié)進一步展示，加上一些設(shè)計的小元素凸顯

產(chǎn)品精心設(shè)計的賣點。買家須知采用和產(chǎn)品1相同的版塊設(shè)計。

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

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

3.2店鋪文案策劃

在這個快銷的時代內(nèi)，人們的生活節(jié)奏不斷的加快，特別是在網(wǎng)店上，有

時候買東西需要看許多的內(nèi)容，眼花繚亂。為了讓消費者多停留在店鋪中從而

達到下單轉(zhuǎn)化的結(jié)果，賣家之間開始了一輪的圖文、價格、包裝攻勢。其中文

案的精巧設(shè)計可以更好的直擊消費者購買的欲望。

12

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

3.2.1首頁文案策劃

店招的左邊是店鋪logo名稱“GUIFEI”，以及裝飾文案“經(jīng)典文玩，夢

回‘貴妃’”。文案下方采用紅色矩形框凸顯“經(jīng)典文玩大盤算”，為了引起

消費者選購產(chǎn)品的實際需求。以簡化的風(fēng)格帶來用戶非凡的體驗，將產(chǎn)品中心

往海報和其他模塊重點凸顯。

首頁海報版塊，首先用加大加粗字體的“工藝手串”明確表明本店海報推

廣的產(chǎn)品是什么。其次加上“選自天然材料/健康不傷膚/款式獨到/任君選擇”

和幾款熱爆產(chǎn)品點綴，使得整張海報的凸顯“工藝手串”作為賣點。

店鋪優(yōu)惠版塊，采用“優(yōu)惠券來襲”這一具有指引性的文案抓住消費者的

眼球，增添消費者對本店的好奇和購物欲，以及配上輔助文案“更多優(yōu)惠等您

來領(lǐng)”，店鋪設(shè)置了三張不同等級的優(yōu)惠券，讓買家直面了解到店鋪的活動力

度。

店鋪活動版塊，采用左圖右文的排版，使用具有活動性喜慶的文字“店鋪

周年慶”，以激發(fā)消費者的積極性，同樣配以“專區(qū)滿500打8折”的活動文

案點綴。

分類導(dǎo)航的三大類目，用紅色圓形作為類目亮點將產(chǎn)品放在圓形正中間凸

顯，下面配上產(chǎn)品帶有的文字說明，清晰簡潔地向消費者傳遞類目信息。

在接下來的沉香系列、小葉紫檀系列、爆款來襲、店長推薦等板塊中，都

是采用加大加粗字體的文案描述對應(yīng)產(chǎn)品的名稱，輔助文案則是產(chǎn)品的主要賣

點，以及產(chǎn)品的黃色的價格數(shù)字和紅色圓角矩形背景的引導(dǎo)性標簽文案。強烈

的顏色對比將用戶的目光以及思路跟著設(shè)計好的模塊流程走，順便可以高頻率

的找到自己鐘意的寶貝。

最后是簡約紅色矩形加上工藝制作的圖片打底，配上“精致工藝”的文案

結(jié)尾，增加消費者的瀏覽體驗。

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

產(chǎn)品1是本店的主推手串，采用產(chǎn)品名稱“深山老樹沉香”作主文案，產(chǎn)

品賣點“沉木香.香味繚繞”作輔助文案，產(chǎn)品定位為“香型手串”，抓住消費

者購買本手串的實際需求。

由于沉香手串作為店鋪的主推產(chǎn)品，所以營造消費者對該產(chǎn)品的認知和信

任感尤其重要。在海報往下，便是“一片沉香萬兩金”的宣傳標語和帶有典故

的故事，來告訴消費者本店在選材方面的用心。

產(chǎn)品服務(wù)保障模塊，采用“始于品相忠于質(zhì)量”作主文案，以突出本手串

13

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

的品質(zhì)度，再配以對產(chǎn)品保障的具體活動性文字作輔助文案。產(chǎn)品制作工藝版

塊則是采用“巧看制作工藝”作標題文案，營造產(chǎn)品與同類商品之間的差異

性。接著是描述產(chǎn)品的信息方面，包括“品名”、“產(chǎn)地”、“規(guī)格”、“品

相”“香韻等級”，采用左文右圖的排版設(shè)計，讓用戶更加直觀的了解到產(chǎn)品

的信息屬性。

產(chǎn)品細節(jié)版塊，為了使消費者更加細致的了解產(chǎn)品本身的亮點，采用圓形

與圓角矩形的碰撞設(shè)計，突出顯示“可調(diào)活結(jié)”“花豹紋理”“規(guī)格不一”等

產(chǎn)品細節(jié)。

客官好評版塊主要是采用買家的好評角度更進一步的證實本店產(chǎn)品的品質(zhì)

和服務(wù)，以完全打消消費者的疑慮。

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

產(chǎn)品2是買家好評度最高的星點血紅小葉紫檀手串。在海報版塊，通過加

大加粗的標題文字“小葉紫檀”，讓消費者一眼就明了海報推廣的是哪一個產(chǎn)

品。然后在標題下方使用“小葉紫檀盡顯您的品味”的宣傳標語，朗朗上口，

讓消費者形成對平板的初步記憶。最后配以精修過后的產(chǎn)品圖和一些構(gòu)圖小元

素，給用戶打造小葉紫檀的美觀。

為了營造店鋪風(fēng)格的一致性，產(chǎn)品2的服務(wù)保障和買家須知版塊都是采用

與產(chǎn)品1相同的文案設(shè)計。

參數(shù)版塊用粗寫體的“產(chǎn)品參數(shù)”文字作標題，以及用小葉紫檀元素作裝

飾，從而與上一版塊區(qū)隔開。采用新穎的豎式表格排版，列表描述關(guān)于小葉紫

檀的各項數(shù)據(jù)。

展示模塊用折線式構(gòu)圖法，將小葉紫檀加倍直觀的揭示在消費者的面前。

細節(jié)模塊以左圖右文、右圖左文的形式，活潑生動的文字帶給消費者一目

了然的體驗。

增強視覺感官，加深消費者對平板的認同感，激發(fā)購物欲望。

4貴妃淘寶自營店鋪視覺效果制作

店鋪的視覺效果制作就是通過店鋪在之前確定下來的初步店鋪視覺計劃，

對產(chǎn)品、廣告、色彩搭配的合理排布，展示出店鋪的獨到風(fēng)格的同時并展現(xiàn)產(chǎn)

品的賣點，挖掘出消費者的痛點。讓店鋪初步在消費者心中留下一道獨特的印

象，以便后期的活動的推廣從而實現(xiàn)視覺變現(xiàn)。

14

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

4.1店鋪首頁效果圖制作

店鋪首頁作為消費者進入店鋪的第一個頁面，其效果圖的制作好壞決定了

它是否能在第一時間抓住消費者的眼球，讓消費者停留并瀏覽首頁內(nèi)容，最終

影響店鋪的流量和轉(zhuǎn)化率。

4.1.1店招設(shè)計過程

為了契合店鋪的古韻風(fēng)格，店招的背景色設(shè)置成為白色。店招的左邊為店

鋪logo，紅色的英文大寫字母是店鋪名稱貴妃的縮寫“GUIFEI”，其中還添加

了漸變的金色大鵬動物元素，營造出此店不凡的感受。下邊是富有生氣的黑色

字體“文玩”加上字體縮小的裝飾橫線。旁邊配上紅色元素的文案“經(jīng)典文玩

夢回‘貴妃’”將消費者的目光再次點到店鋪的名稱上，下面用海棠紅的紅色

圓角矩形加上花紋點綴配上“經(jīng)典文玩大盤算”。告訴買家本店的主營產(chǎn)品就

是主打文玩類型的。

導(dǎo)航條采用具有美艷的海棠紅色打底用深色故宮元素填充，以提升消費者

對店鋪的視覺好感度。分類區(qū)塊名稱利用皚雪色的微軟雅黑字體，與整體背景

構(gòu)成對照，清楚了然。

貴妃淘寶自營店鋪店招設(shè)計效果圖如圖7所示，在PHOTOSHOP軟件中

的制作過程圖如圖8所示。

圖7店鋪店招設(shè)計效果圖

15

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

圖8店鋪店招制作過程圖

4.1.2海報制作

海報是宣傳的重要版塊，通過超大的占屏面積，迅速抓住消費者的眼球。

海報采取的是中央式重點的構(gòu)圖以及元素的美化。文案放在中心位置并且進行

排版，產(chǎn)品則是做輔助元素，主要凸顯的是文案中的賣點。在海報主打的“工

藝手串”文玩上可以看到加上了一顆珠子作為點綴，顯示出本店制作的產(chǎn)品主

打宣傳在手串本身。

貴妃淘寶自營店鋪首頁海報效果圖如圖9所示，在PHOTOSHOP軟件中

的制作過程圖如圖10所示。

圖9店鋪首頁海報設(shè)計效果圖

圖10店鋪首頁海報制作過程圖

4.1.3其他區(qū)域制作

對于其他區(qū)域的制作，共分為優(yōu)惠劵、分類欄目、三大系列版塊、店長推

薦和買家須知。

16

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

優(yōu)惠劵版塊，劃分為三個圓角矩形，填充海棠紅色，以綠色作為邊框色。

運用PS中的圖形制作出了之前風(fēng)靡一時的小票形狀，再配上本店打折的力度

采用白色底紋的下沉圖形顯示，用白色加大的優(yōu)惠滿減金額與紅背景色做出強

烈對比，采用“優(yōu)惠券來襲”這一指引性的文案吸引消費者的注意力。

活動海報模塊，運用常見的矩形工具進行繪制制作，采用精選高清菩提手

串產(chǎn)品圖，以左圖右文的形式將店鋪周年慶的活動烘托出來，擇選海棠紅加上

精美的鎏金花紋，盡顯店鋪活動氛圍，從而在眾多模塊中脫穎而出。如果從整

體來看，海報起到一個紅色分隔的作用，視覺上會重心留意到這一塊。

三大系列模塊，以紅色的小標題巧妙將三個模塊給區(qū)分出來，而后隨著精

心設(shè)計的三大系列海報拉開對應(yīng)產(chǎn)品系列的帷幕。巧看可以看到頁面處有一欄

豎狀的矩形工具繪制的沉香簡介模塊，讓用戶先過多的接觸了解咱們的對應(yīng)產(chǎn)

品品質(zhì)，再是進一步的促銷信息。而且針對該系列模塊，可以看到每一個模塊

上邊都是有該產(chǎn)品的賣點海報。海報的風(fēng)格都是產(chǎn)品一致并且在一定程度上邊

凸顯出該系列幾款重點營銷的產(chǎn)品。

店長推薦模塊，運用了英文標題“TopRecommended”點明模塊間的轉(zhuǎn)換。

下面采用了紅色的矩形框進行制作，以左文右圖的形式帶給消費者新的體驗，

點明了產(chǎn)品的賣點和價格。以海棠紅為背景凸顯出文案賣點，外加高清版產(chǎn)品

圖片，簡約透視出店長推薦的品味，給一些不知道從何處下手的買家增添購買

選項。

貴妃淘寶自營店鋪其他區(qū)域設(shè)計效果圖如圖11所示，在PHOTOSHOP軟

件中的制作過程圖如圖12所示。

17

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

圖11店鋪首頁其他區(qū)域設(shè)計效果圖

圖12店鋪首頁其他區(qū)域制作過程圖

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

好的詳情頁效果圖不僅能激起消費者的消費欲望，還能消減消費者心中的

18

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

疑慮，從而促成購買。產(chǎn)品詳情頁1制作的是店鋪主推產(chǎn)品之一深山老樹沉香

手串。

4.2.1主副圖效果圖

首先是產(chǎn)品1的主圖效果設(shè)計。店鋪的主圖越有吸引力，就越能吸引消費

者的點擊。本產(chǎn)品的主圖采用玄黑色紋理的布景，金色描邊的圓角矩形作元

素。整體采用暗色調(diào)搭配，突出顯示產(chǎn)品，品味沉香獨到的美。構(gòu)圖方式是上

文下圖，上邊的文案介紹產(chǎn)品名和三個產(chǎn)品賣點，產(chǎn)品名“香溢十足沉香手

串”里的文字用白色填充圖案做突出顯示，三個賣點使用產(chǎn)品本身自帶的棕色

填充的文字加上分隔的斜杠來呈現(xiàn)。賣點添加字體縮小做起輔助文案和下面的

主文案形成色差對比。下面使用金黃色填充的文字“SALE”作為價格標簽，

并利用圓角矩形工具添加固定效果，外加白色小型購物車圖案，凸顯產(chǎn)品價

格。最后在主圖文案下面插入之前提前處理好的高清產(chǎn)品圖，給整張圖注入靈

魂。

產(chǎn)品1主圖設(shè)計效果圖如下圖13所示，在PHOTOSHOP軟件中的制作過

程圖如下圖14所示。

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

19

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

圖14產(chǎn)品1主圖制作過程圖

接下來是產(chǎn)品的副圖。由于本產(chǎn)品的主圖采用的是黑色質(zhì)感背景，為了風(fēng)

格統(tǒng)一，副圖就采用一樣的顏色作背景，簡潔的上文下圖、上圖下文來構(gòu)圖。

文案由主文案加輔助文案構(gòu)成，主文案做放大加粗和漸變特殊處理，使用的圖

片與文案相契合。占據(jù)整個圖片的視線集中最佳位置。帶給消費者絕佳的視覺

體驗。

產(chǎn)品1副圖設(shè)計效果圖如下圖15所示，在PHOTOSHOP軟件中的制作過

程圖如下圖16所示。

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

圖16產(chǎn)品1副圖制作過程圖

20

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

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

首先是產(chǎn)品海報。采用有古舊感的白色草紙圖片填充作背景，上文下圖的

構(gòu)圖方式。產(chǎn)品名字體加大加粗、漸變以及元素處理，構(gòu)成主文案。產(chǎn)品賣點

使用深色的小于主文案的字體，使用文字工具改變方向，形成輔助文案。產(chǎn)品

名填充為深棕色漸變，一旁使用紅色不規(guī)則圖形填充，寫有“香”作裝飾。文

案豎向立體擺放，產(chǎn)品進行調(diào)色的處理，打造產(chǎn)品極致的立體感，加深消費者

對產(chǎn)品的親切感。

接下來的版塊中，整體背景采用紺青藍和皚雪白色，兩色填充的矩形交替

使用來區(qū)分各個版塊。所有版塊，標題的文字填充為漸變金色，外加同色圖形

裝飾，與背景顏色形成色彩對比，凸顯標題。主體部分采用紺青色作為背景色

進行填充排版。利用與文案相媲美的寶貝圖片豐富文案，營造主次感。

產(chǎn)品賣點版塊，采用故事的手法，采用沉香典故文案將消費者帶入其中，

了解沉香，品味沉香，正所謂“一片沉香萬兩金”。而后使用黃色填充凸顯賣

點文字，下面使用三個圓角矩形框，實現(xiàn)產(chǎn)品與文案的聯(lián)動。凸顯出沉香典故

的同時再用圖片加強消費者的購買心理暗示。

產(chǎn)品細節(jié)版塊，使用“沉香典雅小細節(jié)”的漸變小標題，將用戶的中心引

導(dǎo)夠來，采用折線形構(gòu)圖方式，將高清的寶貝圖片下沉到3個金邊的藍色橢圓

形中，并將對應(yīng)的賣點文案重疊在3個藍色的圓角矩形上。形狀的疊加使用，

形狀疊加之后酷似日常生活中常用的小書簽，讓整個畫面得到了趣味升華。

產(chǎn)品信息版塊，使用了鎏金色漸變的古風(fēng)式邊框?qū)a(chǎn)品圖片居右，保留出

左邊的文案區(qū)域，文案內(nèi)采用PS自帶的正楷字體，將文案整塊方方正正的排

在邊框內(nèi)部。右邊則用矩形工具繪制一個矩形將產(chǎn)品下沉其中，做一點位置細

節(jié)處理。

最后客官下單須知版塊，用俏皮的文案將這一模塊與前面的內(nèi)容隔絕，使

用的是6個在PS中自定義工具里邊自帶的圖形，并且下方還對每一個圖形進

行相對應(yīng)的文字說明，特別是這一模塊是用紺青色作為背景的同時，還做了一

點背景圖片下沉、調(diào)整透明度的特殊處理，使得整個模塊不顯單調(diào)。

產(chǎn)品1詳情頁設(shè)計效果圖如圖17所示，在PHOTOSHOP軟件中的制作過

程圖如圖18所示。

21

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

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