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

目錄

1店鋪介紹...........................................................1

2“如初飾品”淘寶店鋪視覺(jué)營(yíng)銷分析....................................2

2.1店鋪裝修風(fēng)格分析..............................................2

2.2消費(fèi)人群定位..................................................3

2.3價(jià)格定位......................................................4

2.4店鋪裝修特點(diǎn)..................................................5

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

3“如初飾品”淘寶店鋪視覺(jué)設(shè)計(jì).......................................5

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

3.1.1店鋪首頁(yè)板式設(shè)計(jì)........................................5

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

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

3.2文案策劃.....................................................8

3.2.1店鋪首頁(yè)文案策劃........................................8

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

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

4“如初飾品”淘寶店鋪視覺(jué)效果制作...................................9

4.1店鋪首頁(yè)設(shè)計(jì)..................................................9

4.1.1店鋪LOGO設(shè)計(jì)...........................................9

4.1.2首頁(yè)店招設(shè)計(jì)...........................................10

4.1.3首頁(yè)導(dǎo)航欄設(shè)計(jì).........................................10

4.1.4首頁(yè)輪播圖設(shè)計(jì).........................................11

4.2店鋪寶貝主圖設(shè)計(jì).............................................12

4.3店鋪詳情頁(yè)設(shè)計(jì)...............................................13

4.3.1產(chǎn)品焦點(diǎn)圖設(shè)計(jì).........................................13

I

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

4.3.2產(chǎn)品參數(shù)設(shè)計(jì)...........................................13

4.3.3產(chǎn)品特點(diǎn)設(shè)計(jì)...........................................14

4.3.4產(chǎn)品細(xì)節(jié)設(shè)計(jì)...........................................15

4.3.5產(chǎn)品展示設(shè)計(jì)...........................................15

4.3.6產(chǎn)品保養(yǎng)建議...........................................16

4.3.7產(chǎn)品售后服務(wù)說(shuō)明.......................................21

5店鋪裝修效果評(píng)估..................................................22

6總結(jié)..............................................................23

參考資料............................................................24

II

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

“如初飾品”店鋪視覺(jué)方案設(shè)計(jì)

1店鋪介紹

“如初飾品”淘寶店鋪是于2022年4月初新開(kāi)的一家沒(méi)有裝修的店鋪，是

一家具有創(chuàng)意、小眾簡(jiǎn)約但不失奢華的寶藏飾品店，主要面向年輕女性?！叭绯酢?/p>

本義是指向著自己的初心，砥礪前行，象征著美好如初，順從自己的內(nèi)心去挑

選屬于自己心愛(ài)的飾品，本著初心和第一感覺(jué)來(lái)滿足自己。希望能將顧客青春

最美好的一面展示出來(lái)，讓顧客體會(huì)到店鋪的新穎奇特，從而產(chǎn)生購(gòu)買的欲望

心理，同時(shí)滿足顧客對(duì)飾品的需求，和顧客建立起心靈上的橋梁，秉承著歲月

如初，飾品如故的經(jīng)營(yíng)理念。

店鋪其貨源渠道主要來(lái)源于1688，通過(guò)仔細(xì)思考和嚴(yán)格篩選，站在消費(fèi)者

的角度去尋找有品質(zhì)、性價(jià)比高、有保障的飾品，從銷售量、好評(píng)率等各個(gè)方

面來(lái)進(jìn)行挑選。每一位顧客都是獨(dú)一無(wú)二的，因此本店鋪為消費(fèi)者打造了具有

創(chuàng)意和個(gè)性化的飾品，根據(jù)店鋪主營(yíng)風(fēng)格設(shè)計(jì)產(chǎn)品特色，主要目的是為了滿足

顧客對(duì)飾品的需求，讓顧客更快找到自己的喜性偏好，從而帶來(lái)瀏覽量提升店

鋪的銷售額。店鋪會(huì)不定期更新商品的上新，但目前本店鋪前期處于一個(gè)還未

進(jìn)行裝修設(shè)計(jì)的狀態(tài)。店鋪概況如表1-1所示。

表1-1店鋪概況

店鋪名如初飾品

店鋪網(wǎng)址/

主營(yíng)類目耳飾、手鏈、耳環(huán)、戒指/指環(huán)、項(xiàng)鏈

店鋪現(xiàn)況未裝修，無(wú)店招、LOGO、banner、主圖等。如下圖：

1

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

2“如初飾品”淘寶店鋪視覺(jué)營(yíng)銷分析

2.1店鋪裝修風(fēng)格分析

隨著互聯(lián)網(wǎng)的發(fā)展與進(jìn)步，越來(lái)越多的人對(duì)網(wǎng)購(gòu)的需求和依賴度逐漸增大，

人們足不出戶就可以享受自己所需要的東西，因此網(wǎng)購(gòu)的風(fēng)潮逐漸占據(jù)人們的

