晨曦家具城淘寶店鋪視覺(jué)營(yíng)銷(xiāo)設(shè)計(jì)方案

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

目錄

1晨曦家具城淘寶店鋪概況............................................1

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

1.2晨曦家具淘寶店鋪現(xiàn)狀........................................2

2晨曦家具城淘寶店鋪視覺(jué)營(yíng)銷(xiāo)分析....................................2

2.1競(jìng)爭(zhēng)對(duì)手店鋪視覺(jué)分析........................................2

2.1.1競(jìng)爭(zhēng)對(duì)手店鋪1視覺(jué)分析................................2

2.1.2競(jìng)爭(zhēng)對(duì)手店鋪2視覺(jué)分析................................3

2.2店鋪視覺(jué)營(yíng)銷(xiāo)定位分析........................................4

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

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

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

2.4店鋪色彩分析................................................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ì)..................................7

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

3.2文案策劃...................................................10

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

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

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

4晨曦家具城淘寶店鋪視覺(jué)效果制作...................................11

4.1店標(biāo)效果圖制作.............................................11

4.2店鋪首頁(yè)效果圖制作.........................................12

4.2.1海報(bào)效果圖制作.......................................12

4.2.2優(yōu)惠券效果圖制作.....................................13

4.2.3產(chǎn)品分類(lèi)區(qū)效果圖制作.................................13

I

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

4.2.4產(chǎn)品展示區(qū)效果圖制作.................................14

4.2.5頁(yè)尾區(qū)效果圖制作.....................................16

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

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

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

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

4.4.1主副圖效果圖制作.....................................18

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

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

參考資料...........................................................22

II

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

晨曦家具城淘寶店鋪視覺(jué)營(yíng)銷(xiāo)設(shè)計(jì)方案

1晨曦家具城淘寶店鋪概況

近年來(lái)，互聯(lián)網(wǎng)已經(jīng)逐漸深入家居領(lǐng)域，2020年疫情暴發(fā)加快了家居企業(yè)

主動(dòng)開(kāi)拓線上渠道的速度，線上營(yíng)銷(xiāo)已經(jīng)成為家居企業(yè)實(shí)現(xiàn)業(yè)務(wù)增長(zhǎng)的重要渠

道，但消費(fèi)者受制于在線上無(wú)法獲得實(shí)際體驗(yàn)的缺點(diǎn)，線下門(mén)店仍然具備較強(qiáng)

的銷(xiāo)售優(yōu)勢(shì)，線上線下相結(jié)合模式將成為行業(yè)未來(lái)發(fā)展趨勢(shì)之一。通過(guò)線上渠

道宣傳進(jìn)行引流，吸引更有針對(duì)性、更高質(zhì)量的消費(fèi)者來(lái)店體驗(yàn)，同時(shí)對(duì)線下

門(mén)店進(jìn)行空間優(yōu)化，不斷升級(jí)，讓其更符合消費(fèi)者的審美和喜愛(ài)風(fēng)格，以線上

線下相互配合的模式，實(shí)現(xiàn)家居業(yè)務(wù)的快速增長(zhǎng)。

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

家具是由材料、結(jié)構(gòu)、外觀形式和功能四種因素組成，其中功能是先導(dǎo)，

是推動(dòng)家具發(fā)展的動(dòng)力；結(jié)構(gòu)是主干，是實(shí)現(xiàn)功能的基礎(chǔ)，隨著智能制造的快

速發(fā)展，家具企業(yè)的核心競(jìng)爭(zhēng)力已經(jīng)發(fā)生很大的變化，逐漸從依靠資源要素的

低成本競(jìng)爭(zhēng)，向提高產(chǎn)品科技含量和附加值轉(zhuǎn)變；從單純的產(chǎn)品向產(chǎn)品+服務(wù)轉(zhuǎn)

變，也就是說(shuō)家具的競(jìng)爭(zhēng)將延生到整個(gè)行業(yè)。

中國(guó)家具行業(yè)市場(chǎng)現(xiàn)狀及發(fā)展前景表（數(shù)據(jù)來(lái)源中國(guó)家具協(xié)會(huì)）如圖1所

示。

圖1中國(guó)家具行業(yè)市場(chǎng)現(xiàn)狀及發(fā)展前景表

在這個(gè)互聯(lián)網(wǎng)盛行的時(shí)代，以及人們對(duì)家具款式的需求增大，家具行業(yè)也

逐漸向線下+線上+服務(wù)方向發(fā)展，目前光淘寶家具店鋪就高達(dá)40萬(wàn)家。如圖2

所示。

1

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

圖2淘寶家具店鋪數(shù)量圖

1.2晨曦家具淘寶店鋪現(xiàn)狀

