夢(mèng)想家旗艦店淘寶店鋪視覺(jué)營(yíng)銷(xiāo)設(shè)計(jì)方案

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

目錄

1夢(mèng)想家旗艦店淘寶店鋪概況..........................................1

1.1家具類(lèi)店鋪發(fā)展現(xiàn)況...........................................1

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

2夢(mèng)想家旗艦店淘寶店鋪視覺(jué)營(yíng)銷(xiāo)分析..................................2

2.1店鋪營(yíng)銷(xiāo)定位分析.............................................2

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

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

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

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

3夢(mèng)想家旗艦店淘寶店鋪視覺(jué)設(shè)計(jì)......................................3

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

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

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

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

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

3.2.1首頁(yè)文案策劃..........................................13

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

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

4夢(mèng)想家旗艦店淘寶店鋪視覺(jué)效果制作.................................14

4.1首頁(yè)效果圖制作..............................................14

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

4.1.2海報(bào)效果圖制作........................................15

4.1.3優(yōu)惠券效果圖制作......................................15

4.1.4熱銷(xiāo)爆款效果圖制作....................................16

4.1.5商品分類(lèi)效果圖制作....................................17

4.1.6商品展示效果圖制作....................................18

4.1.7頁(yè)尾效果圖制作........................................19

I

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

4.1.8首頁(yè)效果圖制作........................................20

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

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

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

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

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

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

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

參考資料............................................................30

II

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

夢(mèng)想家旗艦店淘寶店鋪視覺(jué)營(yíng)銷(xiāo)設(shè)計(jì)方案

1夢(mèng)想家旗艦店淘寶店鋪概況

夢(mèng)想家旗艦店淘寶店鋪成立于2022年，粉絲數(shù)量具有50萬(wàn)，夢(mèng)想家旗艦

店淘寶店鋪保證商品正品無(wú)假貨。夢(mèng)想家旗艦店賣(mài)家的服務(wù)態(tài)度評(píng)分為4.9分，

物流服務(wù)的質(zhì)量評(píng)分為4.8分，寶貝與描述相符評(píng)分為4.8分，店鋪主要銷(xiāo)售有

沙發(fā)、床、書(shū)桌、餐椅、茶幾等。

1.1家具類(lèi)店鋪發(fā)展現(xiàn)況

隨著電商的不斷發(fā)展，很多產(chǎn)品可以通過(guò)網(wǎng)絡(luò)進(jìn)行銷(xiāo)售，家具也不例外，

所以網(wǎng)絡(luò)銷(xiāo)售成為了家具行業(yè)重要的一個(gè)渠道。對(duì)于家具的購(gòu)買(mǎi)，網(wǎng)上的商品

豐富度和服務(wù)也越來(lái)越完美，這就是網(wǎng)購(gòu)家具給我們帶來(lái)的最大優(yōu)勢(shì)。因?yàn)槲?/p>

們可以再網(wǎng)上買(mǎi)到自己喜歡的產(chǎn)品，所以就會(huì)有越來(lái)越多的人選擇網(wǎng)購(gòu)家具。

生活家具網(wǎng)店商城分布情況，如圖1所示。

圖1生活家具網(wǎng)店商城分布情況

使用maigoo網(wǎng)站查詢(xún)，得到在2023年網(wǎng)站數(shù)據(jù)庫(kù)共收錄網(wǎng)店751家，根

據(jù)maigoo網(wǎng)站的數(shù)據(jù)，截至2023年，網(wǎng)店總數(shù)已經(jīng)達(dá)到了751家，其中以小

品牌店鋪的數(shù)量最多，達(dá)到了467家，其次是京東旗艦店，共有254家，品牌

旗艦店有149家，京東自營(yíng)店有34家，拼多多店鋪有29家，蘇寧旗艦店有10

1

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

家，品牌特許店有4家，京東特許店有2家，蘇寧自營(yíng)店有1家。我們可以通

過(guò)，以淘寶網(wǎng)站為例，對(duì)“家具”關(guān)鍵詞進(jìn)行搜索，相關(guān)店鋪就有366973家，

其展示結(jié)構(gòu)超過(guò)100頁(yè)，其中金冠店有322家，皇冠店有19193家。

淘寶網(wǎng)家具搜索數(shù)據(jù)圖，如圖2所示。

圖2生活家具網(wǎng)店商城分布情況

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

夢(mèng)想家旗艦店鋪為了考慮滿(mǎn)足現(xiàn)階段新中產(chǎn)階級(jí)的人，對(duì)輕奢型家具類(lèi)的

需求，從而形成了一定家具的市場(chǎng)，因此店鋪遇到了一個(gè)良好的機(jī)遇，應(yīng)該把

握好這次的機(jī)遇。

2夢(mèng)想家旗艦店淘寶店鋪視覺(jué)營(yíng)銷(xiāo)分析

2.1店鋪營(yíng)銷(xiāo)定位分析