生活，而經(jīng)營(yíng)一家線上店鋪也需要店主的精心裝飾，給消費(fèi)者一個(gè)美好的進(jìn)店

體驗(yàn)。店鋪裝修是為了使外在形象能夠長(zhǎng)期保持發(fā)展，給商品塑造更加完美的

形象，加深顧客對(duì)店鋪的印象，從而提高店鋪的瀏覽量、銷售量和購(gòu)買率。在

網(wǎng)店的裝修設(shè)計(jì)中，消費(fèi)者首次進(jìn)入店面，是很難一下子對(duì)其店鋪中的商品的

優(yōu)劣進(jìn)行評(píng)定，但卻能夠給消費(fèi)者留下第一印象，如果一開(kāi)始就對(duì)界面產(chǎn)生了

好感，對(duì)店鋪的界面布局產(chǎn)生了共鳴，那么在其后的購(gòu)買行為中，消費(fèi)者的內(nèi)

心就會(huì)趨向認(rèn)同。店鋪的裝修不僅能夠留住更多的顧客，同時(shí)也可以讓銷量得

到快速提升，根據(jù)不同時(shí)期的流行元素來(lái)對(duì)店面進(jìn)行裝修，這樣就可以吸引更

多年輕的消費(fèi)者，也能夠有很好的推廣作用。

本店鋪的裝修風(fēng)格主要以清新、簡(jiǎn)約為主調(diào)，顏色為淺綠和淡藍(lán)色，給人

一種傾向大自然、舒適清雅的體驗(yàn)感。樹(shù)立店鋪的完美形象，與所賣的飾品相

結(jié)合，能使顧客快速找到自己需求的產(chǎn)品，給買家留下好印象，促進(jìn)買家下單，

降低跳失率，從而提高轉(zhuǎn)化率，打造"如初飾品"的品牌，緊跟時(shí)代的裝修風(fēng)格，

吸引到更多的年輕消費(fèi)者，從而增加店鋪的銷售。店鋪裝修風(fēng)格如圖3-1所示。

圖3-1如初飾品店鋪裝修風(fēng)格圖

2

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

2.2消費(fèi)人群定位

通過(guò)百度指數(shù)對(duì)“飾品”行業(yè)的搜索與分析，可以確定如初飾品店鋪的目

標(biāo)人群。

根據(jù)圖2-1可知，“飾品”行業(yè)的目標(biāo)人群以女性為主，年齡為30-39歲居

多，其次是20-29歲，可見(jiàn)目前飾品消費(fèi)市場(chǎng)女性占主導(dǎo)，而對(duì)飾品的消費(fèi)人

群地域分布主要集中于沿海城市，沿海地區(qū)比較發(fā)達(dá)，交通也比較便捷，且這

類人群平常的興趣愛(ài)好喜歡影視音樂(lè)、教育培訓(xùn)和醫(yī)療健康等，可以知道他們

從事教育、娛樂(lè)和醫(yī)療方面的工作比較多。目標(biāo)用戶屬性如圖2-1所示。

年齡性別分布

地域分布

興趣分布

圖2-1目標(biāo)用戶屬性

3

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

2.3價(jià)格定位

從不同年齡階段的消費(fèi)群體來(lái)看，20-29歲的消費(fèi)者注重儀式感，其獨(dú)特

的外觀和色彩是亮點(diǎn)，而對(duì)質(zhì)量的要求并不高，她們?cè)诤醯母且环N性價(jià)比，

容易跟風(fēng)網(wǎng)紅產(chǎn)品，也會(huì)被另一個(gè)消費(fèi)熱點(diǎn)所吸引，只要樣式獨(dú)特美觀，用相

對(duì)合理的價(jià)格來(lái)裝飾自己是最好的選擇;而30-39歲的消費(fèi)者更加生活化，注重

對(duì)生活品質(zhì)的追求，她們對(duì)于飾品的價(jià)格的要求比較高，這類人群有能力且有

實(shí)力追求時(shí)尚與質(zhì)量，消費(fèi)水平也在不斷提升。因此對(duì)于年輕的消費(fèi)群體，可

以采用低價(jià)策略，而對(duì)于中年消費(fèi)群體則可以采用高價(jià)策略來(lái)保障飾品的品牌

以及質(zhì)量。

通過(guò)以上的分析，將同類飾品在淘寶某兩家店鋪的最高與最低價(jià)格進(jìn)行對(duì)

比，如圖2-3價(jià)格對(duì)比可知，如初飾品本店鋪經(jīng)營(yíng)類目多樣，有項(xiàng)鏈、耳飾、

手鏈等，經(jīng)過(guò)考慮與篩選，將本店鋪飾品價(jià)格定位在最低價(jià)與最高價(jià)之間，處

于居中價(jià)位，整個(gè)店鋪的價(jià)格主要集中在10-35元之間，一方面給年輕女性減

少消費(fèi)壓力從而吸引她們的購(gòu)買欲望，滿足她們對(duì)飾品的消費(fèi)需求，另一方面

