歸銀堂淘寶店視覺營銷設(shè)計(jì)方案

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

目錄

1歸銀堂淘寶店鋪概況................................................1

1.1銀制品店鋪發(fā)展現(xiàn)狀...........................................2

1.2歸銀堂淘寶店鋪現(xiàn)狀...........................................2

2歸銀堂淘寶店鋪視覺營銷分析........................................3

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

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

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

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

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

3歸銀堂淘寶店鋪視覺設(shè)計(jì)............................................5

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

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

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

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

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

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

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

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

4歸銀堂淘寶店鋪視覺效果制作.......................................10

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

4.1.1海報制作過程..........................................11

4.1.2其他區(qū)域制作..........................................11

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

4.2.1產(chǎn)品詳情頁1效果圖...................................13

4.2.2產(chǎn)品1主副圖效果圖....................................14

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

4.3.1產(chǎn)品詳情頁1效果圖...................................15

4.3.2產(chǎn)品2主副圖效果圖....................................17

Ⅰ

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

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

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

Ⅰ

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

歸銀堂淘寶店視覺營銷設(shè)計(jì)方案

1歸銀堂淘寶店鋪概況

歸銀堂淘寶店鋪是一家以售賣銀制產(chǎn)品為主的網(wǎng)店，成立于2013年，店鋪

主要產(chǎn)品有純銀燒水壺、純銀泡茶壺、純銀公道杯、純銀品茗杯、純銀茶具套

裝、純銀保溫杯。歸銀堂淘寶店的綜合體驗(yàn)的星級已經(jīng)達(dá)到四鉆。店鋪DSR評

分超過同行業(yè)，描述4.9，服務(wù)4.9，物流4.3，均超過同行78.5%-83.4%，店鋪

DSR評分見下圖1，店內(nèi)的總體裝修風(fēng)格以古典紅為主色調(diào)，黑色灰色與古木

色高調(diào)突出、大氣鮮明，彰顯典雅和輕奢，努力給顧客以良好視覺體驗(yàn)，使其

眼前一亮之感，店鋪首頁裝修見下圖2。歸銀堂淘寶店設(shè)計(jì)制作的“四海升平”、

“龍騰海嘯”、“尊孝”都曾作為國禮贈送給參會的各國友人，彰顯了中國工匠精

神，大國風(fēng)范，深受各國友人的喜愛。

圖1歸銀堂淘寶店DSR

圖2歸銀堂淘寶店首頁裝修

1

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

1.1銀制品店鋪發(fā)展現(xiàn)狀

近幾年，隨著人們生活水平的快速提高﹑審美觀的不斷變化，白銀飾品由

近2005年的默默無聞，到現(xiàn)在成為市場上的寵兒僅用了6年的時間，然而這種

快速勢頭在今年9月深圳國際珠寶展會上表現(xiàn)的更為明顯，除了純銀飾品、木

鑲銀、水晶鑲銀之外，烤瓷、白金、瑪瑙、琥珀、珍珠、貝母等也融入了白銀

的元素，這些豐富多彩的搭配，賦予了銀飾品不同凡響的視覺感受。

通過店查查，可以發(fā)現(xiàn)，在淘寶網(wǎng)上篩選銀制品淘寶店，銀制品類店鋪有

22586家，如圖3所示。通過關(guān)鍵詞銀制品，分析到淘寶前十頁淘寶金牌店鋪

占比45%，淘寶非金牌店鋪占比20%，天貓旗艦店占比30%，專賣店占比5%，

側(cè)面反映了淘寶店鋪占了大部分，如圖4所示。并且通過收貨人數(shù)對比可知，

淘寶店鋪整體銷售數(shù)量略高于天貓，說明淘寶店鋪還是有一定的銷售空間，但

個體銷售量大部分低于天貓旗艦店。

圖3淘寶銀制品店鋪數(shù)量

圖

圖3淘寶搜索情況

銀制品類型占比圖

5%;400%

30%;300%

45%;100%

20%;200%

