夢想家旗艦店淘寶店鋪視覺營銷設(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店鋪營銷定位分析.............................................2

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

2.1.2消費者人群定位分析.....................................3

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

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

3夢想家旗艦店淘寶店鋪視覺設(shè)計......................................3

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

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

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

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

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店招效果圖制作........................................14

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

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

4.1.4熱銷爆款效果圖制作....................................16

4.1.5商品分類效果圖制作....................................17

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

4.1.7頁尾效果圖制作........................................19

I

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

4.1.8首頁效果圖制作........................................20

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

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

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

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

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

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

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

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

II

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

夢想家旗艦店淘寶店鋪視覺營銷設(shè)計方案

1夢想家旗艦店淘寶店鋪概況

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

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

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

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

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

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

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

豐富度和服務(wù)也越來越完美，這就是網(wǎng)購家具給我們帶來的最大優(yōu)勢。因為我

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

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

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

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

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

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

旗艦店有149家，京東自營店有34家，拼多多店鋪有29家，蘇寧旗艦店有10

1

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

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

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

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

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

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

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

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

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

握好這次的機遇。

2夢想家旗艦店淘寶店鋪視覺營銷分析

2.1店鋪營銷定位分析

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

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

的首頁設(shè)計了吸引眼球的優(yōu)惠券與限時活動價的字眼，來刺激消費者，增加消

費者的購買欲望，

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

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

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

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

2

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

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

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

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

2.1.2消費者人群定位分析

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

基礎(chǔ)的一個強大族群。

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

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

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

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

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

2.3店鋪色彩分析

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

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

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

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

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

3夢想家旗艦店淘寶店鋪視覺設(shè)計

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

店鋪能不能受歡迎，很大程度上由店鋪的設(shè)計決定，消費者點開商品的時候一

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

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

3.1店鋪版式設(shè)計

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

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

進行有組織、有目的的組合排列。

3

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

3.1.1首頁版式設(shè)計

網(wǎng)店的首頁是一個網(wǎng)店的門面，等同線下實體店的門面一樣，所以必須整

潔、大氣、簡約，能夠讓顧客第一時間對店鋪留下一個不錯的印象，從而激發(fā)

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

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

為全屏，下面其他區(qū)域位于中心，兩邊留白區(qū)域為背景色填充。

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

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

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

4

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

樣的設(shè)計，既簡約又大氣，能夠給人一種舒適的感覺。

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

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

首頁海報區(qū)主要以產(chǎn)品銷售背景圖為主，在背景的左上一塊區(qū)域進行文案

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

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

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

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

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

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

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

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

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

5

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

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

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

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

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

衡。

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

圖7熱銷爆款區(qū)域版式設(shè)計

商品分類區(qū)域的設(shè)計比較具有獨特性，通過觀察可以看出，整體被看作是

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

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

觀又能吸引消費者。

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

6

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

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

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

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

述產(chǎn)品名稱、產(chǎn)品賣點、產(chǎn)品價格等。

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

7

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

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

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

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

能夠很好的吸引用戶眼球，讓用戶了解產(chǎn)品，從而達到下單購買的目的，增加

買家對產(chǎn)品的購買數(shù)量，提高客單價。

產(chǎn)品1祥情頁主要包括產(chǎn)品海報，產(chǎn)品賣點區(qū)，產(chǎn)品信息區(qū)，產(chǎn)品細節(jié)展

示區(qū)，賣家聲明區(qū)這四個區(qū)域。

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

8

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

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

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

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

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

9

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

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

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

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

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

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

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

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

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

10

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

圖12產(chǎn)品賣點、產(chǎn)品信息、產(chǎn)品細節(jié)、賣家聲明版式設(shè)計

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

產(chǎn)品2詳情頁主要包括產(chǎn)品海報，產(chǎn)品賣點區(qū)，產(chǎn)品信息區(qū)，產(chǎn)品細節(jié)展

示區(qū)，賣家聲明區(qū)這四個區(qū)域。

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

11

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

行文案編輯，使得觀感大方，簡約。

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

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

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

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

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

頁頭海報、產(chǎn)品賣點、產(chǎn)品信息、產(chǎn)品細節(jié)、賣家聲明版式設(shè)計如圖13所

示：

圖13頁頭海報、產(chǎn)品賣點、產(chǎn)品信息、產(chǎn)品細節(jié)、賣家聲明版式設(shè)計

12

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

3.2店鋪文案策劃

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

注意力；刺激訪客購買；打造商品個性，提升競爭力；突出產(chǎn)品質(zhì)量，提高顧

客信任。

3.2.1首頁文案策劃

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

部分的文案策劃。

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

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

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

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

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

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

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

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

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

海報效果更加舒適，大方。

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

底儲物功能”“柔軟舒適”都是屬于商品的特點賣點，這樣能夠更好的展示商

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

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

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

詳情頁1的文案設(shè)計主要是頁頭海報、產(chǎn)品細節(jié)、賣家聲明這幾個部分的

文案策劃。

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

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

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

體，能夠使消費者清晰的通過文案了解產(chǎn)品方面。同時也在海報中的左下角添

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

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

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

13

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

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

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

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

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

的設(shè)計是獲得客戶的信任，提高該店鋪的銷售率與品牌認可。

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

詳情頁2的文案設(shè)計主要是在于頁頭海報、產(chǎn)品細節(jié)、賣家聲明這幾個部

分的文案策劃。

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

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

字體也是整體偏大號字體，下面添加了橙色矩形，能夠使消費者清晰的通過文

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

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

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

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

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

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

賣家聲明的設(shè)計是獲得客戶的信任，提高該店鋪的銷售率與品牌認可。

4夢想家旗艦店淘寶店鋪視覺效果制作

4.1首頁效果圖制作

店鋪首頁對于消費者來說第一印象非常的重要，所以店鋪首頁效果的好壞將

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

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

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

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

4.1.1店招效果圖制作

店招包括：店鋪LOGO、店鋪的名稱、店鋪進店標(biāo)語、店招分類導(dǎo)航。

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

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

以一個簡筆畫房子能夠直接貼合該店鋪的名稱“夢想家”，夢想家中的“家”

14

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

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

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

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

客廳系列、餐廳系列、臥室系列這六個部分。

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

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

4.1.2海報效果圖制作

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

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

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

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

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

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

圖15首頁海報效果圖

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

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

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

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

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

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

15

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

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

計效果。

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

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

4.1.4熱銷爆款效果圖制作

在完成首頁海報后，添加了熱銷爆款區(qū)域?！盁徜N爆款”以標(biāo)題形式設(shè)計在

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

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

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

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

熱銷爆款效果圖如圖17所示：

16

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

圖17熱銷爆款效果圖

4.1.5商品分類效果圖制作

在完成熱銷爆款后，添加了商品分類區(qū)域?！吧唐贩诸悺币詷?biāo)題形式設(shè)計在

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

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

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

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