夢(mèng)想家旗艦店鋪是一家輕奢型的風(fēng)格。在店鋪和產(chǎn)品的用色上面都是采用

低調(diào)簡(jiǎn)單的色系，使店鋪的視覺(jué)效果更加貼合輕奢型風(fēng)格。在營(yíng)銷(xiāo)上面，店鋪

的首頁(yè)設(shè)計(jì)了吸引眼球的優(yōu)惠券與限時(shí)活動(dòng)價(jià)的字眼，來(lái)刺激消費(fèi)者，增加消

費(fèi)者的購(gòu)買(mǎi)欲望，

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

夢(mèng)想家旗艦店鋪主要銷(xiāo)售的產(chǎn)品是家具，在風(fēng)格上，屬于輕奢型，它是極

具有包容性，可以與任何風(fēng)格融合；在設(shè)計(jì)上，他注重氣質(zhì)表達(dá)，以簡(jiǎn)約為基

礎(chǔ)，通過(guò)精致的軟裝元素來(lái)凸顯質(zhì)感，既不盲目張揚(yáng)，又有獨(dú)特品位；在功能

2

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

上，它更加以人性化生活的本質(zhì)需求出發(fā)，兼顧實(shí)用與生活細(xì)節(jié)，通過(guò)精致的

功能設(shè)計(jì)，讓人在不經(jīng)意中獲得更理想的生活體驗(yàn)。在產(chǎn)品的設(shè)計(jì)簡(jiǎn)潔、耐用

上檔次和價(jià)格方面都比較符合年輕人的審美。

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

面對(duì)當(dāng)今社會(huì)，夢(mèng)想家旗艦店將定位在新中產(chǎn)階級(jí)是25歲到40歲左右為

基礎(chǔ)的一個(gè)強(qiáng)大族群。

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

夢(mèng)想家旗艦店以“輕奢精致生活，提高產(chǎn)品品質(zhì)”為經(jīng)營(yíng)理念，該店鋪風(fēng)

格上以輕奢極簡(jiǎn)為主要基調(diào)，在色調(diào)上以低飽和度的中性色調(diào)，再搭配以風(fēng)格

輕奢簡(jiǎn)潔的沙發(fā)、椅子、茶幾等，所以在首頁(yè)設(shè)計(jì)、詳情頁(yè)設(shè)計(jì)等排版都體現(xiàn)

了符合現(xiàn)代簡(jiǎn)約風(fēng)格，給人一種舒適、大方的感覺(jué)。

2.3店鋪色彩分析

該店鋪首頁(yè)的背景色彩主要采用深褐色為主，深褐色是一種中性色，不像

暖色系和冷色系給人一種氛圍感，恰恰是中性色更好的體現(xiàn)了店鋪的簡(jiǎn)約輕奢

風(fēng)。而詳情頁(yè)的色彩主要采用了與產(chǎn)品相關(guān)聯(lián)的棕色，這樣整體顏色統(tǒng)一，顏

色用量越少，越顯成熟，不會(huì)眼花繚亂，所以店鋪在色彩方面更多的貼合店鋪

風(fēng)格與產(chǎn)品相關(guān)聯(lián)。

3夢(mèng)想家旗艦店淘寶店鋪視覺(jué)設(shè)計(jì)

伴隨著電商的發(fā)展，網(wǎng)店的數(shù)量也隨之增長(zhǎng)，店鋪間的競(jìng)爭(zhēng)逐漸激烈化。

店鋪能不能受歡迎，很大程度上由店鋪的設(shè)計(jì)決定，消費(fèi)者點(diǎn)開(kāi)商品的時(shí)候一

般都會(huì)看詳情頁(yè)、首頁(yè)等，那如何做好詳情頁(yè)、首頁(yè)等就需要先做好版式的設(shè)

計(jì)，版式設(shè)計(jì)能影響后面效果圖的呈現(xiàn)。

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

店鋪的版式設(shè)計(jì)是為了完成特定的主題和視覺(jué)需求而進(jìn)行設(shè)計(jì)行為與過(guò)程，

其主要是以特定主題與內(nèi)容為核心，并按照視覺(jué)傳達(dá)信息要素在版面上的需要

進(jìn)行有組織、有目的的組合排列。

3

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

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

網(wǎng)店的首頁(yè)是一個(gè)網(wǎng)店的門(mén)面，等同線(xiàn)下實(shí)體店的門(mén)面一樣，所以必須整

潔、大氣、簡(jiǎn)約，能夠讓顧客第一時(shí)間對(duì)店鋪留下一個(gè)不錯(cuò)的印象，從而激發(fā)

購(gòu)買(mǎi)欲望。首頁(yè)主要包括店招、導(dǎo)航、輪播海報(bào)、標(biāo)題banner、產(chǎn)品展示、尾

頁(yè)幾大部分。T字型版式，就是前半部分店招、導(dǎo)航、輪播海報(bào)、標(biāo)題banner

