念馨花瓶淘寶店鋪視覺營銷設(shè)計(jì)方案

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

目錄

1念馨花瓶專賣淘寶店鋪概況...........................................1

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

1.2念馨創(chuàng)意花瓶店鋪發(fā)展現(xiàn)狀......................................2

2念馨花瓶專賣淘寶店鋪視覺營銷分析...................................2

2.1競爭對手店鋪視覺分析..........................................2

2.1.1競爭對手店鋪1視覺分析..................................2

2.1.2競爭對手店鋪2視覺分析.................................3

2.2店鋪視覺營銷定位分析..........................................5

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

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

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

2.4店鋪色彩分析..................................................6

3念馨花瓶專賣淘寶店鋪視覺設(shè)計(jì).......................................6

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

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

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

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

3.2文案策劃.....................................................21

3.2.1店鋪首頁文案策劃.......................................21

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

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

4念馨花瓶專賣淘寶店鋪視覺效果制作..................................23

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

4.2店鋪首頁效果圖制作...........................................23

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

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

I

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

4.2.3產(chǎn)品分類區(qū)效果圖制作...................................25

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

4.2.5頁尾效果圖制作.........................................27

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

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

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

4.4產(chǎn)品2詳情效果圖制作........................................33

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

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

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

參考資料............................................................39

II

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

念馨花瓶淘寶店鋪視覺營銷設(shè)計(jì)方案

1念馨花瓶淘寶店鋪概況

念馨創(chuàng)意花瓶專賣淘寶店鋪成立于2022年，粉絲量有6580，dsr評分平均

都保持在4.0左右，主要是以家居創(chuàng)意花瓶為主營產(chǎn)品進(jìn)行銷售，針對的是18-35

歲喜愛藝術(shù)花瓶和鮮花的目標(biāo)人群?！澳钴盎ㄆ俊?，花瓶作為室內(nèi)設(shè)計(jì)裝飾品，它

對一個(gè)房間的整體風(fēng)格裝飾作用很明顯?！澳钴啊倍种?，“念”取之眷念之意，即

讓所處環(huán)境之下的人感到心安，“馨”取之溫馨之意，即讓人們感受到溫馨和睦的

氛圍，“念馨花瓶”中的“念馨”旨在花瓶能為室內(nèi)生活營造一種安心溫馨之感。

1.1花瓶類店鋪發(fā)展現(xiàn)狀

隨著互聯(lián)網(wǎng)的發(fā)展，同時(shí)也帶動(dòng)了各種藝術(shù)品和裝飾品的迅速發(fā)展，尤其

是像花瓶類這種本身就具有裝飾和藝術(shù)二合一的產(chǎn)品的發(fā)展速度會更快?；ヂ?lián)

網(wǎng)對花瓶的影響也將在未來會更加深刻，花瓶電子商務(wù)也將迅速發(fā)展。

2023年十大創(chuàng)意花瓶品牌網(wǎng)店排名榜出爐，上榜的有黛莉森、新新精藝、

盛世泰堡等，都是依據(jù)網(wǎng)店的產(chǎn)品銷量、用戶的評價(jià)/關(guān)注度、店鋪的設(shè)計(jì)形象、

售后服務(wù)/物流、誠信經(jīng)營等方面進(jìn)行參考排名。

2023年創(chuàng)意花瓶網(wǎng)店排名如圖1所示：

圖12023年創(chuàng)意花瓶網(wǎng)店排名

1

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

1.2念馨花瓶店鋪發(fā)展現(xiàn)狀

念馨的淘寶店鋪主要銷售的就是家居創(chuàng)意花瓶，店鋪花瓶設(shè)計(jì)的定位是針

對現(xiàn)在在外工作的年輕人和上班族，在花瓶的設(shè)計(jì)方面設(shè)計(jì)了很多不同的風(fēng)格

樣式，細(xì)分有簡約、復(fù)古、歐美等不同款式風(fēng)格，花瓶的材質(zhì)大多都是陶瓷，

花瓶的做工追求精益求精，品質(zhì)上乘，價(jià)格適中。要讓消費(fèi)者感受到自己買的

是性價(jià)比高的產(chǎn)品。

2念馨花瓶專賣淘寶店鋪視覺營銷分析

2.1競爭對手店鋪視覺分析

分析競爭對手的店鋪，可以從中收獲自己意想不到的設(shè)計(jì)理念，分析對方

的設(shè)計(jì)風(fēng)格和每個(gè)模板產(chǎn)品的位置擺放設(shè)計(jì)，有利于激發(fā)自己更多的設(shè)計(jì)靈感，

學(xué)習(xí)競爭對手優(yōu)秀之處，靈活運(yùn)用，從而彌補(bǔ)自己店鋪風(fēng)格裝修的不足，使店鋪

的風(fēng)格更加鮮明獨(dú)特。反之，對競爭對手頁面裝修不好的地方也要謹(jǐn)記在心，以

便日后能及時(shí)發(fā)現(xiàn)并避免。

2.1.1競爭對手店鋪1視覺分析

競爭對手店鋪1的店鋪名叫“蘭澤旗艦店”，是一家開設(shè)了三年的老店，粉

絲數(shù)達(dá)到9351，這家店鋪銷售的花瓶大多都是簡約的玻璃花瓶。該店鋪的風(fēng)格

是偏復(fù)古簡約風(fēng)格的，與本店的風(fēng)格截然不同，給人一種簡約大氣的感覺。