增加中年女性消費(fèi)者對(duì)本店鋪的信任度，保障本店鋪的品質(zhì)。而店鋪的個(gè)別商

品定位在10元以下，主要是考慮到學(xué)生這類低消費(fèi)人群的消費(fèi)理念，沒(méi)有收入

來(lái)源而又想用飾品來(lái)妝扮自己以滿足自己的內(nèi)心。本店鋪價(jià)格總體偏低，主要

以中底消費(fèi)人群為主。

“如初飾品”店鋪價(jià)格

“如初飾品”店鋪價(jià)格

4

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

圖2-3價(jià)格對(duì)比

2.4店鋪裝修特點(diǎn)

店鋪裝修特點(diǎn)可以從店鋪經(jīng)營(yíng)的產(chǎn)品范圍、類別以及消費(fèi)人群的行為習(xí)慣

和特點(diǎn)來(lái)確定，突出店鋪的獨(dú)特風(fēng)格和經(jīng)營(yíng)特色，將顧客吸引到店鋪，選圖清

晰、干凈，符合銀飾店鋪的定位?！叭绯躏椘贰钡赇佈b修風(fēng)格采用簡(jiǎn)約清新的特

點(diǎn)，來(lái)展現(xiàn)“時(shí)尚輕奢、韓系百搭、小眾甜美”的風(fēng)格特點(diǎn)，搭配暖色、淺色

的色系來(lái)突出店鋪的風(fēng)格，點(diǎn)綴出

女性對(duì)飾品的喜愛(ài)以及對(duì)生活的熱愛(ài)，展現(xiàn)每位年輕女性的個(gè)性和獨(dú)特的

魅力。

2.5店鋪色彩分析

由于本店鋪的目標(biāo)消費(fèi)群體為年輕女性及年輕情侶，正是浪漫且喜歡簡(jiǎn)約

的年齡段，因此本次視覺(jué)營(yíng)銷設(shè)計(jì)中主要將采取青色、藍(lán)色、淺綠色及白色的

色調(diào)來(lái)迎合該消費(fèi)群體。同時(shí)這四種顏色也非常的契合本店商品“簡(jiǎn)約”、“時(shí)

尚”等標(biāo)簽元素。

3“如初飾品”淘寶店鋪視覺(jué)設(shè)計(jì)

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

3.1.1店鋪首頁(yè)板式設(shè)計(jì)

首頁(yè)板式設(shè)計(jì)，最頂部是店招，其次是海報(bào)，優(yōu)惠券，產(chǎn)品分類，產(chǎn)品展

示以及頁(yè)尾。為了讓整個(gè)頁(yè)面不顯得“膩”，整個(gè)首頁(yè)采取的是“青、藍(lán)、淺綠、

白”的顏色應(yīng)用，不僅如此，還使用了顏色的漸變，以及不規(guī)則圖案的排插，

顯得整個(gè)頁(yè)面有層次感，讓消費(fèi)者看起來(lái)也沒(méi)有那么累。

5

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

店鋪首頁(yè)板式設(shè)計(jì)草圖如下：

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

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

產(chǎn)品1的詳情頁(yè)版式設(shè)計(jì)主要根據(jù)產(chǎn)品調(diào)性而定，產(chǎn)品1是情侶常購(gòu)商品，

因此整個(gè)基調(diào)以棕紅色色以及白色色調(diào)為主。詳情頁(yè)中包括“產(chǎn)品海報(bào)”、“產(chǎn)

品賣點(diǎn)”、“產(chǎn)品信息”、“產(chǎn)品展示”、“細(xì)節(jié)展示”、“支付與配送”以及“售后

信息”。

6

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

圖3-2產(chǎn)品1詳情頁(yè)板式設(shè)計(jì)草圖

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

產(chǎn)品1的詳情頁(yè)版式設(shè)計(jì)主要根據(jù)產(chǎn)品調(diào)性而定，產(chǎn)品2是年輕女性常購(gòu)

商品，因此整個(gè)基調(diào)以白色鵝黃色等暖色調(diào)為主。詳情頁(yè)中包括“產(chǎn)品海報(bào)”、

“產(chǎn)品賣點(diǎn)”、“產(chǎn)品信息”、“產(chǎn)品展示”、“細(xì)節(jié)展示”、“支付與配送”以及“售

后信息”。

7

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

圖3-3產(chǎn)品2詳情頁(yè)板式設(shè)計(jì)草圖

3.2文案策劃

3.2.1店鋪首頁(yè)文案策劃

首先在店招版塊僅僅是留下了店鋪名字“如初飾品”和“收藏本店”的基

礎(chǔ)文案。

再往下的首頁(yè)核心位置海報(bào)上，留下最希望讓消費(fèi)者記住的文案，一個(gè)是

店鋪名稱，第二個(gè)是店鋪的理念。

接下來(lái)的產(chǎn)品分類區(qū)以及產(chǎn)品展示區(qū)只是把最基本的產(chǎn)品信息作為文案，