為全屏，下面其他區(qū)域位于中心，兩邊留白區(qū)域?yàn)楸尘吧畛洹?/p>

首頁(yè)版式設(shè)計(jì)如圖3所示：

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

店招區(qū)域主要有LOGO設(shè)計(jì)與文案創(chuàng)意，并將它們的位置擺放于中心，這

4

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

樣的設(shè)計(jì)，既簡(jiǎn)約又大氣，能夠給人一種舒適的感覺(jué)。

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

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

首頁(yè)海報(bào)區(qū)主要以產(chǎn)品銷(xiāo)售背景圖為主，在背景的左上一塊區(qū)域進(jìn)行文案

創(chuàng)意，文案創(chuàng)意的主要內(nèi)容可以為店鋪的活動(dòng)主題或者以產(chǎn)品特點(diǎn)進(jìn)行創(chuàng)意，

整體海報(bào)還是背景圖為突出，體現(xiàn)店鋪的簡(jiǎn)約大氣的風(fēng)格。

首頁(yè)海報(bào)版式設(shè)計(jì)如圖5所示：

圖5首頁(yè)海報(bào)版式設(shè)計(jì)

優(yōu)惠券設(shè)計(jì)區(qū)域以一個(gè)矩形完成，內(nèi)部中心可以設(shè)計(jì)一個(gè)產(chǎn)品背景圖，凸

顯店鋪的風(fēng)格，時(shí)刻緊系著產(chǎn)品，上面可以設(shè)計(jì)文案創(chuàng)意，進(jìn)行促銷(xiāo)提示領(lǐng)取

優(yōu)惠券的作用，下方設(shè)計(jì)使用優(yōu)惠券的優(yōu)惠效果，分別在左、中、右擺放，整

體體現(xiàn)出會(huì)條理清晰，層次鮮明的效果。

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

5

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

圖6優(yōu)惠券版式設(shè)計(jì)

熱銷(xiāo)爆款區(qū)域的單個(gè)商品設(shè)計(jì)主要是左圖右文結(jié)構(gòu)，整體布局簡(jiǎn)單直觀(guān)、

清晰易懂，左邊的圖片區(qū)域放置商品圖片，右邊的進(jìn)行簡(jiǎn)單的文案設(shè)計(jì)編排，

這樣可以直觀(guān)的體現(xiàn)產(chǎn)品圖片和文案的搭配下有助于整個(gè)版面設(shè)計(jì)不會(huì)缺失平

衡。

熱銷(xiāo)爆款區(qū)域版式設(shè)計(jì)如圖7所示：

圖7熱銷(xiāo)爆款區(qū)域版式設(shè)計(jì)

商品分類(lèi)區(qū)域的設(shè)計(jì)比較具有獨(dú)特性，通過(guò)觀(guān)察可以看出，整體被看作是

一個(gè)大的矩形，在大矩形的范圍內(nèi)以小個(gè)的矩形進(jìn)行組合，這樣的分類(lèi)可以體

現(xiàn)店鋪哪一分類(lèi)欄為主銷(xiāo)售欄，并依次往下的分類(lèi)。這樣獨(dú)特的設(shè)計(jì)形式既美

觀(guān)又能吸引消費(fèi)者。

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

6

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

圖8分類(lèi)導(dǎo)航區(qū)域版式設(shè)計(jì)

產(chǎn)品展示區(qū)中的單個(gè)展示區(qū)域細(xì)節(jié)設(shè)計(jì)分別采用的是左圖右文和上圖下文

的結(jié)構(gòu)，版式是由矩形構(gòu)成，矩形內(nèi)部放置一個(gè)產(chǎn)品圖片與文案，文案可以描

述產(chǎn)品名稱(chēng)、產(chǎn)品賣(mài)點(diǎn)、產(chǎn)品價(jià)格等。

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

7

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

圖9產(chǎn)品展示區(qū)版式設(shè)計(jì)

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

詳情頁(yè)主要作用是讓買(mǎi)家能夠快速的了解產(chǎn)品的性能和特點(diǎn)，好的詳情頁(yè)

能夠很好的吸引用戶(hù)眼球，讓用戶(hù)了解產(chǎn)品，從而達(dá)到下單購(gòu)買(mǎi)的目的，增加

買(mǎi)家對(duì)產(chǎn)品的購(gòu)買(mǎi)數(shù)量，提高客單價(jià)。

產(chǎn)品1祥情頁(yè)主要包括產(chǎn)品海報(bào)，產(chǎn)品賣(mài)點(diǎn)區(qū)，產(chǎn)品信息區(qū)，產(chǎn)品細(xì)節(jié)展

示區(qū)，賣(mài)家聲明區(qū)這四個(gè)區(qū)域。

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

8

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

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

產(chǎn)品海報(bào)圖可以看出是以產(chǎn)品圖居中為主題，那么對(duì)于文字的排版，我們

