幸福家居淘寶店視覺營(yíng)銷設(shè)計(jì)方案

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

目錄

1幸福家居淘寶店概況.................................................1

1.1家居類店鋪發(fā)展現(xiàn)狀............................................1

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

2幸福家居淘寶店鋪視覺營(yíng)銷分析.......................................2

2.1店鋪視覺營(yíng)銷定位分析..........................................3

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

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

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

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

3幸福家居淘寶店鋪視覺設(shè)計(jì)...........................................3

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

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

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

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

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幸福家居店店鋪視覺效果制作........................................14

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

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

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

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

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

4.2.1主副圖效果圖...........................................17

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

I

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

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

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

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

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

參考資料............................................................25

II

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

幸福家居淘寶店視覺營(yíng)銷設(shè)計(jì)方案

1幸福家居淘寶店概況

伴隨著網(wǎng)絡(luò)技術(shù)的出現(xiàn)與發(fā)展，以及消費(fèi)者的需求與行為方式的變化，家

庭銷售從線下擴(kuò)展到了線上。家居作為生活里工作中的必需品，與電子商務(wù)結(jié)

合是時(shí)代發(fā)展的趨勢(shì)。幸福家居淘寶店鋪成立于2022年，目標(biāo)客戶人群為職場(chǎng)

人士、在校學(xué)生、個(gè)人及家庭成員等80、90后，主要是對(duì)餐桌、床具、化妝

桌、椅子、凳子等進(jìn)行銷售。

1.1家居類店鋪發(fā)展現(xiàn)狀

家居指的是家庭裝修、家居配置、電器擺放等一系列和居室有關(guān)的甚至

包括地理位置（家居風(fēng)水）都屬于家居范疇。2021年8月1日實(shí)施的《兒童家

居國(guó)家標(biāo)準(zhǔn)》，給大企業(yè)以信心，小企業(yè)以規(guī)范，家居行業(yè)投資者們將面臨

更大的挑戰(zhàn)和責(zé)任。我國(guó)有十三億多人口，人口因素依然是家居市場(chǎng)發(fā)展的

重要條件。家庭人均消費(fèi)將隨著生活水準(zhǔn)的提升而逐漸增加。再加上新農(nóng)村

建設(shè)加快，農(nóng)村城市化，農(nóng)民對(duì)家居需求增加，為家居行業(yè)提供發(fā)展機(jī)遇。

在互聯(lián)網(wǎng)時(shí)代巨變的時(shí)代里，家居行業(yè)的購(gòu)買方式會(huì)從傳統(tǒng)的線下采購(gòu)

轉(zhuǎn)向線上購(gòu)買。因消費(fèi)主力軍主要是中青年等80、90后群體，這類的人群的

消費(fèi)習(xí)慣主要以互聯(lián)網(wǎng)采購(gòu)為主，以淘寶網(wǎng)站為例，對(duì)“家居”關(guān)鍵詞進(jìn)行

搜索，相關(guān)店鋪就有798180在營(yíng)店，其展示結(jié)構(gòu)有100頁(yè)，其中金冠店有

1691家，皇冠店有61117家。

淘寶網(wǎng)家居搜索數(shù)據(jù)圖如圖1所示：

1

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

圖1淘寶網(wǎng)家居搜索數(shù)據(jù)圖

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

幸福家居淘寶店是剛起步的家居店，在注重本店鋪產(chǎn)品的質(zhì)量保證前提

下，給予顧客更加實(shí)惠的價(jià)格和售后服務(wù)保障，擴(kuò)寬客戶群，吸引新的粉絲

客戶群體，促成交易。同時(shí)，不斷提高客戶的滿意度，增加對(duì)店鋪的粘性。

幸福家居淘寶店主營(yíng)沙發(fā)、凳椅等產(chǎn)品，主要是以“幸福、舒適，讓顧客有

家的感覺”為經(jīng)營(yíng)理念，在現(xiàn)代社會(huì)飛速運(yùn)轉(zhuǎn)的節(jié)奏生活中讓“幸福家居”

的產(chǎn)品打破那份忙碌。

2幸福家居淘寶店鋪視覺營(yíng)銷分析

2

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

2.1店鋪視覺營(yíng)銷定位分析

淘寶崇尚千人一面的表現(xiàn)法則。因此，店鋪也需要對(duì)人群、產(chǎn)品功能、

價(jià)格、店鋪風(fēng)格等方面進(jìn)行準(zhǔn)確的定位，從而讓店鋪的商品只會(huì)推送到精

準(zhǔn)的消費(fèi)群體中，讓店鋪的發(fā)展方向更加明確。幸福家居淘寶店主營(yíng)沙發(fā)、

凳椅等產(chǎn)品，目標(biāo)客戶人群為職場(chǎng)人士、在校學(xué)生、個(gè)人及家庭成員等80、

90后群體，以二線城市用戶居多。

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