淘寶金牌店鋪淘寶非金牌店鋪天貓旗艦店專賣店

圖4銀制品店鋪類型占比圖

1.2歸銀堂淘寶店鋪現(xiàn)狀

歸銀堂已經(jīng)是經(jīng)營了9年的老店，屬于穩(wěn)定獲客的，反復(fù)促進(jìn)老顧客成交

的階段，因此為了獲得更高的瀏覽量與轉(zhuǎn)化率，我們設(shè)計(jì)了很多營銷活動，如

2

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

2022年的年貨節(jié)，天天特價，全店鋪滿988立減100，每天推出店鋪爆款，進(jìn)

店領(lǐng)取大額優(yōu)惠券。并且承諾對所售賣的產(chǎn)品提供貴金屬銀的回收服務(wù)。

2歸銀堂淘寶店鋪視覺營銷分析

人們往往會對美的東西多加關(guān)注，好的視覺營銷帶來好的美感，為了迎合

不同的裝修風(fēng)格，給銀制品做好視覺營銷是必不可少的，因此應(yīng)該從店鋪的首

頁著手，首頁的配色，版式，文字的選擇，最終造就了不同的風(fēng)格。視覺營銷

是一種不可或缺的營銷手段，它是利用圖片的影響力來吸引潛在顧客的注意力，

增加產(chǎn)品和商店的吸引力。視覺營銷的功能是吸引更多顧客的注意力，從而提

升網(wǎng)店的流量，刺激網(wǎng)店的有效套路。

2.1店鋪視覺營銷定位分析

我們的銀制品是工匠技巧打造，所以首頁應(yīng)該看起來高檔一點(diǎn)，其次，因

為店鋪的受眾人群大多為35-70的中年男性，灰色代表了奢華、高檔、穩(wěn)定、

商務(wù)的感覺，所以我選擇了高級灰和白色，凸顯了產(chǎn)品的高檔與奢華，又通過

點(diǎn)線面原則，讓一些小的元素做點(diǎn)綴體現(xiàn)了促銷的氣氛。并且我通過合成的技

巧，讓畫面看起來盡量平衡且富有展示感。

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

歸銀堂的主營產(chǎn)品是純銀燒水壺、純銀泡茶壺、純銀公道杯、純銀品茗杯、

純銀茶具套裝、純銀保溫杯，都是屬于銀制品之中的一類，通過淘寶主頁的搜

索寶貝列表，可以看出發(fā)用戶最多的選擇為，如圖5所示。所以為了迎合大部

分用戶喜歡的價位我們的主推產(chǎn)品之一，一款經(jīng)典銀制茶具產(chǎn)品定價為198元，

即符合用戶喜歡價位的區(qū)間，有體現(xiàn)了產(chǎn)品促銷的感覺來吸引顧客。售價適中，

適合大部分消費(fèi)者。

圖5用戶喜愛價格區(qū)間展示圖

3

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

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

根據(jù)百度指數(shù)分析，搜索銀制品的主要人群為30-39歲，如圖6所示。而

且女性多于男性，如圖7所示。20-29歲為青、中年人，他們購買銀具追求時尚

和實(shí)用性，有一定的審美眼光。

因此我們的銀制品要既保證質(zhì)量的同時還要保證時尚新潮，才能充分符合

消費(fèi)者的胃口。

圖6用戶年齡分布展示圖

圖7用戶性別比例展示圖

4

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

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

銀器有銀制飲具，銀制飾品，受眾人群大多為青年人，所以店鋪以簡約

風(fēng)為主，但要凸顯典雅元素，人們在之所以網(wǎng)購銀具是因?yàn)榫W(wǎng)購的銀具比實(shí)體

店里賣的銀制品便宜太多了，所以要體現(xiàn)促銷元素。綜上所述，店鋪的裝修要

美觀，大氣，這樣才能凸顯品牌感來獲得消費(fèi)者的信賴。商品要與店鋪的風(fēng)格

充分融合，增加三維感凸顯時尚元素。簡約而不失美觀讓消費(fèi)者在觀看我們的