可以選擇在圖片的中間上方的留白空間，進(jìn)行文案創(chuàng)意與排版，這樣就有助于

使整個(gè)版面設(shè)計(jì)不會(huì)缺失平衡。

9

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

頁(yè)頭海報(bào)版式設(shè)計(jì)如圖11所示：

圖11頁(yè)頭海報(bào)版式設(shè)計(jì)

產(chǎn)品賣(mài)點(diǎn)區(qū)，主要是對(duì)學(xué)習(xí)桌的各個(gè)優(yōu)勢(shì)賣(mài)點(diǎn)的地方設(shè)計(jì)進(jìn)行展示。產(chǎn)品

信息區(qū)，上方對(duì)學(xué)習(xí)桌的基礎(chǔ)信息進(jìn)行描述，下方左圖右文對(duì)學(xué)習(xí)桌的尺寸進(jìn)

行描述的一個(gè)方面。產(chǎn)品細(xì)節(jié)設(shè)計(jì)區(qū)主要基礎(chǔ)的一個(gè)左圖右文結(jié)構(gòu)對(duì)產(chǎn)品細(xì)節(jié)

來(lái)簡(jiǎn)單的描述，依次往下排序。賣(mài)家聲明區(qū)主要是上下文案結(jié)構(gòu)，上方對(duì)突出

標(biāo)題，下方詳細(xì)說(shuō)明主要內(nèi)容在于對(duì)產(chǎn)品的快遞、運(yùn)輸、保障等進(jìn)行描述。

產(chǎn)品賣(mài)點(diǎn)、產(chǎn)品信息、產(chǎn)品細(xì)節(jié)、賣(mài)家聲明版式設(shè)計(jì)如圖12所示：

10

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

圖12產(chǎn)品賣(mài)點(diǎn)、產(chǎn)品信息、產(chǎn)品細(xì)節(jié)、賣(mài)家聲明版式設(shè)計(jì)

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

產(chǎn)品2詳情頁(yè)主要包括產(chǎn)品海報(bào)，產(chǎn)品賣(mài)點(diǎn)區(qū)，產(chǎn)品信息區(qū)，產(chǎn)品細(xì)節(jié)展

示區(qū)，賣(mài)家聲明區(qū)這四個(gè)區(qū)域。

頁(yè)頭海報(bào)采用的是圖文結(jié)合的方式，以產(chǎn)品為背景，在其中留白的右上進(jìn)

11

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

行文案編輯，使得觀(guān)感大方，簡(jiǎn)約。

產(chǎn)品賣(mài)點(diǎn)展示區(qū)域主要是對(duì)產(chǎn)品賣(mài)點(diǎn)特點(diǎn)進(jìn)行描述，采用的是上文下圖的

結(jié)構(gòu)，能夠更好便捷瀏覽。產(chǎn)品信息區(qū)域?qū)τ诋a(chǎn)品的基本信息進(jìn)行描述，清晰

列出，上面進(jìn)行文字描述，下方進(jìn)行圖片直觀(guān)了解產(chǎn)品的尺寸。產(chǎn)品細(xì)節(jié)設(shè)計(jì)

區(qū)域主要是左圖右文結(jié)構(gòu)，賣(mài)家聲明區(qū)主要是上下文案結(jié)構(gòu)，上方對(duì)突出標(biāo)題，

下方詳細(xì)說(shuō)明主要內(nèi)容在于對(duì)產(chǎn)品的快遞、運(yùn)輸、保障等進(jìn)行描述。

頁(yè)頭海報(bào)、產(chǎn)品賣(mài)點(diǎn)、產(chǎn)品信息、產(chǎn)品細(xì)節(jié)、賣(mài)家聲明版式設(shè)計(jì)如圖13所

示：

圖13頁(yè)頭海報(bào)、產(chǎn)品賣(mài)點(diǎn)、產(chǎn)品信息、產(chǎn)品細(xì)節(jié)、賣(mài)家聲明版式設(shè)計(jì)

12

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

3.2店鋪文案策劃

顧客進(jìn)入店鋪能夠看到的是產(chǎn)品和文案，而文案的重要性是它能吸引顧客

注意力；刺激訪(fǎng)客購(gòu)買(mǎi)；打造商品個(gè)性，提升競(jìng)爭(zhēng)力；突出產(chǎn)品質(zhì)量，提高顧

客信任。

3.2.1首頁(yè)文案策劃

首頁(yè)文案設(shè)計(jì)主要包括店招區(qū)域（含導(dǎo)航欄）、首頁(yè)海報(bào)、熱銷(xiāo)爆款、幾個(gè)

部分的文案策劃。

店招的文案主要是“精致生活美家”它展現(xiàn)在“夢(mèng)想家旗艦店”店鋪名稱(chēng)

的正下方，這樣可以很直觀(guān)的看到店鋪的經(jīng)營(yíng)理念，也符合現(xiàn)階段的年輕人生