晨曦家具城是一家以特定木質(zhì)材料制作家具的店鋪，2022年12月新店開(kāi)

展。店鋪銷(xiāo)售商品主要有木制桌椅包括餐廳、廚房、臥室等系列。晨曦店鋪的

初衷是給大家?guī)?lái)“家的溫暖”，店鋪產(chǎn)品都以實(shí)木打造，舒適的木質(zhì)風(fēng)格帶

來(lái)田園生活，拉近人與自然的距離讓在都市打拼的人們能感受到原始的木質(zhì)氣

息放松心情感受家的溫馨。

2晨曦家具城淘寶店鋪視覺(jué)營(yíng)銷(xiāo)分析

2.1競(jìng)爭(zhēng)對(duì)手店鋪視覺(jué)分析

一家店鋪想要取得更好的銷(xiāo)售成績(jī)產(chǎn)品本身是一個(gè)因素，更重要的是要有

一個(gè)競(jìng)爭(zhēng)對(duì)手來(lái)激勵(lì)，分析競(jìng)爭(zhēng)對(duì)手會(huì)使得自己有提升的空間，提取對(duì)方的優(yōu)

秀之處，根據(jù)自身進(jìn)行改造，讓自己的店鋪風(fēng)格別具一格。

2.1.1競(jìng)爭(zhēng)對(duì)手店鋪1視覺(jué)分析

競(jìng)爭(zhēng)對(duì)手店鋪1選擇的是一家名為“卓禾家具”的店鋪，這家店鋪粉絲數(shù)

量有100萬(wàn)，訂閱數(shù)也高達(dá)131萬(wàn)，備受買(mǎi)家好評(píng)。店鋪與晨曦家具城銷(xiāo)售的

商品也有一些相似，這樣可以更好的借簽對(duì)方店鋪的優(yōu)秀元素以及改善自家店

鋪。

卓禾家具的導(dǎo)航劃分了首頁(yè)、廚房系列、餐廳系列、臥室系列、客廳系

列、書(shū)房系列、門(mén)廳系列。整個(gè)店鋪以紅色為主迎合了春節(jié)即將到來(lái)的喜慶，

首頁(yè)區(qū)劃分了商品海報(bào)、活動(dòng)優(yōu)惠區(qū)、商品分區(qū)、每個(gè)系類(lèi)商品展示區(qū)以及相

關(guān)說(shuō)明的商品保障等部分。

店鋪在設(shè)計(jì)上簡(jiǎn)單明了，商品的展示圖高畫(huà)質(zhì)清晰，方便消費(fèi)者能夠快速

的找到自己想購(gòu)買(mǎi)和了解的商品，活動(dòng)優(yōu)惠券也放在起眼的地方，方便消費(fèi)者

一眼就能看到店鋪的活動(dòng)。

2

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

競(jìng)爭(zhēng)對(duì)手店鋪1首頁(yè)如圖3所示。

圖3競(jìng)爭(zhēng)對(duì)手店鋪1首頁(yè)圖

2.1.2競(jìng)爭(zhēng)對(duì)手店鋪2視覺(jué)分析

競(jìng)爭(zhēng)對(duì)手店鋪2選擇的是林氏木業(yè)家具旗艦店，這家店鋪風(fēng)格與晨曦家具

截然不同，粉絲數(shù)高達(dá)1678萬(wàn)，選擇它的原因是店鋪風(fēng)格鮮明獨(dú)特，整個(gè)店鋪

以綠色為主帶給消費(fèi)者一種環(huán)保家具的感覺(jué)。店鋪導(dǎo)航設(shè)計(jì)上放了明星代言人

的信息，來(lái)吸引更多的“粉絲消費(fèi)者”首頁(yè)處放置了優(yōu)惠活動(dòng)起始時(shí)間和優(yōu)惠

券，能讓消費(fèi)者一目了然，商品分類(lèi)區(qū)利用明星代言人同款和滾動(dòng)海報(bào)增加消

費(fèi)者購(gòu)買(mǎi)欲望，林氏家具風(fēng)格獨(dú)特，首頁(yè)內(nèi)容豐富，設(shè)計(jì)突出特點(diǎn)，售后服務(wù)

完善更有0首付分期付款讓消費(fèi)者安心。

競(jìng)爭(zhēng)對(duì)手店鋪2首頁(yè)如圖4所示。

圖4競(jìng)爭(zhēng)對(duì)手店鋪2首頁(yè)圖

3

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

2.2店鋪視覺(jué)營(yíng)銷(xiāo)定位分析

晨曦家具城是一家新上市的店鋪，在正式運(yùn)營(yíng)之前要對(duì)店鋪進(jìn)行精確的定