該店鋪首頁的導(dǎo)航條采用了規(guī)矩的左中右的擺放，三個(gè)位置放的都是同樣的內(nèi)

容，但不同之處就在于它把優(yōu)惠券放在了導(dǎo)航條的中間部分，讓消費(fèi)者一進(jìn)去

就能看到該店的優(yōu)惠條件。店鋪首頁部分分為“優(yōu)惠券、熱門分類、簡約輕奢

花瓶系列、新品推薦、“清新簡約”裝飾家居花瓶系列”等5個(gè)部分。前三部分

的色調(diào)主要以墨綠色和磚紅色色調(diào)為主，看起來很有質(zhì)感，后面部分以白色色

調(diào)為主。產(chǎn)品圖的擺放大多都是從左到右的擺放，每張圖片的大小是不一樣的，

給人一種參差不齊的感覺，看著又具有設(shè)計(jì)感，整個(gè)首頁畫面看起來簡約大方，

缺點(diǎn)就是每個(gè)模塊的大小比例是不一樣的，有幾個(gè)模塊的比例看起來過于小了。

競爭對手店鋪1首頁如圖2所示：

2

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

圖2競爭對手店鋪1首頁

2.1.2競爭對手店鋪2視覺分析

競爭對手店鋪2的店鋪名叫“江萊旗艦店”，是一家4年老店，粉絲數(shù)有4.3

萬。該店鋪首頁的色調(diào)都是以灰色為主，整體風(fēng)格看起來偏向高級現(xiàn)代風(fēng)格，

產(chǎn)品大多都是偏歐式風(fēng)的。首頁導(dǎo)航條的設(shè)計(jì)很簡約，大大的產(chǎn)品名稱很吸引

眼球，它首頁分為“掌柜推薦、熱賣區(qū)、高品質(zhì)區(qū)、新品區(qū)，更多推薦”等5

個(gè)部分，同時(shí)它把“每周新品、店鋪熱銷，磨砂花瓶系列，高檔花瓶套裝系列”4

3

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

個(gè)模塊用不一樣的代表花瓶建立鏈接拼在了一起。熱賣區(qū)、高品質(zhì)區(qū)、新品區(qū)

都使用了一張大圖并采取了左圖右文，并用很親切的詞加上幾句短短的文案介

紹，讓消費(fèi)者更細(xì)致的了解了產(chǎn)品的特色之處。整個(gè)首頁雖然看起來簡約，但

每個(gè)框架的表達(dá)都清晰明了。

競爭對手店鋪2首頁如圖3所示：

圖3競爭對手店鋪2首頁

4

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

2.2店鋪視覺營銷定位分析

對于一個(gè)在線上新開的店鋪，最有效吸引顧客的是該店鋪頁面設(shè)計(jì)的風(fēng)格和

形象，要充分利用好視覺沖擊、頁面布局和色彩沖擊力來吸引消費(fèi)者的注意力。

而念馨的目標(biāo)顧客是偏向年輕人的，所以對于它的視覺營銷定位主要就是偏向

年輕化來設(shè)計(jì)，頁面的色調(diào)是要偏向色彩亮麗的搭配。

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

作為在線上銷售的產(chǎn)品要想吸引消費(fèi)者的青睞就要在產(chǎn)品的外觀或品質(zhì)上

做出與其不同的特色之處，因?yàn)槭峭ㄟ^互聯(lián)網(wǎng)銷售，消費(fèi)者不能更直觀的觀察

產(chǎn)品的各個(gè)方面，所以更要注重產(chǎn)品的銷售手段。特別是在外觀方面，因?yàn)閯?chuàng)

意花瓶屬于藝術(shù)品，消費(fèi)者在眾多花瓶中選中一個(gè)花瓶不僅是覺得它品質(zhì)好，

同時(shí)還是因?yàn)檫@個(gè)花瓶讓人覺得賞心悅目。

念馨的花瓶都是為家居設(shè)計(jì)的，所以花瓶的體積不能過于太大，一般都會

為各類花瓶設(shè)計(jì)2-3種尺寸供消費(fèi)者選擇，花瓶的尺寸都是會偏小型一點(diǎn)的，同

時(shí)念馨銷售的花瓶主要是以創(chuàng)意為主，所以在造型方面也是具有特色。

基于花瓶是瓷器屬于易碎品，店鋪也提供包運(yùn)費(fèi)險(xiǎn)的服務(wù)，給顧客一份保

障獲取到一定的盈利。

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

隨著現(xiàn)代社會的進(jìn)步，很多人都在慢慢注重在家里的一些儀式感，特別是

獨(dú)自在外工作的人們，都會給自己買幾束鮮花放在家，喜愛鮮花的人自然就會

買花瓶，該店鋪的消費(fèi)者主要為18-35歲的年輕人、喜愛鮮花的人和學(xué)生黨，其

中大多買花瓶的人同時(shí)都是喜歡購買鮮花的人。

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

因?yàn)楸镜甑幕ㄆ慷际潜容^偏現(xiàn)代時(shí)尚的，所以在店鋪風(fēng)格上也是要做到與

產(chǎn)品的風(fēng)格相呼應(yīng)，要以簡約現(xiàn)代風(fēng)為主。同時(shí)店鋪的花瓶都是以創(chuàng)意設(shè)計(jì)為