店鋪主營(yíng)的是家居類產(chǎn)品，比如餐桌、床具、化妝桌、椅子、沙發(fā)等的

銷售。從通過對(duì)數(shù)據(jù)的分析，我們可以發(fā)現(xiàn)，餐桌和沙發(fā)的銷量排在第一

位，而且在家居類產(chǎn)品中，它們的售價(jià)是相對(duì)合理的，是大部分消費(fèi)者能夠

承受的范圍，高質(zhì)量的產(chǎn)品再加上較低的價(jià)格，更能吸引到消費(fèi)者。

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

80、90后是中國(guó)家居市場(chǎng)的主力消費(fèi)人群。數(shù)據(jù)顯示，80后（29-38歲）是

家裝家居人群的主要力量，占總體的51%?？偟膩?lái)說，80、90后的消費(fèi)觀念與父

母輩發(fā)生了很大的改變，消費(fèi)用戶追求個(gè)性簡(jiǎn)約，厭棄千篇一律，使個(gè)性化成

為家居行業(yè)的重要追求。除了關(guān)注產(chǎn)品本身，消費(fèi)者也更加注重產(chǎn)品給人帶來(lái)

的情感上的輸出，以及產(chǎn)品與周圍整體家居配套家裝產(chǎn)品的和諧度。

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

商店以極簡(jiǎn)的原生風(fēng)格為主體，這類風(fēng)格的消費(fèi)趨勢(shì)在最近幾年逐漸增

加，而且這也是很適合80后、90后和審美。顧客可以按照自己的需要，選擇相

應(yīng)的區(qū)域進(jìn)行查看，這樣的導(dǎo)航欄能夠讓顧客快速的找到自己所需要的商品，

從而提高購(gòu)物效率，并且還能給顧客帶來(lái)更好的閱讀和瀏覽體驗(yàn)。該店鋪的風(fēng)

格要求是簡(jiǎn)潔而不是單調(diào)，在色調(diào)上要給人一種溫馨的感覺，因此在設(shè)計(jì)首

頁(yè)、詳情頁(yè)時(shí)，都會(huì)盡量做到簡(jiǎn)約，雖然有一些裝飾，但是看起來(lái)并不突兀，

整體的色調(diào)、排版都給人一種溫馨的感覺。

2.3店鋪色彩分析

這是一家以80后、90后為目標(biāo)人群的家居店，因此，在設(shè)計(jì)的時(shí)候，它

的整體風(fēng)格就是以極簡(jiǎn)為基調(diào)，以黃色和綠色為主調(diào)，既簡(jiǎn)單又有格調(diào)。以淺

3

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

黃為主要底色，淺黃象征著健康，給人以生命的活力和生命的無(wú)限希望和快

樂。這與我們的品牌定位是一致的，紅色是產(chǎn)品圖的背景，也是價(jià)格的強(qiáng)調(diào)

色。紅色是作為一種擴(kuò)展顏色使用的。

3幸福家居淘寶店鋪視覺設(shè)計(jì)

隨著電子商務(wù)和互聯(lián)網(wǎng)的飛速發(fā)展，網(wǎng)購(gòu)地域局限性逐漸消除，網(wǎng)店數(shù)量

的增長(zhǎng)，店鋪之間的競(jìng)爭(zhēng)也越來(lái)越劇烈。在版面設(shè)計(jì)上，要先思考怎樣把店內(nèi)

的主要賣點(diǎn)凸顯出來(lái)，怎樣使布局、顏色的選用能吸引顧客的眼球。店鋪與主

推產(chǎn)品以及與之有關(guān)的活動(dòng)相結(jié)合，運(yùn)用左右構(gòu)圖和中心構(gòu)圖來(lái)對(duì)店鋪進(jìn)行布

局，運(yùn)用字體、圖片、色彩的組合，形成店鋪整體的板式設(shè)計(jì)，總體上做到有

重點(diǎn)，有主次，方便，簡(jiǎn)約。

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

首先需要結(jié)合店鋪及銷售產(chǎn)品表達(dá)意圖，其次，版面設(shè)計(jì)需要?jiǎng)?chuàng)意性的構(gòu)

思，不是字體、圖片、色彩等簡(jiǎn)單組合，還需要追求審美度和設(shè)計(jì)個(gè)性的體

現(xiàn)，以視覺來(lái)判斷整體的構(gòu)思效果，所以要運(yùn)用“外貌”來(lái)表明其主旨思想。

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

店鋪的首頁(yè)設(shè)計(jì)是吸引客戶的首要步驟，要能在一目了然的情況下，讓客

戶對(duì)網(wǎng)站產(chǎn)生濃厚的興趣，從而激發(fā)客戶的購(gòu)買欲望。所以，店鋪的首頁(yè)設(shè)計(jì)

4

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