活。這樣的文案能夠與更加簡(jiǎn)潔明了，突出了店鋪的風(fēng)格。

首頁(yè)海報(bào)的文案主要集中在海報(bào)的空白區(qū)域，既不影響海報(bào)效果，又能更

好的展現(xiàn)文案?！昂闷焚|(zhì)”“呈現(xiàn)美好居家”這幾處的文案能夠體現(xiàn)的店鋪的

產(chǎn)品質(zhì)量與店鋪對(duì)生活家具的美好的體現(xiàn)，“goodquality”“presentabeautiful

home”文案意思與“好品質(zhì)”“呈現(xiàn)美好居家”一致，它的體現(xiàn)是使視覺(jué)效果

有層次性，不會(huì)過(guò)于單調(diào)，最后在一個(gè)褐色的矩形選框中添加“點(diǎn)擊探索”的

文案能夠形成一個(gè)引導(dǎo)鍵與海報(bào)的產(chǎn)品更好的相互聯(lián)系。綜上也更好的是首頁(yè)

海報(bào)效果更加舒適，大方。

熱銷(xiāo)爆款的文案主要展示產(chǎn)品的特點(diǎn)方面。例如的“意式雙人大床”“床

底儲(chǔ)物功能”“柔軟舒適”都是屬于商品的特點(diǎn)賣(mài)點(diǎn)，這樣能夠更好的展示商

品的功能，同時(shí)在文案的展示上也是在商品的右側(cè)，形成了一個(gè)左圖右文的結(jié)

構(gòu)不會(huì)影響整體效果反而更加的舒適簡(jiǎn)潔。

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

詳情頁(yè)1的文案設(shè)計(jì)主要是頁(yè)頭海報(bào)、產(chǎn)品細(xì)節(jié)、賣(mài)家聲明這幾個(gè)部分的

文案策劃。

頁(yè)頭海報(bào)的文案設(shè)計(jì)主要是在更加體現(xiàn)產(chǎn)品，海報(bào)中的產(chǎn)品放在最中心，

同時(shí)文案設(shè)計(jì)的位置在學(xué)習(xí)桌產(chǎn)品的上面留白部分是用“簡(jiǎn)約?學(xué)習(xí)書(shū)桌”“夠

穩(wěn)才夠舒適”的文案更好的體現(xiàn)學(xué)習(xí)桌的特點(diǎn)，使用的字體也是整體偏大號(hào)字

體，能夠使消費(fèi)者清晰的通過(guò)文案了解產(chǎn)品方面。同時(shí)也在海報(bào)中的左下角添

加“簡(jiǎn)約/舒適”“slmplecomfortable”這樣的文案，使用了白色字體也能與海

報(bào)效果適配，又強(qiáng)調(diào)了學(xué)習(xí)桌的特性。

細(xì)節(jié)展示的文案設(shè)計(jì)主要是對(duì)產(chǎn)品進(jìn)行放大來(lái)觀(guān)察它的質(zhì)量和設(shè)計(jì)細(xì)節(jié)。

13

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

例如“實(shí)木拉手”“圓潤(rùn)美觀(guān)”這一處的文案設(shè)計(jì)在產(chǎn)品的右邊，形成了的是

一個(gè)左圖右文的結(jié)構(gòu)，能夠更好的介紹左邊產(chǎn)品的設(shè)計(jì)特點(diǎn)。細(xì)節(jié)展示部分依

次往下都是左圖右文的結(jié)構(gòu)式，體現(xiàn)的效果也是十分的簡(jiǎn)單舒適。最后的是賣(mài)

家聲明文案設(shè)計(jì)主要是對(duì)發(fā)貨、色差、快遞、簽收、售后進(jìn)行描述，賣(mài)家聲明

的設(shè)計(jì)是獲得客戶(hù)的信任，提高該店鋪的銷(xiāo)售率與品牌認(rèn)可。

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

詳情頁(yè)2的文案設(shè)計(jì)主要是在于頁(yè)頭海報(bào)、產(chǎn)品細(xì)節(jié)、賣(mài)家聲明這幾個(gè)部

分的文案策劃。

頁(yè)頭海報(bào)的文案設(shè)計(jì)主要是突出產(chǎn)品特點(diǎn)，文案設(shè)計(jì)在海報(bào)中留白的上部

分，“意式簡(jiǎn)潔皮餐椅”的文案能夠更好的體現(xiàn)學(xué)習(xí)桌的特點(diǎn)和風(fēng)格，使用的

字體也是整體偏大號(hào)字體，下面添加了橙色矩形，能夠使消費(fèi)者清晰的通過(guò)文

案了解到產(chǎn)品的風(fēng)格。

產(chǎn)品細(xì)節(jié)的文案設(shè)計(jì)主要是對(duì)產(chǎn)品進(jìn)行放大來(lái)觀(guān)察它的質(zhì)量和設(shè)計(jì)細(xì)節(jié)。