首頁同時能沉浸在其中。

2.3店鋪色彩分析

店鋪的色彩決定了整個頁面的調(diào)性，也極大的影響了店鋪的風(fēng)格。店鋪的

色彩要以受眾人群為主，要凸顯我們品牌的高檔且沉穩(wěn)，我最終選擇了藍(lán)灰色

為主色調(diào)，為了保證時尚簡約的感覺，我用了白色作為文字的顏色，這樣既保

證了文字的可識別性的同時也保證了頁面的整潔。最后我選用了黃色與紅色，

紅色系作為點(diǎn)綴色，我盡可能降低了點(diǎn)綴色的使用比例，這樣維持了畫面的整

體平衡感，又體現(xiàn)了畫面的促銷感。

3歸銀堂淘寶店鋪視覺設(shè)計(jì)

優(yōu)秀的視覺設(shè)計(jì)離不開良好的排版和文案。文案可以用文字的形式將是商

品的利益有效的傳達(dá)給消費(fèi)者。下面由我來為大家闡述我們歸銀堂淘寶店的視

覺營銷設(shè)計(jì)，版式設(shè)計(jì)能有效地傳達(dá)趣味性，使畫面看起來更和諧、更有組織。

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

合理的布局，是店鋪的框架的搭建根本，這影響到了店鋪整體調(diào)性，布局

形式美法則是藝術(shù)創(chuàng)作的基本法則，結(jié)合和運(yùn)用形式美，是保證設(shè)計(jì)成功的關(guān)

鍵。合理的布局可以讓顧客有良好的體驗(yàn)。因此，一個好的版式?jīng)Q定了一個好

的設(shè)計(jì)。

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

首先說明店鋪首頁的布局設(shè)計(jì)，為符合節(jié)日促銷，節(jié)日文化和店鋪風(fēng)格需

最上面的是導(dǎo)航條和店招。我采用了深灰色作為店招的背景顏色。采用了白色

作為文字的顏色，為了使導(dǎo)航條清楚的顯示，以及和諧和統(tǒng)一我采用了白色作

為導(dǎo)航條的顏色。并且采用黑色作為導(dǎo)航條文字的顏色形成對比，黑白灰三種

顏色的組合高檔而又優(yōu)雅，突出了我們的品牌調(diào)性。再往下便是我們的海報，

5

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

作為主打產(chǎn)品的海報，放在最前面吸引顧客的眼球。然后設(shè)置了優(yōu)惠券的領(lǐng)取

處，充分激發(fā)顧客的購買欲。再往下推出我們的熱銷產(chǎn)品，讓顧客來購買。然

后是推出我們的新品，給顧客別樣的感官體驗(yàn)。從優(yōu)惠券到熱銷產(chǎn)品，我都采

用樓層式的架構(gòu)，產(chǎn)生一點(diǎn)透視，讓顧客感受到身臨其境。最后，我設(shè)置了商

家必備的保障作為結(jié)尾，滿足顧客購買的安全感。

歸銀堂淘寶店首頁版式設(shè)計(jì)草圖如圖8所示。

圖8首頁版式草圖

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

產(chǎn)品詳情頁1設(shè)計(jì)產(chǎn)品是我們店鋪的爆款產(chǎn)品之一的銀制茶具。首先，我

準(zhǔn)備在最上方設(shè)計(jì)活動海報，用來吸引顧客，海報的設(shè)計(jì)我準(zhǔn)備采用促銷的元

素用來吸引購買。然后是產(chǎn)品的賣點(diǎn)展示，充分來展現(xiàn)產(chǎn)品的賣點(diǎn)來留住顧客。

然后是產(chǎn)品展示，通過不同角度展現(xiàn)產(chǎn)品，讓顧客更能清晰的看到我們的產(chǎn)品，

最后是產(chǎn)品參數(shù)的介紹，以及產(chǎn)品服務(wù)的保障和買家須知，讓顧客買的放心。