主要包括：店招（logo）、導(dǎo)航、全屏海報(bào)、優(yōu)惠劵、活動(dòng)專區(qū)、產(chǎn)品海報(bào)、

產(chǎn)品分類區(qū)、產(chǎn)品展示區(qū)、溫馨提示等9個(gè)區(qū)域。

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

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

由版式設(shè)計(jì)圖，結(jié)合店鋪對(duì)各部分細(xì)節(jié)設(shè)計(jì)進(jìn)行說明。

店招區(qū)域主要分為四個(gè)部分，左邊部分為店鋪LOGO，logo造型為四只飛

舞的蝴蝶，圍繞著“幸福家居”四個(gè)大字，代表著快樂。中間是全國(guó)400+門店

|新銳家居先鋒獎(jiǎng)；最左邊為店鋪的名稱，最右邊是關(guān)注店鋪與店鋪收藏。導(dǎo)

航區(qū)域則放在店招區(qū)域下方，按分類專區(qū)水平放置，便于消費(fèi)者挑選所需商

品。

店招、導(dǎo)航版式設(shè)計(jì)如圖3所示：

5

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

圖3店招、導(dǎo)航版式設(shè)計(jì)

首頁(yè)海報(bào)區(qū)域主要采用了中心布局，右上角部分設(shè)置狂歡鉅惠、優(yōu)惠不停等

標(biāo)語(yǔ)搭配能夠起到引起顧客下單購(gòu)買的作用。同時(shí)，這張首頁(yè)海報(bào)是以場(chǎng)景為背

景，突出了主產(chǎn)品在日常生活中的重要性，可以實(shí)現(xiàn)一定的場(chǎng)景化營(yíng)銷；將“新

品搶鮮”放于左上角，垂直排版，既顯得輕盈又能讓顧客留下深刻的印象。

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

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

優(yōu)惠券的設(shè)計(jì)與店鋪首頁(yè)的整體風(fēng)格相一致，優(yōu)惠券采用左右構(gòu)圖的方式

來(lái)展現(xiàn)，并且將其做成紅包的形式，這樣可以讓優(yōu)惠更容易吸引到消費(fèi)者的注

意力。左上角部分添加“滿1500可使用”的文案；左下角部分添加“會(huì)員點(diǎn)擊

領(lǐng)取”的文案；右邊則是金額，主要分為200元、300元、400元。

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

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

設(shè)立商品分類區(qū)，是為了更好地將商店里的商品展示出來(lái)，讓顧客能夠更

好地尋找到自己想要的商品，從而提高商店的轉(zhuǎn)化率。在產(chǎn)品類別的頂部，設(shè)

置了一個(gè)分類導(dǎo)航，具體內(nèi)容有：新品搶先、爆款熱賣、創(chuàng)意凳、餐桌、餐

6

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

椅。產(chǎn)品分類區(qū)的版式不同于普通常規(guī)的方圓板正類型的，而是更創(chuàng)意更靈活

的以左邊三個(gè)品類與右邊兩個(gè)專區(qū)結(jié)合，更讓人覺得與眾不同，從而增加吸引

顧客點(diǎn)進(jìn)來(lái)的渴望度。

產(chǎn)品分類區(qū)版式設(shè)計(jì)如圖6所示：

圖6產(chǎn)品分類區(qū)版式設(shè)計(jì)圖

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

詳細(xì)頁(yè)面是提升轉(zhuǎn)換率的門徑，所以，寶貝詳細(xì)頁(yè)面是商店商品能否成功

成交的一個(gè)重要因素。根據(jù)顧客群體的定位特征進(jìn)行設(shè)計(jì)。產(chǎn)品1詳情頁(yè)版

式，主要設(shè)計(jì)包括：首頁(yè)海報(bào)、產(chǎn)品賣點(diǎn)、產(chǎn)品展示區(qū)、產(chǎn)品細(xì)節(jié)、產(chǎn)品信

息、情景展示以及店鋪保障（頁(yè)尾部分）7個(gè)區(qū)域。

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

圖7詳情頁(yè)版式設(shè)計(jì)圖

7

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

在設(shè)計(jì)頁(yè)頭海報(bào)的時(shí)候，會(huì)選擇將其作為主要推廣的產(chǎn)品，并配上一段文

字，對(duì)產(chǎn)品的名字進(jìn)行了介紹，讓顧客有一種非常直觀的感覺，當(dāng)你點(diǎn)擊照片

的時(shí)候，你就會(huì)看到一張照片，然后就會(huì)被拉到下訂單的那一頁(yè)，而在海報(bào)的

下面，還有一段非常生動(dòng)的文字，可以讓你更好地了解到你想要的東西。

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

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

“產(chǎn)品賣點(diǎn)”是用一個(gè)圓形矩形框的頁(yè)面來(lái)展示，主要從“觸感舒適、靈

活決明子頭枕、多種規(guī)格等”9個(gè)方面的具體介紹。這種設(shè)計(jì)既直觀又具有一定