適。。

商品分類效果圖如圖18所示：

17

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

圖18商品分類效果圖

4.1.6商品展示效果圖制作

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

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

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

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

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

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

兩類依次往下，這樣瀏覽更加舒適簡單。

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

18

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

圖19商品展示效果圖

4.1.7頁尾效果圖制作

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

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

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

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

19

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

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

4.1.8首頁效果圖制作

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

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

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

的面前，店鋪設(shè)計以及店鋪陳列的簡約方法，可以給消費者帶來更加舒適的體

驗。

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

20

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

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

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

4.2.1主副圖效果圖制作

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

21

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

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

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

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

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

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

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

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

所了解產(chǎn)品。

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

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

22

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

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

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

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

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

海報、產(chǎn)品賣點、產(chǎn)品信息、產(chǎn)品細節(jié)、買家聲明等5個部分構(gòu)成。

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

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

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

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

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

23

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

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

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

加高主機位進行描述，能夠給消費者知道產(chǎn)品品質(zhì)，刺激消費者購買。

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

快遞、簽收、售后的問題來提示消費者注意的，也更好的讓消費者的到好的服

務(wù)體驗。

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

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

24

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

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

4.3.1主副圖效果圖制作

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

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

關(guān)信息。

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

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

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

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

加店鋪記憶，整體的設(shè)計給人帶來十分簡約、大方舒適的效果。

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

25

湖