主，所以在設(shè)計(jì)店鋪的風(fēng)格上也要體現(xiàn)出獨(dú)特的設(shè)計(jì)感，要給人眼前一亮的感

覺，特別是在設(shè)計(jì)產(chǎn)品首頁和產(chǎn)品詳情頁，對各個(gè)模塊的框架都要展現(xiàn)出不一

樣的特色之處，要給人看起來獨(dú)具特色的同時(shí)又覺得與產(chǎn)品本身沒有任何的違

和感。

5

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

2.4店鋪色彩分析

該店鋪的背景色主要以粉紅色為主，再搭配一些流暢的白色三角形線條，

讓整個(gè)背景看起來不沉悶還具有小小的設(shè)計(jì)感，粉紅色的背景再搭配綠色和藍(lán)

色的色彩碰撞，亮色系的色彩搭配在一起碰撞出眼前一亮的感覺。而詳情頁的

背景配色也同為粉紅色，再搭配淺藍(lán)色作為每個(gè)部分框架的顏色，顏色的鮮明

對比，更容易讓消費(fèi)者一眼就看到產(chǎn)品的重點(diǎn)。

3念馨花瓶專賣淘寶店鋪視覺設(shè)計(jì)

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

在版式設(shè)計(jì)中，首先要對圖文的構(gòu)圖結(jié)構(gòu)（左圖右文，左文右圖，上圖下

文，上文下圖）、產(chǎn)品的擺放、空間排版都要想好大概的構(gòu)思；其次運(yùn)用字體、

圖片、色彩的組合來構(gòu)成店鋪整體的板式設(shè)計(jì)；最后制作出最終版式圖。整個(gè)店

鋪版式設(shè)計(jì)要做到有主次，層次分明，重點(diǎn)突出。

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

一個(gè)店鋪的首頁就相當(dāng)于線下實(shí)體店鋪的門面，首頁體現(xiàn)了店鋪在顧客心

中的外在形象，而且會影響顧客好與壞的購買體驗(yàn)，所以對于首頁的設(shè)計(jì)風(fēng)格

一定要給消費(fèi)者第一眼看到就覺得眼前一亮的感覺。一個(gè)首頁會分好幾個(gè)模塊

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

品分類區(qū)、產(chǎn)品展示區(qū)和店鋪頁尾設(shè)計(jì)8個(gè)部分。

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

6

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

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

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

在制作店招的設(shè)計(jì)時(shí)，采用了左中右的位置擺放，這個(gè)位置都擺放了不一

樣的內(nèi)容。左邊擺放了兩個(gè)花瓶，不僅增加了畫面感同時(shí)也讓消費(fèi)者一眼就能

看到該店鋪的產(chǎn)品是跟花瓶相關(guān)的。根據(jù)視覺體驗(yàn)，人第一眼注意的位置一般

都是在中間位置，所以中間擺放的是logo圖片和店鋪名稱，會更讓消費(fèi)者第一

眼就會注意到它們并且增加消費(fèi)者的記憶力。右邊擺的是“收藏本店”按鈕，

以便讓那些對該店鋪感興趣的顧客點(diǎn)擊收藏，在以后購買該店鋪的產(chǎn)品時(shí)能很

容易的在收藏店鋪中找到該店鋪。在“收藏本店”的按鈕下放一句“welcometo

myshop!”用英文來表達(dá)看起來更有創(chuàng)意，增加顧客對該店鋪的好感程度。

在店招的下方添加一個(gè)導(dǎo)航條，可以讓顧客一進(jìn)到店鋪就可以在導(dǎo)航條的

7

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

分類里點(diǎn)擊自己感興趣的區(qū)域查看產(chǎn)品，很周到并且很方便顧客瀏覽。

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

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

首頁全屏海報(bào)采用的是左右構(gòu)圖，左邊主要是產(chǎn)品圖，產(chǎn)品圖上面放了一

句生活文案，文案結(jié)合產(chǎn)品圖，讓畫面更有情景化，使顧客更好的代入這個(gè)產(chǎn)

品。右邊放的就是一些介紹產(chǎn)品的文字，有產(chǎn)品英文名稱、產(chǎn)品標(biāo)題名稱，和

一些產(chǎn)品形容詞介紹，可以讓顧客更清楚的了解該店鋪產(chǎn)品的特點(diǎn)之處，激發(fā)

顧客想看店鋪其他產(chǎn)品的欲望。

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

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

優(yōu)惠券部分主要是用一個(gè)個(gè)小的矩形框組合而成的，使優(yōu)惠券看起來層次

鮮明，每張優(yōu)惠券的下方放灰色的圓角矩形框讓整張優(yōu)惠券看起來更有立體感。

一張優(yōu)惠券的內(nèi)容有：優(yōu)惠金額、滿減數(shù)字、立即購買、點(diǎn)擊領(lǐng)取四個(gè)部分，

而左邊放的是優(yōu)惠金額，優(yōu)惠金額是顧客最關(guān)注的內(nèi)容，所以就會把它單獨(dú)放

大放在左邊，其他幾個(gè)部分就都是放在優(yōu)惠券的右邊用矩形框把它們擺放整齊，

滿減也放大擺放，是為了讓顧客看到使用優(yōu)惠券的門檻是多少?！傲⒓促徺I”按

鈕就是方便顧客點(diǎn)擊領(lǐng)取使用。

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

8

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

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