的連通性，可以讓消費(fèi)者更好地了解到產(chǎn)品的相關(guān)價(jià)值。

產(chǎn)品的展示部分，主要是為了展示產(chǎn)品的外觀，并為產(chǎn)品的外包裝提供了

一些簡(jiǎn)單的文字說明。

產(chǎn)品賣點(diǎn)、產(chǎn)品展示版式設(shè)計(jì)如圖9所示：

8

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

圖9產(chǎn)品賣點(diǎn)、產(chǎn)品細(xì)節(jié)版式設(shè)計(jì)圖

產(chǎn)品細(xì)節(jié)部分采用上下構(gòu)圖形式上面為對(duì)產(chǎn)品細(xì)節(jié)的文字說明，下面則是

與產(chǎn)品細(xì)節(jié)說明相對(duì)應(yīng)的細(xì)節(jié)圖片；與左右構(gòu)圖形式，左面為對(duì)產(chǎn)品細(xì)節(jié)的文

字說明，右面則是與產(chǎn)品細(xì)節(jié)說明相對(duì)應(yīng)的細(xì)節(jié)圖片。下面部分為有關(guān)產(chǎn)品參

數(shù)的文字說明。

產(chǎn)品細(xì)節(jié)、產(chǎn)品參數(shù)版式設(shè)計(jì)如圖10所示：

圖10產(chǎn)品細(xì)節(jié)、產(chǎn)品信息版式設(shè)計(jì)圖

9

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

店鋪保障（頁(yè)尾部分）的作用是為了消除顧客的疑慮，幫助他們完成

訂單，點(diǎn)擊破損包賠、贈(zèng)運(yùn)費(fèi)險(xiǎn)、30天保價(jià)、閃電退款，都可以直接進(jìn)入

另外一個(gè)頁(yè)面，查看相關(guān)說明。

售后服務(wù)版式設(shè)計(jì)如圖11所示：

圖11店鋪保障版式設(shè)計(jì)圖

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

產(chǎn)品2的版式設(shè)計(jì)由首頁(yè)海報(bào)、產(chǎn)品賣點(diǎn)、產(chǎn)品展示區(qū)、產(chǎn)品細(xì)節(jié)、產(chǎn)

品信息、情景展示以及店鋪保障（頁(yè)尾部分）7個(gè)區(qū)域組成。產(chǎn)品2詳情頁(yè)

版式設(shè)計(jì)如圖12所示：

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

10

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

頁(yè)頭海報(bào)采用上下構(gòu)圖的版式，上部分為產(chǎn)品的信息文案，下部分則是產(chǎn)

品的實(shí)物圖。

產(chǎn)品賣點(diǎn)部分，采取左右構(gòu)圖，將其賣點(diǎn)表現(xiàn)出來(lái)，右面文字的排版方

式，是一種比較特殊的，可以呈現(xiàn)出更好的視覺效果，也可以讓顧客產(chǎn)生更多

的興趣。

產(chǎn)品細(xì)節(jié)部分采用的是上下構(gòu)圖方式，上面為產(chǎn)品的文案，下面是產(chǎn)品的

圖片。

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

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

產(chǎn)品展示構(gòu)圖方式為上、下兩部分，上半部分主要介紹商品的外形，使消

費(fèi)者能更好地理解商品的包裝設(shè)計(jì)思想；下面是產(chǎn)品的外觀部分。

產(chǎn)品說明用簡(jiǎn)單明了的文本格式來(lái)介紹與該產(chǎn)品相關(guān)的內(nèi)容。

情景展示使用了簡(jiǎn)潔的上、下結(jié)構(gòu)，并以簡(jiǎn)短的文字說明來(lái)吸引客戶的注

意力。

產(chǎn)品展示、產(chǎn)品信息、情景展示版式設(shè)計(jì)如圖14所示：

11

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

圖14產(chǎn)品展示、產(chǎn)品信息、情景海報(bào)版式設(shè)計(jì)圖

品牌保障采取上下結(jié)構(gòu)的格式，上部以圖片的方式展示破損包賠、免費(fèi)運(yùn)

輸險(xiǎn)和30天保價(jià)，這樣就可以避免長(zhǎng)時(shí)間的文字說明會(huì)引起消費(fèi)者的視覺疲

勞，從而提高產(chǎn)品的可讀性；下面是總結(jié)，多重售后服務(wù)保證，讓消費(fèi)者在選

購(gòu)時(shí)更加放心。

品質(zhì)保障版式設(shè)計(jì)如圖15所示：

圖1品質(zhì)保障、售后服務(wù)版式設(shè)計(jì)圖

12

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

3.2店鋪文案策劃

隨著現(xiàn)代社會(huì)的快速發(fā)展，人類面臨著海量的信息，人類在有限的時(shí)間

內(nèi)，必須按照自己所需的信息進(jìn)行選擇。因此，吸引人的語(yǔ)言是非常重要的。