位。精確的定位決定著整個(gè)店鋪的持續(xù)發(fā)展，營(yíng)銷(xiāo)定位主要從店鋪的產(chǎn)品和消

費(fèi)人群這兩個(gè)方向進(jìn)行分析。

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

隨著互聯(lián)網(wǎng)的發(fā)展和普及有越來(lái)越多的店鋪發(fā)展線上行業(yè)，人們也漸漸感

受到網(wǎng)購(gòu)帶來(lái)的快感，這無(wú)一不促使著整個(gè)電商行業(yè)的發(fā)展，在一定程度上也

刺激了家具行業(yè)。在這個(gè)競(jìng)爭(zhēng)激烈的市場(chǎng)下，新生的店鋪想要站穩(wěn)腳跟是需要

一定的實(shí)力。

不同于別家店鋪，晨曦家具店鋪的產(chǎn)品以精選實(shí)木制作、回歸自然、簡(jiǎn)約

木質(zhì)風(fēng)格為主來(lái)吸引消費(fèi)者的眼球讓消費(fèi)者體驗(yàn)到自然的溫暖，此外還提供上

門(mén)裝修，運(yùn)費(fèi)險(xiǎn)等保障讓消費(fèi)者安心。

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

根據(jù)中國(guó)家具行業(yè)數(shù)據(jù)分析家具店鋪主要消費(fèi)人群是20-40的中青年群

體，如圖5所示（數(shù)據(jù)來(lái)源艾媒咨詢(xún)）。

圖5中國(guó)家具行業(yè)消費(fèi)者畫(huà)像

90后作為家具消費(fèi)者的主力人群，晨曦家具的產(chǎn)品滿(mǎn)足該類(lèi)消費(fèi)者的消費(fèi)

需求，抓住了年輕人就等于抓住了家具市場(chǎng)。晨曦家具致力于打造高質(zhì)量溫馨

的家具品，給消費(fèi)者帶來(lái)家的溫暖，并給予消費(fèi)者一定售后保障和消費(fèi)者反

4

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

饋，牢牢抓住消費(fèi)者的消費(fèi)心理，留住消費(fèi)者。

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

店鋪的風(fēng)格設(shè)計(jì)一定程度上影響著消費(fèi)者的購(gòu)買(mǎi)欲，往往吸引消費(fèi)者的首

先是色彩上的搭配，只有抓住消費(fèi)者的眼球，才能讓消費(fèi)者有進(jìn)一步想了解店

鋪商品。

店鋪屬于簡(jiǎn)約木質(zhì)風(fēng)格，商品以實(shí)木制作，這類(lèi)家具風(fēng)格深受廣大消費(fèi)群

體的喜愛(ài)，根據(jù)調(diào)查以木質(zhì)簡(jiǎn)約家具所占比例最高，也符合90后消費(fèi)者的需求

的審美。店鋪在首頁(yè)設(shè)置了各類(lèi)家具的商品分類(lèi)，消費(fèi)者可根據(jù)自己的喜愛(ài)來(lái)

選擇自己所需要的商品，給消費(fèi)者帶來(lái)愉快的購(gòu)物體驗(yàn)。

2.4店鋪色彩分析

視覺(jué)沖擊是最能吸引消費(fèi)者入店的，店鋪的色彩搭配一定要吸引消費(fèi)者的

眼球，讓人眼前一亮。店鋪主要消費(fèi)者以90后為主力，故店鋪商品以實(shí)木簡(jiǎn)約

為主給人帶來(lái)家的感覺(jué)，色彩搭配以白色為主結(jié)合商品本身顏色讓消費(fèi)者在選

商品時(shí)充滿(mǎn)溫暖，白色給人一種純潔淳樸的感覺(jué)，這符合店鋪商品以實(shí)木制

作，帶顧客回歸大自然，感受大自然的淳樸自然。

3晨曦家具城淘寶店鋪視覺(jué)設(shè)計(jì)

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

版式設(shè)計(jì)要簡(jiǎn)單明了突出重點(diǎn)，考慮消費(fèi)者的需求是首要。店鋪版式構(gòu)圖

是根據(jù)產(chǎn)品及活動(dòng)來(lái)排版，運(yùn)用了上下構(gòu)圖以及緊湊式構(gòu)圖排版，再利用圖片

與文字來(lái)構(gòu)成完整的版式設(shè)計(jì)，合理運(yùn)用色彩來(lái)突出店鋪的特點(diǎn)。

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

店鋪的首頁(yè)設(shè)置一定要吸引眼球，抓住消費(fèi)者的心讓消費(fèi)者對(duì)店鋪產(chǎn)品感