在首頁設(shè)計(jì)一個(gè)產(chǎn)品活動(dòng)區(qū)是為了更好的在消費(fèi)者面前展示本店鋪的優(yōu)惠

產(chǎn)品，讓顧客很迅速的就能看到并了解本店鋪的活動(dòng)產(chǎn)品，從而點(diǎn)擊查看并且

購買產(chǎn)品。產(chǎn)品活動(dòng)區(qū)的圖文擺放采用的是左圖右文和左文右圖的形式，從視

覺上看更有設(shè)計(jì)感和規(guī)律，在產(chǎn)品圖的旁邊把產(chǎn)品名稱、活動(dòng)價(jià)格和點(diǎn)擊購買

鏈接都顯示出來，能讓消費(fèi)者快速的就能了解該產(chǎn)品的優(yōu)惠價(jià)格。

產(chǎn)品活動(dòng)區(qū)版式設(shè)計(jì)如圖8所示：

圖8產(chǎn)品活動(dòng)區(qū)版式設(shè)計(jì)

產(chǎn)品分類區(qū)的設(shè)計(jì)可以讓消費(fèi)者和用戶更快速和方便的選擇他們感興趣的

類型產(chǎn)品并且點(diǎn)擊查看和購買，更好的促進(jìn)店鋪轉(zhuǎn)化率的提高。店鋪根據(jù)產(chǎn)品

的類型設(shè)計(jì)了三個(gè)分類，有歐式類、復(fù)古類和卡通類，每個(gè)分類下面都擺放了

9

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

三個(gè)具有代表性的產(chǎn)品，采用的是規(guī)規(guī)矩矩的上圖下文擺放規(guī)則，圖片下面顯

示了產(chǎn)品名稱和點(diǎn)擊購買鏈接，吸引消費(fèi)者點(diǎn)擊查看感興趣產(chǎn)品的更多的信息。

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

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

產(chǎn)品展示區(qū)的設(shè)計(jì)是為了讓消費(fèi)者通過這些不同類型的代表性產(chǎn)品了解該

店鋪大多產(chǎn)品的風(fēng)格特色和外觀特征，可以把店鋪的產(chǎn)品以最好的姿態(tài)和最具

有特色的一面展示給消費(fèi)者，讓消費(fèi)者達(dá)到一種賞心悅目的體驗(yàn)，從而達(dá)到宣

傳店鋪產(chǎn)品的目的，產(chǎn)品展示區(qū)整體采用的是上圖下文的擺放，版面整體看起

來都具有和諧感。

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

10

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

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

頁尾設(shè)計(jì)主要是圖片和文案的結(jié)合，整體看起來簡約大氣，用圖片和文案

表達(dá)店鋪想讓消費(fèi)者明白的東西，激起消費(fèi)者的心理反應(yīng)。頁尾的底部設(shè)計(jì)了

“返回頂部”按鈕，方便消費(fèi)者一鍵回到頂部，省去了消費(fèi)者麻煩的滑動(dòng)頁面

的操作。

頁尾版式設(shè)計(jì)如圖11所示：

11

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

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

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

詳情頁對于店鋪來說是可以通過詳細(xì)展示產(chǎn)品特點(diǎn)從而吸引買家下單，提

高轉(zhuǎn)化率的一個(gè)重要的部分，能讓消費(fèi)者清楚的了解產(chǎn)品各方面信息，同時(shí)也

減少了售前客服的咨詢工作量。

產(chǎn)品1詳情頁版式設(shè)計(jì)的內(nèi)容主要包括：情景海報(bào)圖、產(chǎn)品展示、產(chǎn)品信

息、產(chǎn)品細(xì)節(jié)、產(chǎn)品賣點(diǎn)、買家須知六個(gè)部分。

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

12

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

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

13

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

情景海報(bào)的設(shè)計(jì)是以店鋪的主推產(chǎn)品進(jìn)行設(shè)計(jì)排版，采用產(chǎn)品圖片和文字

相結(jié)合的形式向消費(fèi)者展示產(chǎn)品的外觀特點(diǎn)之處，給顧客最直觀的視覺體驗(yàn)。

海報(bào)不僅介紹了產(chǎn)品的名稱，還搭配了情景化的文案，可以給消費(fèi)者更好的場

景體驗(yàn)，從而激起顧客興趣。

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

圖13產(chǎn)品1情景海報(bào)版式設(shè)計(jì)

產(chǎn)品展示版塊是以一個(gè)個(gè)的矩形框構(gòu)成的，一個(gè)大的矩形框里面畫上四個(gè)

小圓角框，主要展示的是產(chǎn)品的幾個(gè)顏色，用白色的背景為讓消費(fèi)者更能清晰

的看出產(chǎn)品的設(shè)計(jì)。再加上符合場景的文案，更能讓消費(fèi)者代入產(chǎn)品從而激起

消費(fèi)者的興趣，整個(gè)產(chǎn)品展示版塊看起來簡約又不失細(xì)節(jié)。

產(chǎn)品1產(chǎn)品展示版式設(shè)計(jì)如圖14所示：

14

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

圖14產(chǎn)品1產(chǎn)品展示版式設(shè)計(jì)

產(chǎn)品信息版塊主要是介紹產(chǎn)品的顏色、名稱、材質(zhì)、尺寸，把內(nèi)容都放進(jìn)

一個(gè)大的矩形框，其中著重介紹的是產(chǎn)品的顏色，用一張產(chǎn)品圖再在旁邊標(biāo)注