3.2.1首頁(yè)文案策劃

首頁(yè)文案策劃有：店招（logo）、導(dǎo)航、全屏海報(bào)、優(yōu)惠劵、活動(dòng)區(qū)、海

報(bào)、產(chǎn)品分類、產(chǎn)品展示、溫馨提示。

店招最左側(cè)是品牌logo與店鋪名稱，讓顧客知道自己的品牌；中間部分是

“全國(guó)400+門店│新銳家居先鋒獎(jiǎng)”這句話，表現(xiàn)了本店鋪的全國(guó)排名與獲得

的獎(jiǎng)項(xiàng)；最右邊是添加了“關(guān)注店鋪”“收藏店鋪”這八個(gè)字，是對(duì)消費(fèi)者的

承諾，且放置在棕色的圓形框中間，不僅與黃色主色調(diào)呼應(yīng)，而且可以起到提

醒客戶，如果對(duì)店鋪滿意的話，記得點(diǎn)擊關(guān)注+收藏。

首頁(yè)海報(bào)的文案主要集中在右部分，首先用文本工具寫上“狂歡鉅惠”，

且字號(hào)是海報(bào)中最大的，直接表明本次的優(yōu)惠力度很大，其次在下方寫上“全

場(chǎng)6折起”，并且也在左邊寫上“優(yōu)惠不?！?，兩者輔助告知了顧客活動(dòng)的具

體力度，并且將“優(yōu)惠”都用紅色的字體標(biāo)出，一眼醒目，同時(shí)能給顧客留下

深刻的記憶點(diǎn)。中間是添加了一句較大的“Brandfurniture品牌家居”，在

海報(bào)色調(diào)比較重的情境下，白色的“Brandfurniture品牌家居”不僅說明了

我們是品牌家居，并且也能讓消費(fèi)者對(duì)該店鋪提高興趣；最左邊就是店鋪logo

在上，“新品搶鮮”在下。

產(chǎn)品海報(bào)是采用了左文右圖的的構(gòu)圖形式，是比較簡(jiǎn)單的搭配，左邊是

“北歐·現(xiàn)代；北歐牛角椅；點(diǎn)擊查看”呈三角結(jié)構(gòu)排列，簡(jiǎn)潔大方，點(diǎn)擊

“點(diǎn)擊查看”，即可直達(dá)商品頁(yè)面。

在設(shè)計(jì)商品展示區(qū)域的廣告時(shí)，為了使消費(fèi)者能夠快速了解商品的信息，

我們把商品的名稱統(tǒng)一壓縮成簡(jiǎn)單的幾個(gè)單詞，例如：“北歐創(chuàng)意茶幾”、

“創(chuàng)意多色幾何椅子”等，這樣既能突出商品的優(yōu)勢(shì)，又能讓消費(fèi)者閱讀后感

到舒服；與此同時(shí)，通過點(diǎn)擊圖片，可以直接進(jìn)入到商品頁(yè)面，讓顧客可以直

接購(gòu)買該款產(chǎn)品。

主頁(yè)底部設(shè)有“返回頂部”鍵，提醒用戶自己已看到底部，若用戶還想再

看，只需按下該鍵即可返回頁(yè)面頂端。

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

在詳情頁(yè)中，我們要持續(xù)地強(qiáng)調(diào)該產(chǎn)品的優(yōu)點(diǎn)與特點(diǎn)，充分運(yùn)用好文案和

13

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

視覺效果，從而促進(jìn)訂單的產(chǎn)生，從而提升產(chǎn)品的轉(zhuǎn)化率。

產(chǎn)品賣點(diǎn)描述中，采用了文字+圖標(biāo)的組合形式，賣點(diǎn)文案都是用大號(hào)黑

體的幾個(gè)字來(lái)表示，而在其上方，則是用較大的對(duì)應(yīng)的圖標(biāo)來(lái)表示，這樣可以

讓顧客在閱讀的時(shí)候，更容易捕捉到關(guān)鍵信息。產(chǎn)品信息部分主要對(duì)商品的尺

寸大小等進(jìn)行了介紹，便于顧客了解產(chǎn)品。

產(chǎn)品細(xì)節(jié)文案對(duì)產(chǎn)品細(xì)節(jié)的詳細(xì)說明，如“選用進(jìn)口高純度天然乳膠；取

材天盤抗茵抑螨”，再配上相應(yīng)的圖片，使顧客一下就能感覺到材質(zhì)的柔軟，

品質(zhì)好，生動(dòng)形象的描述配上細(xì)節(jié)圖更能激發(fā)顧客消費(fèi)需求。

品牌保障這一部分包含了破損包賠，贈(zèng)運(yùn)費(fèi)險(xiǎn)，30天保價(jià)，廠家直銷，品