興趣。故首頁(yè)設(shè)計(jì)包括以下方面：店招（logo）、海報(bào)、活動(dòng)區(qū)、產(chǎn)品賣(mài)點(diǎn)、

熱銷(xiāo)寶貝、臥室系列、餐廳系列、書(shū)房系列、客廳系列以及頁(yè)尾區(qū)等欄目。

店鋪首頁(yè)版式設(shè)計(jì)如圖6所示。

5

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

圖6店鋪首頁(yè)版式圖

根據(jù)首頁(yè)版式圖對(duì)店鋪各個(gè)部分細(xì)節(jié)進(jìn)行介紹，從首頁(yè)版式圖上可以看出

logo與店鋪產(chǎn)品緊密相連，從logo上一眼便看出店鋪所銷(xiāo)售的商品。活動(dòng)區(qū)

放在海報(bào)的下方，擺放了許多優(yōu)惠券，優(yōu)惠券用矩形框所制寫(xiě)上金額數(shù)量和獲

取方式，方便消費(fèi)者快速了解店鋪活動(dòng)的起始時(shí)間和內(nèi)容。

商品分類(lèi)區(qū)和商品展示區(qū)主要以店鋪商品加上文字描述展示，細(xì)化了熱賣(mài)

推薦和熱銷(xiāo)寶貝以及客廳、書(shū)房、餐廳、臥室等系類(lèi)產(chǎn)品，讓消費(fèi)者一目了然

抓住消費(fèi)者的眼球。從版式圖可以看出商品展示采用了中心構(gòu)圖排版，利用銷(xiāo)

售文案對(duì)商品加以修飾，放大商品細(xì)節(jié)以便消費(fèi)者清楚了解店鋪商品的結(jié)構(gòu)和

質(zhì)量。分類(lèi)區(qū)用了上文下圖結(jié)構(gòu)，使得畫(huà)面結(jié)構(gòu)更加有空間感。

商品分類(lèi)區(qū)和展示區(qū)如圖7所示。

圖7商品分類(lèi)區(qū)和展示區(qū)

頁(yè)尾處主要標(biāo)注了店鋪相關(guān)信息、客服服務(wù)和會(huì)員特權(quán)等，用圖標(biāo)+文字描

6

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

述讓消費(fèi)者簡(jiǎn)單易懂。

頁(yè)尾版式設(shè)計(jì)如圖8所示。

圖8頁(yè)尾版式設(shè)計(jì)圖

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

店鋪的詳情頁(yè)起著介紹產(chǎn)品信息，展示商品優(yōu)勢(shì)，提高消費(fèi)者信任感的橋

梁，詳情頁(yè)也可以有效提升商品單品的轉(zhuǎn)換率從而提高店鋪的銷(xiāo)售額。

產(chǎn)品1詳情頁(yè)版式設(shè)計(jì)主要包括了商品海報(bào)、商品細(xì)節(jié)、商品款式/情景、

商品賣(mài)點(diǎn)、商品信息、店鋪保障等部分。

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

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

海報(bào)設(shè)計(jì)利用了商品+店鋪名以及文案進(jìn)行組合，直接的告訴消費(fèi)者。海報(bào)

下面放置了商品的木質(zhì)細(xì)節(jié)，用圖片和文案讓消費(fèi)者了解商品的材質(zhì)保障。

產(chǎn)品1海報(bào)版式設(shè)計(jì)如圖10所示。

圖10產(chǎn)品1海報(bào)版式圖

7

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

商品款式是以商品本身來(lái)展示用文字加以裝飾，全方位展示商品的特點(diǎn)和

款式。商品情景也采用類(lèi)似的方式，能讓消費(fèi)者感受家的溫暖，回歸自然，放

松心情。

商品賣(mài)點(diǎn)處是放大商品的細(xì)節(jié)用文字說(shuō)明，圖文并合采用上下結(jié)構(gòu)和用菱

形排列使排版更加直觀，突出亮點(diǎn)和賣(mài)點(diǎn)，讓人直截了當(dāng)。

商品款式、賣(mài)點(diǎn)版式設(shè)計(jì)如圖11所示。

圖11產(chǎn)品1商品款式賣(mài)點(diǎn)設(shè)計(jì)圖

商品信息主要告訴消費(fèi)者商品的參數(shù)、商品尺寸（尺寸說(shuō)明）和產(chǎn)品的結(jié)

構(gòu)圖。商品示意圖上詳細(xì)的標(biāo)寫(xiě)了商品的長(zhǎng)度和寬度讓消費(fèi)者放心購(gòu)買(mǎi)店鋪商

品，頁(yè)尾處則是利用文字介紹來(lái)讓人了解店鋪的品質(zhì)保證，快遞退換貨等。