歸銀堂淘寶店產(chǎn)品詳情頁1版式設(shè)計(jì)草圖如圖9所示。

6

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

圖9產(chǎn)品詳情頁1版式草圖

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

產(chǎn)品詳情頁2設(shè)計(jì)產(chǎn)品是我們店鋪的爆款產(chǎn)品之一的商務(wù)風(fēng)簡約銀具。首

先，我準(zhǔn)備在最上方設(shè)計(jì)產(chǎn)品活動海報，采用簡約的風(fēng)格。海報的設(shè)計(jì)我準(zhǔn)備

采用產(chǎn)品色以此來達(dá)到和諧和統(tǒng)一。然后是產(chǎn)品的賣點(diǎn)展示，在充分展示賣點(diǎn)

的同時又保持簡約的風(fēng)格。然后是產(chǎn)品展示，通過不同角度展現(xiàn)產(chǎn)品，給顧客

塑造簡約大氣的感覺。最后是產(chǎn)品參數(shù)的介紹，以及產(chǎn)品服務(wù)的保障和買家須

知。

歸銀堂淘寶店產(chǎn)品詳情頁2版式設(shè)計(jì)草圖如圖10所示。

7

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

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

3.2店鋪文案策劃

如果說版式是核心，那么文案就是靈魂。文案是與消費(fèi)者互動的有力工具，

用直觀的文字提取出消費(fèi)者的興趣點(diǎn)和痛點(diǎn)，刺激消費(fèi)者的需求。通過不同的

文案給予消費(fèi)者不同的體驗(yàn)，讓消費(fèi)者沉浸其中。通過準(zhǔn)確的把握消費(fèi)者的心

理，從而強(qiáng)有力的促進(jìn)店鋪的成交與購買。

好的店鋪文案絕大部分的決定了成交與否。

3.2.1首頁文案策劃

為了吸引顧客購買，我在首頁頭部就設(shè)置了促銷信息，并且用了洋紅色作

為按鈕的顏色增加促銷的感覺，推出了我們?nèi)粘ｄN售的銀制茶具和銀壺，同時

為了突出產(chǎn)品的格調(diào)，我選用了黑體字來增加產(chǎn)品的格調(diào)和穩(wěn)定感，因?yàn)殂y具

這種客單價高的商品，顧客不光注重的是實(shí)惠，更注重的是實(shí)用，所以增加品

牌感和穩(wěn)定感是十分重要的。

因?yàn)楹笳计聊坏陌婷媛时容^高，所以海報的最先吸引顧客的可能性是最

高的。我們的海報是一款具備典雅元素的銀具，為了突出清雅這一賣點(diǎn)，我采

用外發(fā)光來突出，能給顧客帶來一種買了我們的銀制品就能代表自己獨(dú)特的品

味。之后便是優(yōu)惠券領(lǐng)取區(qū)域，優(yōu)惠券代表著顧客的利益，發(fā)放合理的優(yōu)惠券

能有效的刺激顧客購買。緊扣年貨節(jié)主題，保證了風(fēng)格的統(tǒng)一，又保持了畫面

8

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

的新鮮感，并加入修飾元素，將顧客關(guān)注的利益點(diǎn)（優(yōu)惠券），放在了視覺中心。

然后是我們店鋪的熱銷爆款，為了使整體文案達(dá)到和諧和統(tǒng)一，并且在產(chǎn)品價

格上我都采用了“立即購買”的促銷元素。

然后是我們的店鋪新款，通過合理的布局，使文案的視覺達(dá)到統(tǒng)一。文案

同樣采用場景加上產(chǎn)品名，并且加上合理的祥云裝飾元素顯節(jié)日氣氛。文案雖

然簡約，通過合理的視覺卻讓整體的風(fēng)格達(dá)到了統(tǒng)一。

最后是我們店鋪的優(yōu)質(zhì)服務(wù)，首先是實(shí)物拍攝我們店鋪的產(chǎn)品都屬于實(shí)物

拍攝，其次是正品保障我們提供七天無理由退換貨服務(wù)。然后是優(yōu)質(zhì)服務(wù)，服