以契合店鋪簡(jiǎn)約、時(shí)尚的形象定位。

最后頁(yè)尾留下一句暖心的“謝謝您的光顧”文案，讓消費(fèi)者在瀏覽完首頁(yè)

后還能感受到店鋪的用心。

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

產(chǎn)品詳情海報(bào)是的文案較比首頁(yè)是比較簡(jiǎn)單的，簡(jiǎn)簡(jiǎn)單單的放了一個(gè)“產(chǎn)

品海報(bào)”的標(biāo)題，然后盡可能的將產(chǎn)品清楚地展示給消費(fèi)者們；在“產(chǎn)品賣點(diǎn)”

模塊則將本產(chǎn)品的制作精良、獨(dú)特工藝以及所色可選的特點(diǎn)展示出來(lái)，文案分

8

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

別為“時(shí)尚，輕奢”、“人生若只是初見(jiàn)，唯有美飾來(lái)相見(jiàn)”以及“共美麗飾不

可擋”；而“產(chǎn)品信息”的文案則是重量、材質(zhì)、規(guī)格以及包裝；“產(chǎn)品展示”

則簡(jiǎn)單的向消費(fèi)者展示了兩種背景下的產(chǎn)品模樣，做了一些簡(jiǎn)單的文字說(shuō)明；

細(xì)節(jié)展示中沒(méi)有放文案，直接用圖片展示給消費(fèi)者；最后的“售后信息”則是

放上了一些常見(jiàn)的文案文字。

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

與產(chǎn)品1的路線不同，產(chǎn)品2主要走的是時(shí)尚路線，因此在詳情頁(yè)的“產(chǎn)

品海報(bào)”中直接用了“獨(dú)一無(wú)二”的文案；產(chǎn)品焦點(diǎn)圖集文字、圖片、動(dòng)態(tài)交

互效果于一體的內(nèi)容呈現(xiàn)方式，利用一些具有指導(dǎo)性的設(shè)計(jì)元素讓消費(fèi)者的眼

睛隨著頁(yè)面元素的引導(dǎo)，完成對(duì)信息的關(guān)注與吸收；讓消費(fèi)者能更加清楚了解

產(chǎn)品的細(xì)節(jié)品質(zhì)，從而對(duì)產(chǎn)品有一個(gè)高品質(zhì)產(chǎn)品的印象，將產(chǎn)品做工等細(xì)節(jié)放

大展示，拉近買家和產(chǎn)品之間的距離，盡可能地展現(xiàn)產(chǎn)品的賣點(diǎn)和優(yōu)勢(shì)，讓他

們對(duì)產(chǎn)品有更全面的認(rèn)知；最后的“售后信息”則是放上了一些常見(jiàn)的文案文

字。

4“如初飾品”淘寶店鋪視覺(jué)效果制作

4.1店鋪首頁(yè)設(shè)計(jì)

4.1.1店鋪LOGO設(shè)計(jì)

店鋪LOGO代表著該店鋪的標(biāo)志，對(duì)店鋪的認(rèn)識(shí)和推廣起著重要的作用，通

過(guò)形象的LOGO能夠讓消費(fèi)者深刻記住該店鋪的主體和品牌文化。

“如初飾品”店鋪的LOGO尺寸為80px*80px，本店鋪的LOGO整體由正方

形構(gòu)成，周圍由四個(gè)三角形鋪墊而成，里面則是由兩個(gè)正方形線條勾勒成一個(gè)

菱形，菱形中“如初”二字代表著該店鋪的名稱，讓顧客體會(huì)到要像自己的初

心一樣去挑選自己心愛(ài)的飾品，給人一種不忘初心的使命。色彩整體是以淺褐

色為主，使設(shè)計(jì)具有簡(jiǎn)約優(yōu)雅風(fēng)，給顧客一種簡(jiǎn)約而不失奢華的氣派風(fēng)格，從

而留下深刻的印象。由此構(gòu)成了此店鋪的LOGO。店鋪LOGO設(shè)計(jì)如圖4-1所示。

圖4-1店鋪LOGO設(shè)計(jì)

9

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

4.1.2首頁(yè)店招設(shè)計(jì)

首頁(yè)店招代表著網(wǎng)店的店鋪招牌，從店鋪商品的品牌推廣來(lái)看，如要在整

個(gè)網(wǎng)店中給人們留下一個(gè)深刻的印象，就要在店招的設(shè)計(jì)上遵循一定的設(shè)計(jì)原

則和要求，具備易于傳播、獨(dú)特新穎等特點(diǎn)。一個(gè)好的店招設(shè)計(jì)，能夠清晰地

讓消費(fèi)者了解到店鋪地特色與特點(diǎn)，提升店鋪的形象，增強(qiáng)店鋪信譽(yù)度和知名

度。

“如初飾品”店鋪的店招尺寸為950px*120px,整個(gè)店招的顏色主要以綠色