質(zhì)保證，準(zhǔn)時(shí)發(fā)貨，閃電退款，打消顧客的顧慮，讓顧客能更安心的購(gòu)買產(chǎn)

品。

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

頁(yè)頭海報(bào)的文案用“創(chuàng)意馬卡龍茶幾”為主文案，下面加上“格調(diào)，與生

俱來(lái)”進(jìn)行輔助，兩者之間用一根黑線相連并且相區(qū)分，使海報(bào)整體效果顯得

更加簡(jiǎn)約干凈、高級(jí)一些，讓顧客對(duì)產(chǎn)品產(chǎn)生想進(jìn)一步了解興趣。

產(chǎn)品賣點(diǎn)以“INS鳳北歐小戶刑茶幾簡(jiǎn)約家用圓形小茶臺(tái)”為中心呈圓形

展開，向顧客介紹了5個(gè)賣點(diǎn)“好原木精細(xì)加工，嶄新風(fēng)格，定制完美家居，

多功能型茶幾，時(shí)尚環(huán)保”，并在左邊配上一張圖片，激發(fā)顧客想象，刺激顧

客購(gòu)買。

產(chǎn)品細(xì)節(jié)部分是對(duì)“做工弧度，五金，承重，設(shè)計(jì)”的細(xì)節(jié)展示，為了更

進(jìn)一步使顧客了解商品，通過簡(jiǎn)潔的話語(yǔ)讓顧客一眼明了。層次的展現(xiàn)的是通

過字體的大小和粗細(xì)與有無(wú)圓矩形框來(lái)區(qū)分，這樣才能讓客戶更好地閱讀到信

息。

產(chǎn)品參數(shù)是對(duì)名稱，材質(zhì)，尺寸，風(fēng)格，顏色，適用場(chǎng)景等信息進(jìn)行了介

紹。

品牌保障部分包括了“品質(zhì)保證”“準(zhǔn)時(shí)發(fā)貨”“閃電退款”等保障，讓

顧客打消疑慮，放心購(gòu)買，立刻下單。

4幸福家居店店鋪視覺效果制作

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

首頁(yè)是網(wǎng)絡(luò)店鋪的首頁(yè)，也是消費(fèi)者進(jìn)入店鋪的第一個(gè)頁(yè)面，它的裝飾的

14

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

好壞對(duì)是否能夠引起顧客的注意，是否能夠引起他們的注意，是否能夠引起他

們的注意，進(jìn)而對(duì)網(wǎng)站的廣告和用戶的購(gòu)物感受造成更大的影響。這將會(huì)對(duì)店

鋪的客流量和銷售額產(chǎn)生影響。我的店鋪?lái)?yè)面主要被分成了幾個(gè)部分，分別

是：店招導(dǎo)航欄、首屏海報(bào)、優(yōu)惠券區(qū)、其他區(qū)域部分。

4.1.1店招效果圖制作

店招是顧客對(duì)店面的第一印象，個(gè)性鮮明的店面招牌可以說是至關(guān)重要

的。這是一家以黃綠為主基調(diào)的店，招牌也是以綠色為背景，形成了鮮明的對(duì)

比，看起來(lái)很是醒目。店招左邊logo，logo由店鋪名稱“幸福家居”和周圍圍

繞的大小不一的四只蝴蝶組成，中間部分是店鋪的廣告語(yǔ)，slogan為“全國(guó)

400+門店│新銳家居先鋒獎(jiǎng)”；為了增加店鋪的訂閱量，同時(shí)也為了方便顧客

第一時(shí)間收到店鋪的上新及活動(dòng)推送，在右側(cè)添加了棕黃色的圓形，中間是豎

排文字“關(guān)注店鋪”和“收藏本店”。

導(dǎo)航條是采用了與主色調(diào)同樣的黃色背景，這樣就可以與背景很和諧的融

合，導(dǎo)航區(qū)標(biāo)明了全部商品，爆款熱賣，新品搶鮮，輕奢生活，木凋簡(jiǎn)居，休

閑家居，這樣就可以讓顧客更快速，更直觀的達(dá)到想看的商品品類區(qū)域。

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

幸福家居淘寶店鋪店招設(shè)計(jì)效果圖如圖16所示：

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

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

可以把最重要的消息放在海報(bào)上，向顧客推薦商品，盡量引起顧客的注

意，這樣才能體現(xiàn)出店的品牌特色。在設(shè)計(jì)招貼畫時(shí)，整體圖案的選取是以場(chǎng)

景為中心，與文字的不同字體相配，將會(huì)有一定的視覺沖擊力。比如，將一張

新產(chǎn)品的原生沙發(fā)放在客廳中，就會(huì)讓消費(fèi)者的頭腦中出現(xiàn)一副沙發(fā)在自己家

里的景象，這樣就能激發(fā)出消費(fèi)者的潛在需求，進(jìn)而達(dá)到用海報(bào)來(lái)促進(jìn)訂單的