務(wù)的保障是顧客買的放心用的安心。最后，我們配有專屬的客服產(chǎn)品使用發(fā)生

任何問題都可以找客服來處理。在首頁的尾部我增加了返回頂部，來告知顧客

重新瀏覽商品，可以有效增加轉(zhuǎn)化率。

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

產(chǎn)品詳情頁一我選擇是我們店鋪的爆款之一的純銀茶倉保溫杯。首先是純

銀茶倉，茶水分離為主文案突出我們產(chǎn)品的質(zhì)量好這一賣點(diǎn)。其次是直接展示

產(chǎn)品的純銀茶倉，給顧客更直觀的展現(xiàn)才會增加購買的幾率，因此我們的第一

個賣點(diǎn)便是手工露刻，重點(diǎn)突出工匠打造。

然后是產(chǎn)品細(xì)節(jié)展示文案，首先第一個茶倉的使用細(xì)節(jié)展示，逆時針旋轉(zhuǎn)

底座，開啟茶水對流，靜候片刻，即可飲用。

第二個是體現(xiàn)國家專業(yè)機(jī)構(gòu)，質(zhì)檢質(zhì)量保障，我們的產(chǎn)品都是有鑒定證書

和防偽碼的，給用戶一個權(quán)威可靠的保證。

最后是購買須知，首先是賣家承諾，以此來打消顧客的購買的顧慮，其次

是物流問題向顧客充分說明物流的選擇以及發(fā)貨的時間。

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

產(chǎn)品詳情頁二我選擇的是我們店鋪的另一個爆款貴妃壺。首先是海報，我

們這款沙發(fā)最大的賣點(diǎn)是手工制作元素。所以我決定用工匠作為主題，由于工

匠兩字不適合做標(biāo)題，因此，主標(biāo)題直接為產(chǎn)品名稱，其次是副標(biāo)題“手工鏨刻，

純銀打造”這句話既說明了我們的工匠技術(shù)，又表示我們的銀具走在精品的前沿。

然后是賣點(diǎn)板塊，為了讓顧客更快的看到我們銀壺的賣點(diǎn)，我將賣點(diǎn)重點(diǎn)反正

銀壺養(yǎng)水的特點(diǎn)上。

一是商品屬性，這部分充分說明了商品屬性，并有溫馨提示，手工測量可

能會有誤差，提醒顧客以實(shí)物為主體。二是保養(yǎng)說明，銀壺的開壺，銀壺的使

用說明。

最后是購買須知，首先是賣家承諾，以此來打消顧客的購買的顧慮，其次

9

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

是物流問題向顧客充分說明物流的選擇以及發(fā)貨的時間。

4歸銀堂淘寶店鋪視覺效果制作

講解完良好的風(fēng)格、布局和文案之后，最重要的是怎么結(jié)合予以實(shí)際運(yùn)用。

下面我將主要講解如何按照后面的思路創(chuàng)作店鋪的首頁和詳情頁。

4.1店鋪首頁效果圖制作

首先是店招，根據(jù)視覺優(yōu)先原則，店招可能最先映入顧客的眼簾，風(fēng)格決

定為簡約風(fēng)，主色調(diào)為黑色，為了保證視覺在統(tǒng)一水平線上，保證畫面的平衡，

我最終我決定選用居中排版，

店鋪logo采用了藝術(shù)字體，體現(xiàn)質(zhì)感吸引眼球的效果，然后為了增加商品

的流量，我增加了促銷元素講店鋪的商品放在店招的兩側(cè)，保證視覺的平衡。

導(dǎo)航條為了讓其更加醒目，用白色色塊打底，采用黑體顯得和諧而統(tǒng)一，簡潔

無裝飾符合簡約風(fēng)。

歸銀堂淘寶店鋪店招設(shè)計(jì)效果圖如圖11所示，歸銀堂淘寶店鋪店招設(shè)計(jì)效

果圖如圖12所示。

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

圖12店招設(shè)計(jì)制作過程