對應(yīng)的顏色名，其他的內(nèi)容都用表格搭配文字的形式表達(dá)出來，矩形的上面部

分是產(chǎn)品顏色圖片，下面部分是表格。

產(chǎn)品1產(chǎn)品信息版式設(shè)計(jì)如圖15所示：

圖15產(chǎn)品1產(chǎn)品信息版式設(shè)計(jì)

產(chǎn)品細(xì)節(jié)版塊主要介紹的是產(chǎn)品的花瓶陶瓷表面和花瓶紋路。把這兩個(gè)部

分分別用圓矩形圈起來，放大產(chǎn)品的紋路和細(xì)節(jié)，讓消費(fèi)者更清楚的看到產(chǎn)品

特色。同時(shí)對每個(gè)部分的細(xì)節(jié)再加以文字介紹修飾，更能增加消費(fèi)者對產(chǎn)品的

了解。

產(chǎn)品1產(chǎn)品細(xì)節(jié)版式如圖16所示

15

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

圖16產(chǎn)品1產(chǎn)品細(xì)節(jié)版式設(shè)計(jì)

產(chǎn)品賣點(diǎn)版塊主要介紹產(chǎn)品能給消費(fèi)者帶來什么好處，采用的是圖文結(jié)合

的形式，用一張產(chǎn)品圖搭配場景化的文案可以給人身臨其境的感覺。整個(gè)版塊

采用了左圖右文，左文右圖的構(gòu)圖方式，交叉結(jié)合讓人看起來構(gòu)圖很和諧又不

死板。

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

圖17產(chǎn)品1產(chǎn)品賣點(diǎn)版式設(shè)計(jì)

16

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

買家須知版塊主要是針對消費(fèi)者購買產(chǎn)品時(shí)通常會遇到的一些問題和顧慮

作出解釋，給顧客更好的保障。整個(gè)部分主要以五個(gè)圓矩形框架來劃分出五個(gè)

問題，針對每個(gè)問題來作出相應(yīng)的解釋。

產(chǎn)品1買家須知版式設(shè)計(jì)如圖18所示：

圖18產(chǎn)品1買家須知版式設(shè)計(jì)

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

產(chǎn)品2詳情頁版式設(shè)計(jì)圖與產(chǎn)品1版式設(shè)計(jì)圖的配色是差不多的，都是粉

紅色和藍(lán)色為主。

產(chǎn)品2詳情頁版式設(shè)計(jì)的內(nèi)容主要包括：產(chǎn)品情景海報(bào)圖、產(chǎn)品展示、產(chǎn)

品信息、產(chǎn)品細(xì)節(jié)、產(chǎn)品賣點(diǎn)、買家須知六個(gè)部分。

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

17

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

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

情景海報(bào)圖采用的圖文結(jié)合，包括了一張產(chǎn)品圖，產(chǎn)品名稱，還有兩句情

18

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

景文案。

產(chǎn)品2情景海報(bào)版式設(shè)計(jì)如圖20所示：

圖20產(chǎn)品2情景海報(bào)版式設(shè)計(jì)

產(chǎn)品信息主要分為三個(gè)部分，采用的是上中下構(gòu)圖，上部分主要介紹的是

產(chǎn)品的名稱、風(fēng)格、款式和材質(zhì)，中間部分放了該款花瓶的款式圖，并加以名

稱介紹，下面部分則是用圓圈框作框架詳細(xì)介紹了該產(chǎn)品的所有尺寸。

產(chǎn)品展示部分采用的是上圖下文的構(gòu)圖，放入六張不同款式的花瓶圖片，

采用兩行三列的擺放，整整齊齊的視覺感，圖片下面再加上一句簡單文案，促

使顧客購買欲望。

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

19

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

圖21產(chǎn)品2產(chǎn)品信息、產(chǎn)品展示版式設(shè)計(jì)

細(xì)節(jié)展示部分采用的左文右圖和左圖右文的構(gòu)圖形式，把要介紹的產(chǎn)品細(xì)

節(jié)部分都用矩形框放大圈起來，能讓消費(fèi)者更清楚的看到產(chǎn)品的細(xì)節(jié)部分，加

以文字介紹，讓消費(fèi)者更快了解產(chǎn)品的特點(diǎn)。

產(chǎn)品賣點(diǎn)部分也是圖文結(jié)合的形式，圖片加文案給顧客更好的代入感，更

容易讓顧客了解該產(chǎn)品的用處和給自己帶來的好處，可以增加消費(fèi)者的下單轉(zhuǎn)

化率。

賣家須知部分和產(chǎn)品1的賣家須知部分版式和內(nèi)容是一樣的。

產(chǎn)品2細(xì)節(jié)展示、產(chǎn)品賣點(diǎn)和賣家須知版式設(shè)計(jì)如圖22所示:

20

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

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

3.2文案策劃

文案策劃對于店鋪來說是一個(gè)缺一不可的部分，好的文案能寫入人心，并

能與消費(fèi)者產(chǎn)生共鳴，更好的將產(chǎn)品的賣點(diǎn)凸顯出來，明確消費(fèi)者的導(dǎo)購性，

促使消費(fèi)者下單購買。

3.2.1店鋪首頁文案策劃

店鋪首頁文案是店鋪的核心部分，一個(gè)好的首頁文案對消費(fèi)者是有很強(qiáng)大

21

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