目的。而在海報(bào)上，則是在海報(bào)右側(cè)用了大大的“狂歡鉅惠”四個(gè)大字來(lái)提醒

顧客本次活動(dòng)力度很大，刺激消費(fèi)者購(gòu)買，其次在下方寫上“全場(chǎng)6折起”，

并中間是添加了一句較大的“Brandfurniture品牌家居”，在海報(bào)色調(diào)比較

重的情境下，白色的“Brandfurniture品牌家居”不僅說明了我們是品牌家

居，并且也能讓消費(fèi)者對(duì)該店鋪提高興趣；最左邊就是店鋪logo在上，“新品

搶鮮”在下，整個(gè)海報(bào)的主次分明，視覺效果很好。

15

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

幸福家居淘寶店鋪首頁(yè)海報(bào)設(shè)計(jì)效果圖如圖17所示：

圖17店鋪首頁(yè)海報(bào)設(shè)計(jì)效果圖

4.1.3其他區(qū)域制作

其他區(qū)域有：優(yōu)惠劵、活動(dòng)區(qū)、海報(bào)、產(chǎn)品分類、產(chǎn)品展示、溫馨提示。

優(yōu)惠券部分以左右構(gòu)圖的形式呈現(xiàn)，且將做成紅包的形式，使得優(yōu)惠更能

抓住抓住消費(fèi)者的眼球。左上角部分添加“滿1500可使用”；左下角是“會(huì)員

點(diǎn)擊領(lǐng)取”的文案；右邊則是金額，同時(shí)將數(shù)字進(jìn)行放大處理，能讓消費(fèi)者對(duì)

優(yōu)惠券數(shù)額感到心動(dòng)。顏色搭配則是只有黃色和紅色兩種顏色，這樣就可以更

協(xié)調(diào)更融合，但是又能突出重點(diǎn)。

活動(dòng)專區(qū)是將活動(dòng)產(chǎn)品放置右側(cè)，相關(guān)信息放置左側(cè)，如“新品搶鮮；

￥269元；立即購(gòu)買>>”。而“新品搶鮮”用黑色的大字表現(xiàn)，吸引消費(fèi)者的

注意；價(jià)格則是更明顯的用紅色與更大一號(hào)的字號(hào)展現(xiàn)，同時(shí)將數(shù)字放大，更

加突出，刺激消費(fèi)者的購(gòu)買欲望，添加了淡黃色圓弧矩形框，產(chǎn)生明亮的色彩

對(duì)比；給“立即購(gòu)買”字樣添加了白色圓弧矩形框，字體采用明亮的黃色，點(diǎn)

擊即可直達(dá)購(gòu)買頁(yè)面。

產(chǎn)品分類區(qū)的版式不同于普通常規(guī)的方圓板正類型的，而是更創(chuàng)意更靈活

的以左邊三個(gè)小圓圈與右邊兩個(gè)圓弧矩形專區(qū)結(jié)合。更使顧客覺得與眾不同。

左邊三個(gè)小圓圈作為產(chǎn)品的背景是具體的產(chǎn)品品類，創(chuàng)意凳、餐桌、餐椅的分

類名稱采用中英上下的方式，右邊兩個(gè)圓弧矩形專區(qū)是新品搶先、爆款熱賣的

分類專區(qū)，以白色矩形背景打底，作為產(chǎn)品的背景是具體的產(chǎn)品，將其一大一

小的左右排列，更加有層次感。

頁(yè)尾部分的是溫馨提示，這部分做的較簡(jiǎn)單，用一個(gè)粗邊的矩形邊框圍住

內(nèi)容，配上里面的具體內(nèi)容，既不顯得花里胡哨，并且顏色也與整體和諧。

16

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

首頁(yè)其他區(qū)域設(shè)計(jì)效果圖如圖18所示：

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

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

產(chǎn)品詳情頁(yè)1制作的是店鋪的主推產(chǎn)品之一的意式輕奢沙發(fā)。詳情頁(yè)的內(nèi)

容：產(chǎn)品展示、產(chǎn)品信息、情景展示、海報(bào)、產(chǎn)品賣點(diǎn)、產(chǎn)品細(xì)節(jié)、店鋪保

障。

4.2.1主副圖效果圖

商品首頁(yè)的內(nèi)容是促使用戶點(diǎn)擊該商店的主要原因。在主圖上，除了要顯

示出賣點(diǎn)外，還要有足夠的吸引力，還要表現(xiàn)出店內(nèi)的文化，在進(jìn)行設(shè)計(jì)的時(shí)

候，仍然是一件很難的事情。為了讓顧客一眼就看到我們店鋪里的東西，我們

把主圖放在了屏幕中央，用黃色作為背景，再加上一個(gè)“搶”字，這樣才能更

好地吸引顧客的目光。在右上角則放置了本店鋪的logo。為了凸顯價(jià)格，標(biāo)上

17

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