產(chǎn)品信息、頁(yè)尾版式設(shè)計(jì)如圖12所示。

圖12商品信息頁(yè)尾版式圖

8

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

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

產(chǎn)品2的詳情頁(yè)版式設(shè)計(jì)主要包括：海報(bào)、商品細(xì)節(jié)、商品場(chǎng)景、商品實(shí)

拍以及店鋪保障和快遞等六個(gè)部分。與產(chǎn)品1在排版細(xì)節(jié)上略有一些出入，但

主體內(nèi)容如出一轍。

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

圖13產(chǎn)品2詳情頁(yè)版式圖

產(chǎn)品2的海報(bào)設(shè)計(jì)與產(chǎn)品1海報(bào)設(shè)計(jì)大致相同，產(chǎn)品2詳情頁(yè)采用了中心+

上下結(jié)構(gòu)構(gòu)圖，讓整個(gè)詳情頁(yè)看起來(lái)更加美觀給消費(fèi)者留下深刻印象。

商品細(xì)節(jié)處也是放大商品加以精美的文字來(lái)點(diǎn)綴以便更加直觀的展現(xiàn)商品

優(yōu)秀之處。采用了左圖右文的排版，讓消費(fèi)者更進(jìn)一步了解商品從而留住消費(fèi)

者的腳步，商品場(chǎng)景和商品實(shí)拍采用上圖下文的排版方式彰顯得整個(gè)界面簡(jiǎn)約

并讓人眼前一亮。頁(yè)尾處則用了純文字來(lái)描述店鋪的信息，關(guān)于快遞以及退換

貨，商品的保障、色差、尺寸。

海報(bào)、商品細(xì)節(jié)、商品場(chǎng)景/實(shí)拍、頁(yè)尾版式設(shè)計(jì)如圖14所示。

9

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

圖14產(chǎn)品2海報(bào)、商品實(shí)拍/場(chǎng)景、頁(yè)尾版式圖

3.2文案策劃

對(duì)于一家店鋪來(lái)說(shuō)文案的策劃也是至關(guān)重要的，它能讓消費(fèi)者清楚地知道

這個(gè)商品是什么能給消費(fèi)者帶來(lái)什么用處，商品文案可以塑造品牌的形象，提

高商品的檔次從而積累口碑。

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

店鋪首頁(yè)設(shè)計(jì)最主要的部分是：海報(bào)、活動(dòng)區(qū)、商品分類(lèi)和展示，頁(yè)尾，

文案的策劃主要也是圍繞這五個(gè)區(qū)域來(lái)寫(xiě)。

首頁(yè)海報(bào)的作用主要是宣傳產(chǎn)品，提高店鋪的熱度和突出主題?；顒?dòng)區(qū)是

為了促進(jìn)消費(fèi)者消費(fèi)，像“滿(mǎn)減”“活動(dòng)優(yōu)惠”等字眼要放在最顯眼的地方并

用紅色字體標(biāo)注來(lái)吸引消費(fèi)者的目光。

商品熱賣(mài)推薦也是店鋪重要部分之一，店鋪為了更好的盈利會(huì)在首頁(yè)中間

部位擺放熱賣(mài)推薦商品來(lái)吸引消費(fèi)者，熱賣(mài)產(chǎn)品也劃分了臥室系列、客廳系

列、書(shū)房系列、餐廳系列。每一個(gè)系列都設(shè)計(jì)了“點(diǎn)擊查看更多”和“點(diǎn)擊搶

購(gòu)”方便消費(fèi)者瀏覽和購(gòu)買(mǎi)自己感興趣的商品系列。

最后的頁(yè)尾是店鋪的會(huì)員特權(quán)及二維碼，客服服務(wù)，以及返回首頁(yè)按鈕，

方便消費(fèi)者一步到位，保障消費(fèi)者在瀏覽店鋪時(shí)方便操作，留住消費(fèi)者的腳

步，引導(dǎo)消費(fèi)者購(gòu)買(mǎi)商品。

10

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

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

產(chǎn)品詳情頁(yè)一般起著提高轉(zhuǎn)化率的作用，同時(shí)也介紹該產(chǎn)品給消費(fèi)者一個(gè)

購(gòu)買(mǎi)的理由，提升消費(fèi)者的信任感。

產(chǎn)品1詳情頁(yè)在文案策劃上有一定的場(chǎng)景代入感，利用文字的渲染使消費(fèi)

者感覺(jué)到商品的溫馨，產(chǎn)品1的海報(bào)直接用商品加上文案“北國(guó)風(fēng)情舒適餐

椅”明確的告訴消費(fèi)者店鋪的商品，海報(bào)下面在加入制作商品的原木質(zhì)細(xì)節(jié)，