例如“精密縫針走線(xiàn)”“穩(wěn)固碳素鋼框架”這一處的文案設(shè)計(jì)在產(chǎn)品的右邊，

形成了的是一個(gè)左圖右文的結(jié)構(gòu)，能夠更好的介紹左邊產(chǎn)品的設(shè)計(jì)特點(diǎn)。細(xì)節(jié)

展示部分依次往下都是左圖右文的結(jié)構(gòu)式，體現(xiàn)的效果也是十分的簡(jiǎn)單舒適。

最后的是賣(mài)家聲明文案設(shè)計(jì)主要是對(duì)發(fā)貨、色差、快遞、簽收、售后進(jìn)行描述，

賣(mài)家聲明的設(shè)計(jì)是獲得客戶(hù)的信任，提高該店鋪的銷(xiāo)售率與品牌認(rèn)可。

4夢(mèng)想家旗艦店淘寶店鋪視覺(jué)效果制作

4.1首頁(yè)效果圖制作

店鋪首頁(yè)對(duì)于消費(fèi)者來(lái)說(shuō)第一印象非常的重要，所以店鋪首頁(yè)效果的好壞將

直接影響消費(fèi)者的購(gòu)物體驗(yàn)的好壞和轉(zhuǎn)化率的高低，通過(guò)店鋪的產(chǎn)品可以看出

大都是以現(xiàn)代簡(jiǎn)約輕奢型的風(fēng)格為主，所以店鋪的風(fēng)格也定位了為輕奢型的。

在店鋪首頁(yè)的效果圖的設(shè)計(jì)構(gòu)成包括：店招導(dǎo)航、海報(bào)、優(yōu)惠券、熱銷(xiāo)爆款、商

品分類(lèi)和商品展示效果的設(shè)計(jì)。

4.1.1店招效果圖制作

店招包括：店鋪LOGO、店鋪的名稱(chēng)、店鋪進(jìn)店標(biāo)語(yǔ)、店招分類(lèi)導(dǎo)航。

店鋪的LOGO是對(duì)該店鋪的形象展現(xiàn)，可以加深用戶(hù)對(duì)于店鋪和產(chǎn)品的認(rèn)

知。所以設(shè)計(jì)LOGO的時(shí)候要簡(jiǎn)單直接的了解知道該店鋪。LOGO的整體設(shè)計(jì)

以一個(gè)簡(jiǎn)筆畫(huà)房子能夠直接貼合該店鋪的名稱(chēng)“夢(mèng)想家”，夢(mèng)想家中的“家”

14

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

可以表達(dá)為美好溫馨的象征；家不僅給了我們安心的棲身之所，更給了我們心

靈的慰藉和引導(dǎo)。店鋪名稱(chēng)與店鋪標(biāo)語(yǔ)為上下排版將于LOGO一起放在中心，

給人帶來(lái)直接簡(jiǎn)約大方的風(fēng)格。導(dǎo)航區(qū)域分別有首頁(yè)、所有產(chǎn)品、熱銷(xiāo)推薦、

客廳系列、餐廳系列、臥室系列這六個(gè)部分。

店招設(shè)計(jì)效果如圖14所示：

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

4.1.2海報(bào)效果圖制作

首頁(yè)海報(bào)設(shè)計(jì)比較簡(jiǎn)約大方，整體體現(xiàn)了現(xiàn)代簡(jiǎn)約的輕奢型家具風(fēng)格，海

報(bào)中以產(chǎn)品為背景適當(dāng)?shù)牧舭卓臻g進(jìn)行書(shū)寫(xiě)文案，文案的編輯色彩方面將于背

景用色相同，體現(xiàn)整個(gè)的海報(bào)風(fēng)格一致協(xié)調(diào)，使得看上去的效果給人舒適、大

方的感覺(jué)不會(huì)使得眼花繚亂。文案中還制作了引導(dǎo)鍵“點(diǎn)擊探索”可以使得用

戶(hù)方便了解海報(bào)中主推沙發(fā)這款產(chǎn)品，避免在該店鋪翻閱查詢(xún)。

首頁(yè)海報(bào)效果如圖15所示：

圖15首頁(yè)海報(bào)效果圖

4.1.3優(yōu)惠券效果圖制作

在完成了首頁(yè)海報(bào)圖后，添加了優(yōu)惠券的區(qū)域，對(duì)于優(yōu)惠券頁(yè)面時(shí)有一個(gè)標(biāo)

簽設(shè)計(jì)，提示“優(yōu)惠領(lǐng)取”，在下面的優(yōu)惠券都設(shè)計(jì)在一個(gè)矩形框內(nèi)，背景以純

色矩形內(nèi)疊加一張產(chǎn)品圖，上方以“大額限時(shí)優(yōu)惠券”為標(biāo)題吸引消費(fèi)者眼球，