為主調(diào)，清新綠代表著無(wú)限的青春活力，給人一種柔和、靜謐、飽滿以及和諧

的感覺(jué)，將店鋪的LOGO置于店招的最左方，用蝴蝶結(jié)來(lái)點(diǎn)綴店鋪名稱，使其更

加突出和美觀，下方設(shè)計(jì)了一個(gè)“收藏店鋪”的按鈕，便于消費(fèi)者再次進(jìn)店選

購(gòu)，也是給本店鋪增加瀏覽量的一種方式。中間設(shè)計(jì)了一句廣告語(yǔ)“美麗，飾

不可當(dāng)”，利用諧音字來(lái)吸引消費(fèi)者，畫面具備強(qiáng)烈的視覺(jué)沖擊力，同時(shí)也是明

確本店鋪的產(chǎn)品類型——飾品，讓消費(fèi)者用飾品來(lái)裝飾自己的美麗，畢竟愛(ài)美

之心，人皆有之。店招左邊設(shè)計(jì)了一張模特展品圖，給消費(fèi)者傳達(dá)明確的信息，

最右下角有一張店鋪的二維碼，方便消費(fèi)者掃碼進(jìn)店。首頁(yè)店招設(shè)計(jì)如圖4-2

所示。

圖4-2首頁(yè)店招設(shè)計(jì)

4.1.3首頁(yè)導(dǎo)航欄設(shè)計(jì)

首頁(yè)導(dǎo)航欄位于店招與輪播圖的中間，導(dǎo)航欄，顧名思義就是給消費(fèi)者指

明一條路，能夠讓消費(fèi)者在導(dǎo)購(gòu)時(shí)不“迷路”，快速找到自己想要的產(chǎn)品方便進(jìn)

行下一步。合理的導(dǎo)航可以增加用戶粘性，提高店鋪的瀏覽量。清晰大方的導(dǎo)

航更容易獲得用戶的好感，從而提高店鋪的回訪率。

“如初飾品”店鋪首頁(yè)導(dǎo)航欄設(shè)計(jì)是以整合店鋪裝修風(fēng)格即藍(lán)色為主，將

店鋪內(nèi)的產(chǎn)品進(jìn)行分類，分為首頁(yè)、耳釘、耳環(huán)、手鏈和項(xiàng)鏈五個(gè)導(dǎo)航欄，讓

消費(fèi)者一目了然、清晰可見(jiàn)。首頁(yè)導(dǎo)航欄設(shè)計(jì)如圖4-3所示。

10

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

圖4-3首頁(yè)導(dǎo)航欄設(shè)計(jì)

4.1.4首頁(yè)輪播圖設(shè)計(jì)

首頁(yè)輪播圖指的是以多張主圖的形式，像幻燈片一樣，消費(fèi)者可以去滑動(dòng)，

位于首頁(yè)地位，通過(guò)不斷地輪播，給顧客提供一種視覺(jué)新鮮感，豐富了動(dòng)畫效

果，更好的展示商品的個(gè)性和特點(diǎn)，提高消費(fèi)者的瀏覽量，同時(shí)也讓消費(fèi)者始

終能夠保持瀏覽的熱度，不容易散失客戶群。通過(guò)簡(jiǎn)單的方式，達(dá)到較大的宣

傳效果，吸引消費(fèi)者進(jìn)店消費(fèi)。

“如初飾品”店鋪地輪播圖設(shè)計(jì)尺寸為950px*400px，輪播圖位于導(dǎo)航欄

的下方，使顧客一眼就能清晰看見(jiàn)。一共設(shè)計(jì)了兩張輪播圖左右滑動(dòng)輪播，顏

色以綠色與淺藍(lán)色為主，形成簡(jiǎn)約清雅風(fēng)，輪播圖中間用簡(jiǎn)單的標(biāo)題與修飾語(yǔ)

來(lái)點(diǎn)綴飾品，使其商品更具有靈動(dòng)性，右邊加入模特展品，美觀而又生動(dòng)，能

夠吸引顧客的眼球與好奇心，從而進(jìn)店選購(gòu)。加上新品圖標(biāo)標(biāo)志，打造本店鋪

飾品獨(dú)具一格的風(fēng)格，營(yíng)造熱賣勢(shì)力，既滿足了消費(fèi)者的需求，也達(dá)到了店鋪

的宣傳效果。如圖4-4、4-5所示。

圖4-4首頁(yè)輪播圖設(shè)計(jì)1

11

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

圖4-5首頁(yè)輪播圖設(shè)計(jì)2

4.2店鋪寶貝主圖設(shè)計(jì)

寶貝主圖的設(shè)計(jì)將店鋪的亮點(diǎn)展現(xiàn)出來(lái)，主圖更有內(nèi)容和意義，店鋪的成

交率才會(huì)達(dá)到更高，在主圖設(shè)計(jì)中打造“獨(dú)一無(wú)二”的風(fēng)格，提高產(chǎn)品地點(diǎn)擊