讓消費(fèi)者了解商品的品質(zhì)，獲得信任感。商品情景用“田園生活”“感受原始

木質(zhì)氣息”等字眼讓消費(fèi)者身處大自然感受大自然的美好。

商品細(xì)節(jié)同樣是用文字來(lái)表達(dá)，原生木質(zhì)配上相關(guān)文字實(shí)事求是地展示了

商品的制作材料和商品的質(zhì)量。商品造型簡(jiǎn)約而美觀，工藝精巧，經(jīng)久耐用讓

消費(fèi)者用得放心。

商品參數(shù)用表格清楚的展現(xiàn)商品的品牌、運(yùn)輸包裝、商品包含、運(yùn)費(fèi)等信

息，并配上商品的尺寸解圖，方便消費(fèi)者獲取需要的信息。

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

產(chǎn)品2詳情頁(yè)海報(bào)設(shè)計(jì)與產(chǎn)品1相似，同樣也用了圖片加上相關(guān)文字描寫(xiě)

“小家大愛(ài)”“自然簡(jiǎn)約”向消費(fèi)者傳達(dá)了家的溫暖和大自然的饋贈(zèng)。

商品細(xì)節(jié)也是采用相關(guān)文字描述，說(shuō)明了商品的精致做工、安全友好、精

心打磨。

商品場(chǎng)景用圖片配上溫馨的文案“靜享安寧”描繪了一幅身處在家的美好

畫(huà)面，讓消費(fèi)者在瀏覽詳情頁(yè)時(shí)心感溫暖。

商品實(shí)拍全方面展示商品，把商品的各處細(xì)節(jié)展示給消費(fèi)者，讓消費(fèi)者放

一萬(wàn)個(gè)心購(gòu)買(mǎi)商品。頁(yè)尾部分用文字歸納店鋪所有信息值得消費(fèi)者信任，像

“承諾圖片與實(shí)物符合”“商品尺寸純手工量測(cè)”“當(dāng)天發(fā)貨”等加深消費(fèi)者

的信任催促消費(fèi)者下單。

4晨曦家具城淘寶店鋪視覺(jué)效果制作

4.1店標(biāo)效果圖制作

店標(biāo)就是店鋪的Logo，對(duì)店鋪產(chǎn)品類(lèi)型的表現(xiàn)即店鋪銷(xiāo)售的商品是什么，

表明店鋪的類(lèi)型。在店標(biāo)的設(shè)計(jì)上用鋼筆工具簡(jiǎn)單繪制了一個(gè)簡(jiǎn)約的房子形狀

向消費(fèi)者表明該店鋪是家具類(lèi)店鋪，背景顏色采用白色與店鋪顏色相統(tǒng)一，再

用鋼筆工具繪制兩片綠色的葉子表達(dá)晨曦家具所銷(xiāo)售的商品帶有自然元素。

店標(biāo)設(shè)計(jì)效果如圖15所示。

11

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

圖15店標(biāo)效果圖

4.2店鋪首頁(yè)效果圖制作

首頁(yè)是店鋪流量最大的中轉(zhuǎn)站，是店鋪形象的整體展示，首頁(yè)的效果決定

著店鋪的流量好壞和消費(fèi)者訪問(wèn)次數(shù)。

店鋪首頁(yè)設(shè)計(jì)包括：海報(bào)、活動(dòng)區(qū)、商品分類(lèi)和展示、底部頁(yè)尾區(qū)等。

在明確了首頁(yè)的各分區(qū)后店鋪的色彩也是要考慮的重要因素，視覺(jué)帶給人

的沖擊往往是最強(qiáng)烈的，店鋪的劃分和色彩搭配是極為重要的，晨曦家具就做

到了這一點(diǎn)，在色彩方面用白色搭配商品本身的灰色，以純粹的白加上沉穩(wěn)的

灰相結(jié)合打造出簡(jiǎn)約自然的魅力氛圍。在視覺(jué)上給消費(fèi)者帶來(lái)家的溫暖和大自

然的溫馨。商品也是用原生的木質(zhì)打造而成更加具有說(shuō)服力，吸引一些特定消

費(fèi)者。

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

海報(bào)可以美化店鋪，也對(duì)店鋪商品進(jìn)行宣傳，提高店鋪的瀏覽量和店鋪的

銷(xiāo)量，做好店鋪海報(bào)尤為重要。

在海報(bào)的設(shè)計(jì)上背景采用了現(xiàn)場(chǎng)家庭化，給消費(fèi)者一種身處臥室的溫馨

感，海報(bào)左上角放置了店鋪logo，中間用放大字體標(biāo)注了店鋪名稱(chēng)“晨曦家具