中間顯示產(chǎn)品圖片，下方設(shè)計(jì)優(yōu)惠券領(lǐng)取，分別左中右設(shè)計(jì)，使用門(mén)檻分別金額

是“1000、500、300”對(duì)其進(jìn)行相應(yīng)的立減優(yōu)惠，在門(mén)檻金額和立減金額都設(shè)計(jì)

15

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

以紅色來(lái)突出。對(duì)于優(yōu)惠券的整體設(shè)計(jì)是有很明顯的層次感，給人一種新穎的設(shè)

計(jì)效果。

優(yōu)惠券區(qū)域效果圖如圖16所示：

圖16優(yōu)惠券區(qū)域效果圖

4.1.4熱銷(xiāo)爆款效果圖制作

在完成首頁(yè)海報(bào)后，添加了熱銷(xiāo)爆款區(qū)域。“熱銷(xiāo)爆款”以標(biāo)題形式設(shè)計(jì)在

右上，下方設(shè)計(jì)一根直線(xiàn)將與爆款產(chǎn)品區(qū)域隔開(kāi)，表現(xiàn)為以下區(qū)域則是爆款產(chǎn)品

的展示區(qū)，每一個(gè)爆款顯示都是以矩形區(qū)分，矩形內(nèi)設(shè)計(jì)的是左圖右文結(jié)構(gòu)式，

左側(cè)放置產(chǎn)品圖，右側(cè)進(jìn)行對(duì)產(chǎn)品的賣(mài)點(diǎn)，優(yōu)惠價(jià)格的設(shè)計(jì)，到手價(jià)金額等，產(chǎn)

品爆款設(shè)計(jì)主要有三個(gè)，依次往下，便于簡(jiǎn)易的瀏覽和主要推薦。

熱銷(xiāo)爆款效果圖如圖17所示：

16

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

圖17熱銷(xiāo)爆款效果圖

4.1.5商品分類(lèi)效果圖制作

在完成熱銷(xiāo)爆款后，添加了商品分類(lèi)區(qū)域?！吧唐贩诸?lèi)”以標(biāo)題形式設(shè)計(jì)在

右上，下方設(shè)計(jì)一根直線(xiàn)將與商品分類(lèi)區(qū)隔開(kāi)，表現(xiàn)為以下區(qū)域則是商品分類(lèi)設(shè)

計(jì)區(qū)，將商品分類(lèi)看作是一個(gè)大的矩形，里面放置各商品分類(lèi)欄以小矩形區(qū)分，

小矩形的設(shè)計(jì)以商品的背景，可以更好地直接了解商品的是哪一類(lèi)，還以首頁(yè)色

性的深褐色進(jìn)行疊加降低透明度，其中設(shè)計(jì)分類(lèi)欄標(biāo)題。使得整體更加看上去舒

適。。

商品分類(lèi)效果圖如圖18所示：

17

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

圖18商品分類(lèi)效果圖

4.1.6商品展示效果圖制作

在完成商品分類(lèi)后，添加了商品展示區(qū)域?！吧唐氛故尽币詷?biāo)題形式設(shè)計(jì)在

右上，下方設(shè)計(jì)一根直線(xiàn)將與商品展示區(qū)隔開(kāi)，表現(xiàn)為以下區(qū)域則是商品展示設(shè)

計(jì)區(qū)，可以將商品分為兩類(lèi)依次往下，分別是以一個(gè)矩形設(shè)計(jì)左圖右文結(jié)構(gòu)形式，

左側(cè)放置產(chǎn)品圖，右側(cè)是對(duì)產(chǎn)品的標(biāo)題、價(jià)格、引導(dǎo)圖標(biāo)進(jìn)行排版設(shè)計(jì)，另一類(lèi)

是設(shè)計(jì)兩個(gè)矩形分別在第一類(lèi)的矩形下方左右對(duì)稱(chēng)，矩形內(nèi)設(shè)計(jì)上圖下文的結(jié)構(gòu)，

上面放置產(chǎn)品圖，下面是對(duì)產(chǎn)品的標(biāo)題、價(jià)格、引導(dǎo)圖標(biāo)進(jìn)行排版設(shè)計(jì)。因此這

兩類(lèi)依次往下，這樣瀏覽更加舒適簡(jiǎn)單。

商品展示區(qū)效果圖如圖19所示：

18

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

圖19商品展示效果圖

4.1.7頁(yè)尾效果圖制作

在完成商品展示后，添加了頁(yè)尾區(qū)域。頁(yè)尾與上方以波浪形式區(qū)分，下方以

白色背景為主，將左側(cè)放置企業(yè)LOGO，右側(cè)是對(duì)企業(yè)的各個(gè)方面的描述，設(shè)計(jì)

簡(jiǎn)單大方，與企業(yè)風(fēng)格相搭。

商品展示區(qū)效果圖如圖20所示：

19

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

圖20頁(yè)尾區(qū)域效果圖

4.1.8首頁(yè)效果圖制作