活動(dòng)價(jià)字眼說明產(chǎn)品的優(yōu)惠力度，讓顧客對(duì)店鋪名稱印象更深刻。右下面使用

黑色描邊在白色顏色的“消費(fèi)滿1000減50”。

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

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

副圖的三幅圖都采用了上文下圖的布局。副圖1、2、3分別展示了主推產(chǎn)

品之一沙發(fā)的三個(gè)購(gòu)買特點(diǎn)。為了讓副圖看上去更高級(jí)，文字都是簡(jiǎn)約大方的

黑色與白色，同時(shí)為了讓文字有立體感，給文字增加了投影效果。

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

18

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

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

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

產(chǎn)品1是意式輕奢沙發(fā)，其詳情頁(yè)主要分為首頁(yè)海報(bào)、產(chǎn)品賣點(diǎn)、產(chǎn)品展

示區(qū)、產(chǎn)品細(xì)節(jié)、產(chǎn)品信息、情景展示以及品牌保障。

首頁(yè)海報(bào)部分以意式輕奢沙發(fā)產(chǎn)品為背景，整體構(gòu)圖就是以產(chǎn)品圖片為

底，在圖片的中上放用百分之40的透明度對(duì)“意式輕奢沙發(fā)”幾個(gè)字做效果，

使海報(bào)版面更加豐富，為避免海報(bào)底色過于單調(diào)，也在海報(bào)最底下設(shè)計(jì)了“你

值得最好的”文案并設(shè)置了陰影，用來(lái)突出顯示賣點(diǎn)文案。

產(chǎn)品賣點(diǎn)展示是文字和圖標(biāo)結(jié)合的方式，產(chǎn)品賣點(diǎn)的文字對(duì)稱的分為9

塊，對(duì)稱性的結(jié)構(gòu)設(shè)計(jì)能夠讓消費(fèi)者明確地看見商品信息的賣點(diǎn)。

設(shè)計(jì)上，圖標(biāo)和文字將重點(diǎn)文案用加粗和較大字體去突出強(qiáng)調(diào)，再用較小

的字體去詳細(xì)展開說明。

19

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

產(chǎn)品展示區(qū)域采用了左文右圖和上文下圖兩種構(gòu)圖形式，多種排版方式不

易使顧客產(chǎn)生審美疲勞，讓顧客更愿意往下讀。

產(chǎn)品細(xì)節(jié)展示區(qū)域是用圖文并茂的形式展現(xiàn)出來(lái)，前面二組為上圖下文，

下面排版方式為左圖右文，兩組圖文中間用深綠色詳細(xì)介紹邊框隔開，讓畫面

更有秩序感。

品牌保障，通過正品保證、7天無(wú)理由、極速退款進(jìn)行圖文結(jié)合的說明，

為了讓售后保障模塊更有質(zhì)感，沒有用簡(jiǎn)單的綠色色塊，應(yīng)用濾鏡中的油畫效

果增加質(zhì)感，讓其顯得整齊美觀，是顧客注意到這個(gè)模塊，打消內(nèi)心的顧慮，

讓詳情頁(yè)更具有專業(yè)性。

產(chǎn)品1詳情頁(yè)效果圖如圖21所示：

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

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

產(chǎn)品詳情頁(yè)2制作的是店鋪的主推產(chǎn)品之一的創(chuàng)意馬卡龍茶幾，詳情頁(yè)的

主要內(nèi)容有：店鋪保障、產(chǎn)品賣點(diǎn)、產(chǎn)品信息、產(chǎn)品細(xì)節(jié)、產(chǎn)品展示、情景展

20

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

示、首頁(yè)海報(bào)。

4.3.1主副圖效果圖制作

首先是主圖的設(shè)計(jì)，用三個(gè)創(chuàng)意馬卡龍茶幾做為主推背景產(chǎn)品，在左上角

添加了“潮流設(shè)計(jì)，不一樣的小圓茶幾”的文案，顏色也使用了和產(chǎn)品呼應(yīng)的

低調(diào)的藍(lán)色，使畫面整體更和諧相配。

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

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

副圖設(shè)計(jì)，三幅圖都是用產(chǎn)品為背景，三張副圖統(tǒng)一使用的文字顏色為白

色，設(shè)計(jì)了投影效果，賣點(diǎn)文案統(tǒng)則是盡量用最少的文字將賣點(diǎn)表現(xiàn)出來(lái)，方

便顧客直接獲得產(chǎn)品的信息。

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

21

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

圖23產(chǎn)品2副圖設(shè)計(jì)效果圖

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

產(chǎn)品2是創(chuàng)意馬卡龍茶幾，其詳情頁(yè)主要分為首頁(yè)海報(bào)、產(chǎn)品賣點(diǎn)、產(chǎn)品

展示區(qū)、產(chǎn)品細(xì)節(jié)、產(chǎn)品信息、情景展示以及店鋪保障（