率，從而突出本產(chǎn)品的優(yōu)勢(shì)。主圖主要體現(xiàn)產(chǎn)品的屬性信息或細(xì)節(jié)展現(xiàn)。

“如初飾品”店鋪的主圖設(shè)計(jì)尺寸為800px*800px,邊框顏色以藍(lán)色和綠色

漸變?yōu)橹?，與輪播圖和店招相呼應(yīng)，形成一個(gè)整體，清新不失優(yōu)雅。左邊標(biāo)明

商品的名稱、相關(guān)賣點(diǎn)以及到手價(jià)，讓消費(fèi)者對(duì)該商品一目了然?！捌咛鞜o(wú)理由

退換貨”保證商品的質(zhì)量，能夠讓消費(fèi)者放心下單。店鋪寶貝主圖設(shè)計(jì)如圖4-

6所示。

圖4-6店鋪寶貝主圖設(shè)計(jì)

12

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

4.3店鋪詳情頁(yè)設(shè)計(jì)

4.3.1產(chǎn)品1焦點(diǎn)圖設(shè)計(jì)

產(chǎn)品焦點(diǎn)圖指的是集文字、圖片、動(dòng)態(tài)交互效果于一體的內(nèi)容呈現(xiàn)方式，

在吸引眼球、頁(yè)面排版優(yōu)化等多個(gè)方面具有重要的作用。在設(shè)計(jì)中，利用一些

具有指導(dǎo)性的設(shè)計(jì)元素讓消費(fèi)者的眼睛隨著頁(yè)面元素的引導(dǎo)，完成對(duì)信息的關(guān)

注與吸收。

“如初飾品”店鋪的焦點(diǎn)圖以模特的形式展現(xiàn)，模特戴著本店產(chǎn)品的飾品，

背景顏色為黑白色，能夠凸顯整體的氣氛，沒(méi)有使用太過(guò)華麗的元素，簡(jiǎn)單而

樸素，圖片中的的文字能夠突出產(chǎn)品的賣點(diǎn)，用淺色文字深色背景，給顧客一

種簡(jiǎn)約舒適的感覺(jué)，更能凸顯飾品的美。因?yàn)槭峭ㄟ^(guò)圖片的形式，所以具有一

定的視覺(jué)吸引性，能夠增加消費(fèi)者對(duì)本店鋪的點(diǎn)擊率和轉(zhuǎn)化率。產(chǎn)品焦點(diǎn)圖設(shè)

計(jì)如圖4-7所示。

圖4-7產(chǎn)品焦點(diǎn)圖設(shè)計(jì)

4.3.2產(chǎn)品1參數(shù)設(shè)計(jì)

產(chǎn)品參數(shù)圖的設(shè)計(jì)是將不同元素進(jìn)行整合，運(yùn)用創(chuàng)意的思維，通過(guò)各感官

進(jìn)行信息傳達(dá)，以構(gòu)建與目標(biāo)受眾共同的意義空間，從而達(dá)到營(yíng)銷目標(biāo)。產(chǎn)品

參數(shù)設(shè)計(jì)圖能夠有利于提升品牌價(jià)值，將產(chǎn)品的具體信息展示出來(lái)給消費(fèi)者看，

打消消費(fèi)者對(duì)產(chǎn)品的顧慮，刺激消費(fèi)者的購(gòu)買欲望，從而提高店鋪的銷售量。

“如初飾品”店鋪產(chǎn)品參數(shù)圖顏色主要以白色為主，白底黑字，簡(jiǎn)約、清

晰，讓消費(fèi)者一目了然，產(chǎn)品的信息主要以圖片的形式展現(xiàn)，豐富產(chǎn)品展示的

圖片設(shè)計(jì)。產(chǎn)品的鏈長(zhǎng)、材質(zhì)、品牌信息等明確標(biāo)注，這樣的設(shè)計(jì)讓內(nèi)容更加

醒目，突出其產(chǎn)品的重點(diǎn)。在參數(shù)圖底部清晰備注了“手工測(cè)量尺寸存在些許

誤差，具體以實(shí)物為準(zhǔn)”提示語(yǔ)，給消費(fèi)者一份保障，提高對(duì)店鋪的信任度。

13

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

產(chǎn)品參數(shù)設(shè)計(jì)如圖4-8所示。

圖4-8產(chǎn)品參數(shù)設(shè)計(jì)

4.3.3產(chǎn)品1特點(diǎn)設(shè)計(jì)

產(chǎn)品特點(diǎn)即產(chǎn)品的特色、賣點(diǎn)，指最能夠打動(dòng)用戶的亮點(diǎn)，其設(shè)計(jì)展示了

整個(gè)產(chǎn)品的外觀、結(jié)構(gòu)和功能，反映了產(chǎn)品對(duì)消費(fèi)者的吸引力。產(chǎn)品特點(diǎn)是影