的吸引力的，首頁文案設(shè)計(jì)重點(diǎn)部分主要包括有店招區(qū)域（含導(dǎo)航欄）、首頁海

報(bào)、產(chǎn)品展示區(qū)、頁尾四個(gè)部分。

店招的文案設(shè)計(jì)主要集中的是在中間部分，店鋪名稱的下面加上“花瓶給花

的專屬浪漫”，字面意思給人感覺就很浪漫。右邊設(shè)計(jì)一個(gè)矩形框加一句“收藏

本店”，并設(shè)計(jì)按鈕鏈接，讓對店鋪感興趣的消費(fèi)者可以直接點(diǎn)擊收藏店鋪，同

時(shí)還在“收藏店鋪”按鈕的下面加上了一句英文“welcometomyshop!”,表示了

店鋪對顧客的歡迎和重視。首頁海報(bào)的文案主要集中在海報(bào)的左右兩邊，左邊

有“給生活增添一份精致”，結(jié)合下方的產(chǎn)品圖，把文案代入圖片就很有場景化，

激發(fā)顧客的想象。右邊有“CREATIVEVASE”、“家居創(chuàng)意花瓶”產(chǎn)品的名稱，

“新穎/時(shí)尚/精致/浪漫”是為了突出產(chǎn)品的特點(diǎn)和賣點(diǎn)，讓消費(fèi)者更了解產(chǎn)品優(yōu)

點(diǎn)。

產(chǎn)品展示區(qū)的文案主要集中在每個(gè)產(chǎn)品名稱的下面，對每個(gè)產(chǎn)品的特點(diǎn)都用

簡短的文案來形容出來，有“簡約設(shè)計(jì)風(fēng)”、“藝術(shù)輕奢風(fēng)”、“趣味南瓜造型”等，

讓顧客結(jié)合圖片看文案更能使顧客了解該產(chǎn)品的特色之處。

尾頁的文案“富有藝術(shù)氣息的花器，亦是演繹生活最好的表達(dá)”，帶有情感

色彩，容易激發(fā)顧客的情感，產(chǎn)生共鳴。

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

產(chǎn)品1詳情頁文案主要設(shè)計(jì)在情景海報(bào)。、產(chǎn)品細(xì)節(jié)、產(chǎn)品賣點(diǎn)、買家須知。

情景海報(bào)在產(chǎn)品名稱下面加上“打造家居創(chuàng)意，追求藝術(shù)之美”，再搭配店

鋪獨(dú)具特點(diǎn)的主推產(chǎn)品，會給消費(fèi)者帶來雙重影響，結(jié)合圖文想象場景。

產(chǎn)品細(xì)節(jié)是為了更好的為消費(fèi)者了解產(chǎn)品的細(xì)節(jié)部分，只放圖片顯得太片

面了，所以就給每個(gè)細(xì)節(jié)圖都加了幾句描述細(xì)節(jié)文案，像“光滑陶瓷表面，寬

敞口設(shè)計(jì)，隨意放植物花朵”，加上能讓顧客迅速的找到產(chǎn)品特點(diǎn)所在，更容易

使消費(fèi)者捕捉到產(chǎn)品的重點(diǎn)部分。

產(chǎn)品賣點(diǎn)的文案都是為了突出產(chǎn)品的特點(diǎn)，字里行間可以表達(dá)出能給消費(fèi)

者帶來的好處，如“只需一個(gè)奶呼呼的的花瓶，高級感瞬間上升到了極致”，這

句文案搭配產(chǎn)品圖，就很好的呈現(xiàn)了這個(gè)產(chǎn)品能給消費(fèi)者的家居生活帶來別樣

的精致和高級感。

賣家須知就是根據(jù)一些消費(fèi)者在購物和物流中經(jīng)常遇到的一些顧慮和問題

做出相應(yīng)的解答，例如實(shí)物與拍攝色差、物流、支付方式等，都做出了詳細(xì)的

解釋，讓消費(fèi)者買的放心。

22

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

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

產(chǎn)品2詳情頁文案主要設(shè)計(jì)在情境海報(bào)、產(chǎn)品展示、細(xì)節(jié)展示、產(chǎn)品賣點(diǎn)、

買家須知這幾個(gè)部分。

情景海報(bào)的文案“為懂精致的你，給予更迷人的視覺”，沒有很刻意的從產(chǎn)

品的角度詮釋，但是又能讓消費(fèi)者從這句文案中讀懂宣傳產(chǎn)品的間接意思。

產(chǎn)品展示的文案主要是想表達(dá)產(chǎn)品的百搭型，“更多組合搭配，無論怎么搭

配都很nice”，直接點(diǎn)明主題。

細(xì)節(jié)展示的文案設(shè)計(jì)都是為了讓顧客結(jié)合細(xì)節(jié)圖更好的了解產(chǎn)品的細(xì)節(jié)部

分從而知道產(chǎn)品的特色之處。

產(chǎn)品賣點(diǎn)的文案設(shè)計(jì)主要是從產(chǎn)品能給消費(fèi)者帶來視覺享受的角度設(shè)計(jì)的，

激起消費(fèi)者對店鋪產(chǎn)品產(chǎn)生購買興趣。

買家須知的文案和產(chǎn)品詳情1文案設(shè)計(jì)是一樣的，都是針對在選購商品時(shí)

遇到的一些問題從而做出解釋。

4念馨花瓶專賣淘寶店鋪視覺效果制作

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