10

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

4.1.1海報制作過程

其次是宣傳海報，同樣根據(jù)視覺優(yōu)先原則，海報處于顧客的視覺所以最有

可能吸引顧客，加上年貨節(jié)促銷，因此海報的設(shè)計(jì)更要符合節(jié)日氣息，才能決

定了店鋪寶貝的銷量，同樣海報的美觀能樹立良好的店鋪風(fēng)格。對于海報，我

決定節(jié)日元素裝飾，主色調(diào)與整體統(tǒng)一選用紅色，文案我則采用金色字體，烘

托節(jié)日熱鬧氛圍作用。歸銀堂淘寶店鋪首頁海報設(shè)計(jì)效果圖如圖13所示。首頁

海報設(shè)計(jì)效果圖設(shè)計(jì)過程如圖14所示

圖13首頁海報設(shè)計(jì)效果圖

圖14首頁海報設(shè)計(jì)效果圖設(shè)計(jì)過程

4.1.2其他區(qū)域制作

除了店招和海報之外，其他的區(qū)域我將其分為三個板塊，分別是優(yōu)惠券區(qū)

域、熱銷系列區(qū)域、以及新品區(qū)域。

11

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

首先是優(yōu)惠券，良好的優(yōu)惠券設(shè)計(jì)可以更好的吸引顧客，我將優(yōu)惠券標(biāo)題

定為進(jìn)店領(lǐng)取優(yōu)惠劵，再進(jìn)行紅包設(shè)計(jì)貼合主題，使其富有生機(jī)感讓版面更加

靈活。然后是優(yōu)惠券的設(shè)計(jì)，我用紅色作為優(yōu)惠券的底色，然后用金色字體增

加優(yōu)惠券的立體感。最后，再加上富有金錢質(zhì)感的金屬色，從而增加用戶領(lǐng)券

的欲望。再加上合理的切割效果的短線讓優(yōu)惠券更加逼真，然后在最下面加上

立即領(lǐng)取。

然后是熱銷系列區(qū)域，首先是標(biāo)題的設(shè)計(jì)，我同樣與海報一樣采用了發(fā)光

字體樣式，增加了頁面的整體感，然后便是產(chǎn)品的擺放，通過合理的左對齊，

并列我對產(chǎn)品進(jìn)行了不同樣式的擺放，最后，為了增加熱銷爆款的關(guān)注度我對

其采用了金色作為點(diǎn)擊模塊。

如歸銀堂淘寶店鋪首頁其他區(qū)域設(shè)計(jì)效果圖如圖15所示。首頁其他區(qū)域設(shè)

計(jì)效果圖設(shè)計(jì)過程如下圖16所示。

圖15首頁其他區(qū)域設(shè)計(jì)效果圖

圖16首頁其他區(qū)域設(shè)計(jì)效果圖設(shè)計(jì)過程

12

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

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

產(chǎn)品詳情頁1制作的是店鋪爆款產(chǎn)品茶倉保溫杯。詳情頁共分為五大板塊，

分別是活動海報、賣點(diǎn)展示、產(chǎn)品展示、商品屬性、買家須知。

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

首先是商品海報，海報的背景色我選擇了黑色，產(chǎn)品的擺放我將它擺放到

合成好的木質(zhì)桌面上，并且運(yùn)用合理的陰影襯托立體感。文案的標(biāo)題色我選擇

了漸變色，我先將標(biāo)題放大，然后將輔助文案在下方排列，將文案進(jìn)行了右對

齊，又將文案整體采用居中排版的格式，與產(chǎn)品的擺放保持統(tǒng)一，然后再文案

兩側(cè)加入了修飾元素，然后在文案右下角加入了橢圓形的促銷圖標(biāo)。

然后是產(chǎn)品賣點(diǎn)模塊，第一個賣點(diǎn)是純銀茶倉，然后在下方介紹國家權(quán)威

機(jī)構(gòu)認(rèn)證，為客戶保證產(chǎn)品質(zhì)量，第二個賣點(diǎn)是競爭優(yōu)勢，我將銀壺養(yǎng)水的特