響消費(fèi)者認(rèn)知、情感和行為的主要刺激物。這些特征是憑借消費(fèi)者自身具有的

價(jià)值觀、信仰和過(guò)去的經(jīng)驗(yàn)來(lái)評(píng)價(jià)的，從而達(dá)到產(chǎn)品暢銷、建立品牌的目的。

“如初飾品”店鋪的產(chǎn)品特點(diǎn)主要以銀色飾品為主，簡(jiǎn)約清雅風(fēng)，通過(guò)兩

張模特圖的展示，冷色調(diào)美觀而又顯白，激發(fā)消費(fèi)者的購(gòu)買欲望，滿足消費(fèi)者

對(duì)飾品的需求。產(chǎn)品特點(diǎn)設(shè)計(jì)如圖4-9所示。

圖4-9產(chǎn)品特點(diǎn)設(shè)計(jì)

14

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

4.3.4產(chǎn)品1細(xì)節(jié)設(shè)計(jì)

產(chǎn)品細(xì)節(jié)圖是用來(lái)展示產(chǎn)品的細(xì)節(jié)，讓消費(fèi)者能更加清楚了解產(chǎn)品的細(xì)節(jié)

品質(zhì)，從而對(duì)產(chǎn)品有一個(gè)高品質(zhì)產(chǎn)品的印象，將產(chǎn)品做工等細(xì)節(jié)放大展示，拉

近買家和產(chǎn)品之間的距離，盡可能地展現(xiàn)產(chǎn)品的賣點(diǎn)和優(yōu)勢(shì)，讓他們對(duì)產(chǎn)品有

更全面的認(rèn)知。

“如初飾品”店鋪的產(chǎn)品細(xì)節(jié)圖以三張圖的展示，清晰地將產(chǎn)品的各個(gè)細(xì)

節(jié)展示出來(lái)，包括鏈條、吊墜以及環(huán)扣處一一展現(xiàn)，用正方形工具然后創(chuàng)建剪

貼蒙版，使產(chǎn)品特點(diǎn)更加鮮明，空白處配有文字標(biāo)注“如初飾品店鋪”，讓買家

盡可能的消除疑慮，做到對(duì)店鋪商品的全面了解，安心購(gòu)買。產(chǎn)品細(xì)節(jié)設(shè)計(jì)如

圖4-10所示。

圖4-10產(chǎn)品細(xì)節(jié)設(shè)計(jì)

4.3.5產(chǎn)品1展示設(shè)計(jì)

產(chǎn)品展示設(shè)計(jì)圖就是指的是將店鋪中的產(chǎn)品通過(guò)圖片的方式展現(xiàn)出來(lái)，可

以讓消費(fèi)者直觀感受產(chǎn)品的外部特點(diǎn)和狀態(tài)，能夠讓消費(fèi)者對(duì)產(chǎn)品有一個(gè)全方

位的理解和認(rèn)識(shí)而不是通過(guò)只言片語(yǔ)了解的一知半解，與其用文字來(lái)描述，不

如直接用展示圖向消費(fèi)者直觀的反應(yīng)產(chǎn)品的特色，與其更具有生動(dòng)可觀性。

“如初飾品”店鋪展示圖的設(shè)計(jì)，整體添加了灰色調(diào)了不透明度，以四張

模特圖將飾品展現(xiàn)出來(lái)，中間文字代表店鋪的主打風(fēng)格，讓顧客能夠想象自己

戴上的樣子，有一種身臨其境的感覺(jué)，從而產(chǎn)生購(gòu)買欲望，促使其下單，增加

店鋪銷售量。產(chǎn)品展示設(shè)計(jì)如圖4-11所示。

15

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

圖4-11產(chǎn)品展示設(shè)計(jì)

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

4.4.2產(chǎn)品2主圖設(shè)計(jì)

“如初飾品”采用的主圖設(shè)計(jì)就是圍繞著LOGO和店招的基調(diào)一脈傳承的粉

嫩馬卡龍色調(diào)，有效的緩解了視覺(jué)壓力，本圖運(yùn)用了淺色系的文本框作為基底，

標(biāo)注上稍微深色調(diào)的字體，由此來(lái)突出店鋪目前的折扣活動(dòng)，再通過(guò)主圖中央

白底的產(chǎn)品展示，將前來(lái)選擇購(gòu)買的客戶目光集中在主圖最中央產(chǎn)品的身上，

在中心的展示框外圍選擇了使用地中海圖片作為邊框，通過(guò)照片能使主圖的展

示更顯靈活悅動(dòng)，不會(huì)產(chǎn)生視覺(jué)疲勞，由此更能達(dá)到吸引顧客眼球的目標(biāo)，最

終達(dá)成產(chǎn)品的轉(zhuǎn)化率提升。如圖4-12產(chǎn)品主圖所示。

16

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

圖4-12產(chǎn)品主圖

4.4.2產(chǎn)品2展示圖設(shè)計(jì)