店鋪的店招設(shè)計(jì)主要有l(wèi)ogo、店鋪名稱、情景文案、收藏本店。

店鋪logo是根據(jù)店鋪產(chǎn)品設(shè)計(jì)的，直擊主題，讓消費(fèi)者看到logo就能了解

都店鋪賣的是什么產(chǎn)品；店鋪名稱“念馨”，“念”想表達(dá)的是思念，“馨”想表

達(dá)的是店鋪產(chǎn)品能讓家中充滿溫馨浪漫的氛圍。文案“花瓶給花的專屬浪漫”，

與店鋪名稱想呼應(yīng)，喜歡花瓶的人肯定也熱愛買花瓶，爛漫溫馨的感覺?！笆詹?/p>

本店”按鈕方便讓對店鋪感興趣的顧客直接可以點(diǎn)擊收藏。

店招的背景色以嫩嫩的粉紅色為主，因?yàn)榈赇佷N售的是創(chuàng)意花瓶，所以店

招的風(fēng)格也要顯得獨(dú)特有活力，給人眼前一亮的感覺。在最下方設(shè)計(jì)了導(dǎo)航條，

有“首頁”、“所有寶貝”、“新品優(yōu)惠”、“熱賣推薦”、“店鋪服務(wù)”幾個(gè)按鈕，

方便顧客直接點(diǎn)擊自己想了解的區(qū)域查看。

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

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

23

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

4.2店鋪首頁效果圖制作

首頁代表店鋪形象，消費(fèi)者從首頁的設(shè)計(jì)上就可以評判店鋪的產(chǎn)品是否精

美，因?yàn)槿硕荚敢鉃槊篮玫臇|西買單的。店鋪的裝修不一定要多么有設(shè)計(jì)感，

但一定要設(shè)計(jì)的符合店鋪和產(chǎn)品的定位最為合適。本店鋪的首頁設(shè)計(jì)部分有店

招、情景海報(bào)、優(yōu)惠券、產(chǎn)品活動(dòng)區(qū)。產(chǎn)品分類區(qū)、尾頁六個(gè)部分。

本店鋪的首頁背景色為嫩粉色，顏色很活潑，很亮眼，在粉紅色的襯托下，

再以藍(lán)色為主，綠色為輔，兩個(gè)靚麗的顏色碰撞在一起搭配框架，就很吸引人

的眼球。整個(gè)首頁的色彩搭配看起來都很亮眼，色彩層次感很強(qiáng)，整個(gè)畫面的

色彩搭配比較簡約又有創(chuàng)意，顏色都很活潑。

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

首頁海報(bào)整個(gè)畫面看起來是比較簡約并具有高級感，背景圖是嫩粉色，整

個(gè)背景圖的邊緣再用一個(gè)白色的矩形框框起來，讓背景看起來沒有那么單調(diào)。

海報(bào)采用的是左右構(gòu)圖，左邊放的是店鋪主推的產(chǎn)品圖，產(chǎn)品圖在粉色背景的

襯托下在視覺上看起來就顯得更加精致。在產(chǎn)品圖的上方放一句場景化的文案，

讓顧客看到圖文結(jié)合產(chǎn)生不一樣的心理反應(yīng)。右邊是中英文結(jié)合的產(chǎn)品名稱,有

“CREATIVEVASE”和“家居創(chuàng)意花瓶”，在名稱下面還用詞語簡單的介紹了

產(chǎn)品的特點(diǎn)。在圖片和文字的下方設(shè)計(jì)了一個(gè)白色的矩形框，并利用工具拉出

了一個(gè)立體桌子的視覺感，讓整張海報(bào)看起來更具有層次感。

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

圖24首頁海報(bào)效果

24

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

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

優(yōu)惠券版塊的設(shè)計(jì)比較簡單，背景就是一片白色的，三張優(yōu)惠券，分別有

20、30、50的優(yōu)惠券，優(yōu)惠券的色調(diào)也是粉紅色和藍(lán)色，跟整個(gè)首頁的顏色是

呼應(yīng)上的，優(yōu)惠券的左邊是優(yōu)惠的金額，右邊有滿減額、“立即使用”、“點(diǎn)擊領(lǐng)

取”按鈕。

優(yōu)惠券設(shè)計(jì)效果如圖25所示：

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

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

產(chǎn)品分類區(qū)是為了方便讓消費(fèi)者看到產(chǎn)品的款式和類型，從而根據(jù)產(chǎn)品的

款式而設(shè)計(jì)了三個(gè)不同的分類區(qū)，有歐式類花瓶、復(fù)古類花瓶、卡通類花瓶三

個(gè)分類，在每個(gè)分類名右邊設(shè)計(jì)了“查看更多”按鈕，方便消費(fèi)者點(diǎn)擊查看更

多同款式類型的產(chǎn)品，每個(gè)分類下面都放有三個(gè)代表產(chǎn)品的圖片，圖片下面都

有設(shè)計(jì)產(chǎn)品名稱，產(chǎn)品名下面設(shè)計(jì)了“點(diǎn)擊購買”按鈕，便于消費(fèi)者對產(chǎn)品感

興趣的話可以直接點(diǎn)擊購買。

產(chǎn)品分類區(qū)效果如圖26所示：

25

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

圖26產(chǎn)品分類區(qū)效果

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

產(chǎn)品展示區(qū)就是拿出店鋪一些具有特色性的產(chǎn)品放在首頁對顧客進(jìn)行展示，