點(diǎn)放入，然后將產(chǎn)品的核心賣點(diǎn)進(jìn)行展示。然后是產(chǎn)品展示模塊，通過不同角

度來展示產(chǎn)品，并附上使用說和產(chǎn)品細(xì)節(jié)展示，讓顧客清晰的看到我們產(chǎn)品不

同角度的風(fēng)格，然后加入文案予以說明。

然后是商品屬性板塊，將產(chǎn)品的參數(shù)放入其中，然后將產(chǎn)品的參數(shù)進(jìn)行標(biāo)

注，讓顧客更能清晰的了解到我們產(chǎn)品的高度以及寬度。產(chǎn)品1詳情頁設(shè)計(jì)效

果圖設(shè)計(jì)過程如下圖17所示，產(chǎn)品1詳情頁設(shè)計(jì)效果圖如圖18所示。

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

13

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

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

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

首先是主圖設(shè)計(jì)，主圖是買家第一次對商品產(chǎn)生良好印象的機(jī)會，所以主

圖設(shè)計(jì)，極大決定了買家的點(diǎn)擊率。銀制品最主要的賣點(diǎn)是展示場景，而主圖

既要向買家充分展示商品又要進(jìn)行合理的促銷。因此我將產(chǎn)品的擺放場景圖片

作為主圖的核心元素，配色采用黑金色體現(xiàn)銀制品的高級感，售價為顧客展示

促銷效果進(jìn)行合理的大小對比，加入金色漸變高光凸顯價格的促銷感，并在左

14

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

側(cè)放入優(yōu)惠券提醒顧客立即搶購，然后在上方加入店鋪名字凸顯品牌感。效果

圖如19所示，在PS中的制作過程如圖20所示。

圖19產(chǎn)品1主副圖

圖20產(chǎn)品1主副圖的制作過程

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

產(chǎn)品詳情頁2制作的是店鋪新品豎紋貴婦壺。詳情頁共分為五大板塊，分

別是活動海報、賣點(diǎn)展示、產(chǎn)品展示、商品屬性、買家須知。

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

首先是下單送好禮活動海報界面，海報的背景色我選擇了黑色，產(chǎn)品的擺

放我將它擺放到合成好的木質(zhì)茶墊上，并且運(yùn)用合理的陰影襯托立體感。文案

的標(biāo)題色我選擇了純黑色，我先將標(biāo)題放大，然后將輔助文案在下方排列，將

文案進(jìn)行了右對齊，又將文案整體采用居中排版的格式，與產(chǎn)品的擺放保持統(tǒng)

一，然后再文案兩側(cè)加入了修飾元素，然后在文案右下角加入了橢圓形的促銷

圖標(biāo)。

然后是產(chǎn)品賣點(diǎn)模塊，第一個賣點(diǎn)是手工打造的貴婦壺，然后在下方介紹

國家權(quán)威機(jī)構(gòu)認(rèn)證，為客戶保證產(chǎn)品質(zhì)量，第二個賣點(diǎn)是競爭優(yōu)勢，我將貴婦

壺養(yǎng)水的特點(diǎn)放入，然后將產(chǎn)品的核心賣點(diǎn)進(jìn)行展示。然后是產(chǎn)品展示模塊，

15

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

通過不同角度來展示產(chǎn)品，并附上使用說和產(chǎn)品細(xì)節(jié)展示，讓顧客清晰的看到

我們產(chǎn)品不同角度的風(fēng)格，然后加入文案予以說明。

然后是商品屬性板塊，將產(chǎn)品的參數(shù)放入其中，然后將產(chǎn)品的參數(shù)進(jìn)行標(biāo)

注，讓顧客更能清晰的了解到我們產(chǎn)品的高度以及寬度。產(chǎn)品2詳情頁設(shè)計(jì)效

果圖設(shè)計(jì)過程如下圖21所示，產(chǎn)品2詳情頁設(shè)計(jì)效果圖如圖