城”右邊用矩形框繪制了收藏和關(guān)注的訂閱按鈕促進(jìn)消費(fèi)者關(guān)注收藏，下方擺

放了木質(zhì)床、垃圾桶、書(shū)桌等家具整個(gè)海報(bào)背景顏色采用了灰色表現(xiàn)出深沉

感，簡(jiǎn)單明了的利用海報(bào)表現(xiàn)出店鋪的類(lèi)型。

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

12

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

圖16海報(bào)效果圖

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

優(yōu)惠券可以提高店鋪購(gòu)買(mǎi)率，吸引消費(fèi)者的目光，刺激消費(fèi)者下單從而提

高店鋪的轉(zhuǎn)化率。

優(yōu)惠券放置在海報(bào)的下方方便消費(fèi)者一眼便能看見(jiàn)，優(yōu)惠券的繪制采用了

無(wú)填充和黑色描邊的矩形框，符合首頁(yè)的顏色。設(shè)置了四種不同門(mén)檻和價(jià)格的

優(yōu)惠金額，字體選擇的顏色和大小也不同每張優(yōu)惠券上的“領(lǐng)”都繪制了白色

橢圓工具利用優(yōu)惠券吸引和留下一定的消費(fèi)者。

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

圖17優(yōu)惠券效果圖

4.2.3產(chǎn)品分類(lèi)區(qū)效果圖制作

產(chǎn)品分類(lèi)區(qū)主主要展示熱賣(mài)推薦和熱銷(xiāo)寶貝，分類(lèi)區(qū)利用灰色矩形框?qū)a(chǎn)

品的四個(gè)系類(lèi)展示出來(lái)商品下方也用白色矩形框加上系類(lèi)名稱(chēng)標(biāo)注，下方是一

個(gè)大的矩形框，里面放置了“熱賣(mài)推薦”和“熱銷(xiāo)寶貝”。熱賣(mài)推薦上面是特

殊的英文字體，熱銷(xiāo)寶貝下方用特色字體設(shè)置一個(gè)“點(diǎn)擊查看更多”導(dǎo)航，引

導(dǎo)消費(fèi)者點(diǎn)擊從而購(gòu)買(mǎi)。

產(chǎn)品分類(lèi)區(qū)效果如圖18所示。

13

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

圖18產(chǎn)品分類(lèi)區(qū)效果圖

4.2.4產(chǎn)品展示區(qū)效果圖制作

產(chǎn)品展示區(qū)主要是展示商品四個(gè)系類(lèi)：臥室系類(lèi)、餐廳系類(lèi)、書(shū)房系類(lèi)、

客廳系類(lèi)等各個(gè)系類(lèi)的產(chǎn)品細(xì)節(jié)，每個(gè)系類(lèi)下方用特殊字體寫(xiě)上“點(diǎn)擊查看更

多”。

每個(gè)系列產(chǎn)品的展示都繪制了多個(gè)矩形框采用上下構(gòu)圖結(jié)構(gòu)展示出商品的

不同方面，每個(gè)矩形框放置一個(gè)商品，商品下方用黑色字體標(biāo)注商品的名稱(chēng)，

每個(gè)名稱(chēng)右邊都用黑色矩形框繪制了“點(diǎn)擊搶購(gòu)”按鈕，引導(dǎo)消費(fèi)者進(jìn)行購(gòu)買(mǎi)

商品。

產(chǎn)品展示區(qū)效果如圖19所示。

14

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

圖19產(chǎn)品展示區(qū)效果圖

15

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

4.2.5頁(yè)尾區(qū)效果圖制作

頁(yè)尾部分繪制了五個(gè)透明矩形框，矩形框里面放置一些圖案和二維碼引導(dǎo)

消費(fèi)者成為店鋪會(huì)員，每個(gè)矩形框下方寫(xiě)上標(biāo)識(shí)：比如“會(huì)員特權(quán)”“收藏店

鋪”“手機(jī)掃一掃”“聯(lián)系客服”和“返回首頁(yè)”等功能。

頁(yè)尾區(qū)效果如圖20所示。

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

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

4.3.1主副圖效果圖制作

商品的主圖具有很強(qiáng)的目的性和代表性，抓住消費(fèi)者的眼球和刺激消費(fèi)者

的購(gòu)買(mǎi)欲望，主圖的設(shè)計(jì)要突出重點(diǎn)。在產(chǎn)品1椅子的主圖設(shè)計(jì)上整體色彩采

用灰色搭配白色，產(chǎn)品1放置在主圖的正中央，產(chǎn)品上方用特殊字體和顏色