首頁(yè)整體設(shè)計(jì)采用的是中色系，首先我們店鋪是家居類(lèi)型的商品，在顏色

的選擇上是比較貼合產(chǎn)品的簡(jiǎn)約現(xiàn)代風(fēng)格，都是適合百搭的，并沒(méi)有選擇明亮

或暗色。而且整體的排版都比較簡(jiǎn)約，為了更好的以直觀(guān)的方式呈現(xiàn)在消費(fèi)者

的面前，店鋪設(shè)計(jì)以及店鋪陳列的簡(jiǎn)約方法，可以給消費(fèi)者帶來(lái)更加舒適的體

驗(yàn)。

商品展示區(qū)效果圖如圖21所示：

20

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

圖21頁(yè)尾區(qū)域效果圖

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

4.2.1主副圖效果圖制作

主圖是產(chǎn)品最重要的展示窗口，是為了吸引顧客，刺激顧客購(gòu)買(mǎi)欲。左上

21

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

為店鋪LOGO，能夠醒目的清晰知道該店鋪增加記憶，背景色為棕色，以產(chǎn)品

同色系，中間為產(chǎn)品的展示，下方框設(shè)計(jì)產(chǎn)品的限時(shí)優(yōu)惠信息，刺激消費(fèi)者。

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

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

副圖1、副圖2、副圖3的結(jié)構(gòu)相似，是上文下圖的結(jié)構(gòu)，左上方依然都是

該店鋪的LOGO，中間是產(chǎn)品的展示；文案略有些不同，副圖1、副圖2、副圖

3是針對(duì)某個(gè)放大的地方進(jìn)行描述，清晰告訴消費(fèi)者該產(chǎn)品的特點(diǎn)，讓消費(fèi)者有

所了解產(chǎn)品。

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

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

22

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

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

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

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

產(chǎn)品1是學(xué)習(xí)桌的設(shè)計(jì)，是該企業(yè)銷(xiāo)售產(chǎn)品之一，詳情頁(yè)設(shè)計(jì)主要分為頁(yè)頭

海報(bào)、產(chǎn)品賣(mài)點(diǎn)、產(chǎn)品信息、產(chǎn)品細(xì)節(jié)、買(mǎi)家聲明等5個(gè)部分構(gòu)成。

詳情頁(yè)的主要用色是與該產(chǎn)品同色的棕色，使用同色系會(huì)給人整體不會(huì)有

雜亂不堪和視覺(jué)疲勞的缺點(diǎn)。頁(yè)頭海報(bào)展示的以產(chǎn)品為中心，將上面留白部分

進(jìn)行產(chǎn)品特點(diǎn)文案，放置上放中心，左下進(jìn)行簡(jiǎn)單的特點(diǎn)描述，整體效果體現(xiàn)

簡(jiǎn)約舒適的風(fēng)格。

產(chǎn)品賣(mài)點(diǎn)展示了三個(gè)不同的款式、空間、分類(lèi)雙抽上的賣(mài)點(diǎn)；產(chǎn)品信息主

23

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

要展示了產(chǎn)品的基本信息，如產(chǎn)品名稱(chēng)、產(chǎn)品材料、包裝結(jié)構(gòu)等進(jìn)行整理排版，

使消費(fèi)者能夠有清晰簡(jiǎn)單的了解；產(chǎn)品細(xì)節(jié)展示主要是對(duì)產(chǎn)品的拉手、邊角、

加高主機(jī)位進(jìn)行描述，能夠給消費(fèi)者知道產(chǎn)品品質(zhì)，刺激消費(fèi)者購(gòu)買(mǎi)。

買(mǎi)家聲明主要是對(duì)店鋪產(chǎn)品的各個(gè)方面進(jìn)行詳細(xì)描述，如關(guān)于發(fā)貨、色差

快遞、簽收、售后的問(wèn)題來(lái)提示消費(fèi)者注意的，也更好的讓消費(fèi)者的到好的服

務(wù)體驗(yàn)。

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

圖26產(chǎn)品1詳情頁(yè)設(shè)計(jì)效果圖

24

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

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

4.3.1主副圖效果圖制作

主圖的設(shè)計(jì)主要用色與產(chǎn)品相似，左上是店鋪LOGO，中間放置產(chǎn)品圖，

下方設(shè)計(jì)9折優(yōu)惠，還有活動(dòng)金額價(jià)，能夠讓消費(fèi)者清晰的了解到此產(chǎn)品的相

關(guān)信息。

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

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

副圖1、副圖2、副圖3主要是上文下圖的結(jié)構(gòu)，上方進(jìn)行對(duì)產(chǎn)品特點(diǎn)的描

述，下方放置產(chǎn)品特點(diǎn)的清晰圖，左上方是該店鋪的LOGO，能夠給消費(fèi)者增

加店鋪記憶，整體的設(shè)計(jì)給人帶來(lái)十分簡(jiǎn)約、大方舒適的效果。

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

25

湖