分別用白色的圓角矩形框框住兩個(gè)產(chǎn)品圖依次往下排，產(chǎn)品圖的背景圖是綠色

的，更能把產(chǎn)品凸顯出來，產(chǎn)品圖下面顯示的有產(chǎn)品名稱、介紹文案，產(chǎn)品價(jià)

格。

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

26

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

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

4.2.5頁尾效果圖制作

頁尾的設(shè)計(jì)比較簡約，采用的是左圖右文的構(gòu)圖，左邊放的是兩句文案，

27

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

右邊放的是一張與店鋪產(chǎn)品相關(guān)的圖片，在最底部設(shè)計(jì)了“返回頂部”按鈕，

方便顧客點(diǎn)擊回到最初的位置。

頁尾效果如圖28所示：

圖28頁尾效果

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

產(chǎn)品1詳情頁的產(chǎn)品介紹叫“莫蘭迪布袋花瓶”，是店鋪的主推產(chǎn)品之一。

詳情頁的版塊分別有情景海報(bào)、產(chǎn)品展示、產(chǎn)品信息、產(chǎn)品細(xì)節(jié)、產(chǎn)品賣點(diǎn)、

買家須知六個(gè)部分組成。

4.3.1主副圖效果圖制作

產(chǎn)品主圖是顧客點(diǎn)開購買平臺最先看到的圖片，所以主圖的設(shè)計(jì)一定要吸

引顧客的注意力，該主圖的背景色為粉紅色，在產(chǎn)品的下面放了一個(gè)綠色的矩

形，看圖片有一種立體的視覺感，產(chǎn)品圖的下方有優(yōu)惠價(jià)和優(yōu)惠活動(dòng)，產(chǎn)品圖

的上方有產(chǎn)品名稱和產(chǎn)品賣點(diǎn)，整張圖片看起來簡約大方，顏色吸精。

28

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

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

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

副圖1的背景色為粉紅色，主要介紹的是產(chǎn)品的顏色，產(chǎn)品采用兩排兩列

的擺放，每個(gè)產(chǎn)品圖的旁邊都用一個(gè)相同顏色填充在矩形框里，最下方再寫上

“四種顏色任你挑選”；副圖2的背景圖也是粉紅色，采用的是上文下圖的構(gòu)圖，

主要介紹的是產(chǎn)品的兩個(gè)賣點(diǎn)，給產(chǎn)品圖片的下方設(shè)計(jì)一個(gè)倒影效果，給人一

種立體的視覺感；副圖3的背景色為白色，采用的是上圖下文的構(gòu)圖，主要想

表達(dá)的是店鋪的贈(zèng)送活動(dòng)。

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

29

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

圖31副圖1設(shè)計(jì)效果

圖30副圖2設(shè)計(jì)效果

30

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

圖32副圖3設(shè)計(jì)效果

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

產(chǎn)品1詳情頁的背景色為粉紅色，主顏色為藍(lán)色，輔助色為白色，這三個(gè)

顏色的搭配給人眼前一亮的視覺感。

情景海報(bào)的背景色為藍(lán)色，藍(lán)色跟下方的背景色粉紅色區(qū)別開來，整個(gè)畫

面看起來比較簡約大氣，采用上文下圖的構(gòu)圖。

產(chǎn)品展示主要是展示不同顏色的產(chǎn)品，藍(lán)色的大矩形框里面有四個(gè)白色的

小圓角矩形框里面放著不同顏色的產(chǎn)品圖，白色的背景更能讓消費(fèi)者清晰的看

出產(chǎn)品的顏色。產(chǎn)品信息主要介紹的就是產(chǎn)品的一些基礎(chǔ)信息，有產(chǎn)品名、顏

色、材質(zhì)、尺寸。產(chǎn)品細(xì)節(jié)主要展示的是產(chǎn)品的表面和紋路，放大的細(xì)節(jié)圖加

上文字的說明，讓消費(fèi)者更了解產(chǎn)品。產(chǎn)品賣點(diǎn)的設(shè)計(jì)同樣是圖片加文字說明。

買家須知是從拍攝、標(biāo)價(jià)、物流、收貨、支付方式五個(gè)方面進(jìn)行詳細(xì)都說明，

給顧客更好的保障。

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

31

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

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

32

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

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

產(chǎn)品2詳情頁的產(chǎn)品介紹叫“素胚.仿真花套裝”，是店鋪的主推產(chǎn)品之一。

詳情頁的版塊分別有情景海報(bào)、產(chǎn)品展示、產(chǎn)品信息、產(chǎn)品細(xì)節(jié)、產(chǎn)品賣點(diǎn)、

買家須知六個(gè)部分組成。

4.4.1主副圖效果圖制作

主圖的背景色為粉紅色，整體分為了三個(gè)部分，上部分是產(chǎn)品名稱和特色

之處，中間是產(chǎn)品圖，下面放的是產(chǎn)品活動(dòng)價(jià)和滿減活動(dòng)。對產(chǎn)品活動(dòng)價(jià)和滿

減活動(dòng)的區(qū)域都用了加粗放大，用不同顏色的矩形框分別框出來，可以讓消費(fèi)

者一眼就看到了重點(diǎn)部分，在背景色上設(shè)計(jì)了一個(gè)透明白色矩形框放在產(chǎn)品圖

的下方，讓整個(gè)畫面看起來沒那么單調(diào)。

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