“如初飾品”的展示圖選擇了類似于主圖的展示風(fēng)格，并將背景的鋪底照

片調(diào)整到透明度較低的狀態(tài)，以此來(lái)突出作為這張圖主要視覺(jué)焦點(diǎn)的產(chǎn)品毛絨

耳環(huán)，整個(gè)主展示圖并沒(méi)有使用較多的裝飾元素和貼畫，以暖色、淺色系的方

框打底為主，在產(chǎn)品圖片上下加上方框限制，以突出整個(gè)圖片的重點(diǎn)，再在淺

粉色方框上添加白色字體標(biāo)注店名“如初飾品”，以此來(lái)明顯展示店鋪名稱。如

圖4-13產(chǎn)品展示圖所示。

17

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

圖4-13產(chǎn)品展示圖

4.4.3產(chǎn)品2信息圖設(shè)計(jì)

“如初飾品”還是選擇了與上述圖片風(fēng)格統(tǒng)一的女性喜愛(ài)的顏色，運(yùn)用簡(jiǎn)

潔、直白的設(shè)計(jì)方式展示了產(chǎn)品的必要信息，粉色作為基底色調(diào)，再用醒目的

白色標(biāo)注產(chǎn)品的信息，在樸素的背景中再加上降低透明度的店鋪名稱，也是在

不斷地強(qiáng)化、深化客戶對(duì)店鋪的記憶，潛移默化的促進(jìn)增長(zhǎng)轉(zhuǎn)化率。如圖4-14

產(chǎn)品信息圖設(shè)計(jì)所示。

18

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

圖4-14產(chǎn)品信息圖設(shè)計(jì)

4.4.4產(chǎn)品2展示設(shè)計(jì)

“如初飾品”的展示直接截取了“產(chǎn)品展示”的英文翻譯，使排版更顯得

高端時(shí)尚新穎，此次運(yùn)用了白底和淺色調(diào)的方塊元素為產(chǎn)品圖片鋪底來(lái)突出產(chǎn)

品飾品，主色系還是選用了馬卡龍色調(diào)，顯得更年輕活力、靈動(dòng)可愛(ài)，再使用

部分的糖果、棉花糖的貼圖素材進(jìn)行裝飾，展示出店鋪的少女心特性，雖然沒(méi)

有文字標(biāo)注，但是通過(guò)直白、簡(jiǎn)便的排版方式也能直接突出產(chǎn)品的特點(diǎn)，讓客

戶能一眼定位到圖片展示的重點(diǎn)。如圖4-15產(chǎn)品展示設(shè)計(jì)所示。

19

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

圖4-15產(chǎn)品展示設(shè)計(jì)

4.5產(chǎn)品2保養(yǎng)建議

產(chǎn)品保養(yǎng)建議設(shè)計(jì)是教消費(fèi)者如何對(duì)產(chǎn)品進(jìn)行保養(yǎng)，以及保養(yǎng)時(shí)需要注意

的事項(xiàng)，確保產(chǎn)品正常使用，延長(zhǎng)使用壽命以保持產(chǎn)品更長(zhǎng)久地使用，能夠讓

消費(fèi)者感受到店鋪的細(xì)心和用心，從而感受到溫暖。設(shè)計(jì)上主要是由圖標(biāo)和文

字組成，圖標(biāo)是從千圖網(wǎng)站中搜尋，文字的字體是微軟雅黑，整體顏色是以黑

白色為主調(diào)，比較簡(jiǎn)約直觀，文字說(shuō)明背景顏色以灰色調(diào)解不透明度正方形打

底，讓文字更加清晰突出。產(chǎn)品保養(yǎng)建議如圖4-12所示。

20

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

圖4-12產(chǎn)品保養(yǎng)建議

4.6產(chǎn)品售后服務(wù)說(shuō)明

產(chǎn)品售后服務(wù)說(shuō)明是在商品出售后給消費(fèi)者提供各種服務(wù)活動(dòng)。在追蹤跟

進(jìn)階段，通過(guò)售后服務(wù)來(lái)提高店鋪的信譽(yù)度。售后服務(wù)的優(yōu)劣能影響消費(fèi)者的

滿意程度，商品的售后服務(wù)可以使顧客擺脫疑慮、搖擺的心理，從而下定決心

購(gòu)買。設(shè)計(jì)上是由文字加圖標(biāo)的形式展現(xiàn)，圖標(biāo)在千圖網(wǎng)站搜尋再用圓形工具

將圖標(biāo)囊括起來(lái)，讓消費(fèi)者直觀可見(jiàn)，感受到店鋪真誠(chéng)的服務(wù)態(tài)度，包括保修、

退換貨、派送信息等都有詳細(xì)地向消費(fèi)者清晰說(shuō)明，讓顧客做到放心購(gòu)買，給

消費(fèi)者一個(gè)保障。產(chǎn)品售后服務(wù)說(shuō)明如圖4-13所示。

21