“北歐實(shí)木餐桌”產(chǎn)品周?chē)砩蟽善h露的綠葉與店鋪logo相對(duì)應(yīng)。左邊是

灰色的背景色用放大字體寫(xiě)上了店鋪的名稱(chēng)，下方用喜慶的紅色突出活動(dòng)，用

橢圓與矩形相結(jié)合，橢圓里用加粗和放大字體寫(xiě)上“年貨價(jià)469”，矩形框里

用白色字體寫(xiě)出活動(dòng)內(nèi)容“前2000名買(mǎi)二送一”并用特殊圖啊圈起來(lái)，突出顯

眼。

產(chǎn)品1主圖效果如圖21所示。

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

產(chǎn)品副圖是展示商品的細(xì)節(jié)與主圖不一樣，副圖側(cè)重于細(xì)節(jié)，也可以稱(chēng)它

16

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

為功能圖或者細(xì)節(jié)圖，它是把主圖沒(méi)有展示出優(yōu)點(diǎn)和功效部分全部展現(xiàn)出來(lái)突

顯出商品的屬性信息，讓消費(fèi)者對(duì)商品更進(jìn)一步的了解。三張副圖都將商品的

每個(gè)部分細(xì)節(jié)展示出來(lái)，副圖1的背景采用家庭場(chǎng)景化在結(jié)合中午“簡(jiǎn)單而不

簡(jiǎn)約”和英文用上特殊字體將產(chǎn)品1椅子的特點(diǎn)展示出來(lái)，副圖2用椅子的細(xì)

節(jié)圖配上文字“細(xì)節(jié)展示實(shí)木一清二楚”下方用黑色字體將細(xì)節(jié)描寫(xiě)的更清

楚。副圖三采用灰色背景在產(chǎn)品上面放置了一個(gè)吊燈，并用英文字體和漢字相

結(jié)合描繪出商品的作用。

產(chǎn)品1副圖效如圖22所示。

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

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

產(chǎn)品1是木質(zhì)餐廳椅，詳情頁(yè)劃分為海報(bào)、商品款式、商品情景、商品細(xì)

節(jié)和頁(yè)尾部分。

海報(bào)部分的設(shè)計(jì)背景采用了白色與整個(gè)店鋪顏色相對(duì)應(yīng)，整個(gè)海報(bào)采用上

下結(jié)構(gòu)構(gòu)成，海報(bào)最上面是放大英文字體的店鋪名，它的下方是用黑色字體展

示桌子的用途。最下方用紅色矩形框展示了商品的適用的場(chǎng)所。然后采用黑色

背景向消費(fèi)者展示了商品的原材料，用橢圓形狀將木材的細(xì)節(jié)展現(xiàn)出來(lái)再用文

字進(jìn)行描述。

商品款式部分以家的元素作為背景，擺放商品給消費(fèi)者作為參考并用黑色

字體標(biāo)識(shí)了商品的兩款色號(hào)。商品情景和商品款式的布局差不多，在商品情景

標(biāo)題下方用白色字體描繪了商品的氣息。

商品細(xì)節(jié)處用木質(zhì)餐椅作為小海報(bào)，下方用實(shí)線繪制出一個(gè)矩形框，里面

介紹了商品的各種細(xì)節(jié)和油漆上色，用黑色加粗字體展現(xiàn)出品味的獨(dú)特。在下

面用菱形圖案標(biāo)注序號(hào)一一介紹商品不同部位不同方位的細(xì)節(jié)包括品質(zhì)、材料

的選擇、油漆的質(zhì)量、商品參數(shù)等部分，每個(gè)細(xì)節(jié)部分都用特殊形狀和字體

17

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

進(jìn)行展示。

最后的頁(yè)尾部分，用大量的文字“24銷(xiāo)售發(fā)貨”“7天無(wú)理由”“增運(yùn)費(fèi)險(xiǎn)”

等信息將店鋪和商品的質(zhì)量保障表達(dá)出來(lái)，讓消費(fèi)者更加安心。

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

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

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

4.4.1主副圖效果圖制作

產(chǎn)品2的主圖以白色背景為主，商品實(shí)物擺放在正中央，商品上方繪制黃

色不規(guī)則矩形寫(xiě)上實(shí)木二字，矩形左右用不同型號(hào)合顏色的字體進(jìn)行文案描

述，矩形周?chē)€有細(xì)小的黃色劃線。商品下方同樣采用紅黃相加的橢圓和矩形

框相結(jié)合和，在圖形里面用紅色文字將價(jià)格和活動(dòng)內(nèi)容寫(xiě)出來(lái)。

18

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

產(chǎn)品2主圖效果如圖24所示。

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

產(chǎn)品2的三張副圖和產(chǎn)品