曉曉的店1234網(wǎng)店視覺(jué)營(yíng)銷設(shè)計(jì)方案

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

目錄

1曉曉的店1234店鋪概況.........................................1

1.1蔬果類淘寶店鋪發(fā)展現(xiàn)狀....................................1

1.2曉曉的店1234淘寶店鋪現(xiàn)狀.................................2

2曉曉的店1234店鋪視覺(jué)營(yíng)銷分析.................................2

2.1競(jìng)爭(zhēng)對(duì)手分析..............................................2

2.1.1競(jìng)爭(zhēng)對(duì)手店鋪1.........................................2

2.1.2競(jìng)爭(zhēng)對(duì)手店鋪2.........................................6

2.2店鋪視覺(jué)營(yíng)銷定位分析.....................................10

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

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

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

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

3曉曉的店1234店鋪視覺(jué)設(shè)計(jì)....................................11

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

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

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

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

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

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

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

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

4曉曉得店1234店鋪視覺(jué)效果制作................................18

4.1店鋪效果制作.............................................18

4.1.1店招設(shè)計(jì)過(guò)程.........................................18

4.1.2海報(bào)制作.............................................19

I

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

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

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

4.2.1產(chǎn)品1主副圖效果制作.................................23

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

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

4.3.1產(chǎn)品2主副圖效果圖制作...............................27

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

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

參考資料.......................................................32

II

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

曉曉的店1234網(wǎng)店視覺(jué)營(yíng)銷設(shè)計(jì)方案

1曉曉的店1234店鋪概況

曉曉的店1234的店鋪開(kāi)店時(shí)間是2022年10月31日，是近年在淘寶開(kāi)創(chuàng)

的個(gè)人店鋪，他的主營(yíng)業(yè)務(wù)是經(jīng)營(yíng)蔬果類的類目。店鋪的供貨位置是在農(nóng)家，

所以該店鋪的寶貝都是農(nóng)家自種、特產(chǎn)的蔬菜水果。其中不乏有一些其他地區(qū)

的蔬菜水果，但是主要特色還是農(nóng)家自種特色。該店的命名“曉曉的店

1234”，該名稱的特點(diǎn)就是“曉曉”同“小小”，既能讓顧客快速的記住這個(gè)

店，又能強(qiáng)調(diào)這個(gè)店的個(gè)人特色溫馨感，從而讓購(gòu)買過(guò)的顧客更好的記住這個(gè)

店鋪，提升店鋪的回購(gòu)率和顧客忠誠(chéng)度。

1.1蔬果類淘寶店鋪發(fā)展現(xiàn)狀

蔬菜水果本身就是人們?nèi)粘Ｉ钪兴匦璧氖称?，隨著互聯(lián)網(wǎng)的發(fā)展，電

子商務(wù)的發(fā)展趨勢(shì)是和人們的生活息息相關(guān)的，隨著時(shí)代的發(fā)展，消費(fèi)者的網(wǎng)

購(gòu)需求不斷增加，新鮮食品儲(chǔ)存手段的進(jìn)步，已經(jīng)不再擔(dān)心線上銷售的水果蔬

菜是否會(huì)有儲(chǔ)存不當(dāng)?shù)膯?wèn)題，所以很多人會(huì)在淘寶中尋找蔬菜水果類的商品，

因此大量的蔬果類店鋪就有了巨大的上升空間，每個(gè)店主都在希望著可以從中

獲得大量的利潤(rùn)，尤其是針對(duì)農(nóng)戶而言，有了更多的銷售渠道。

蔬菜水果是我們國(guó)家人民群眾最喜愛(ài)的食品，而且隨著近幾年來(lái)蔬果產(chǎn)品

銷售體制的改革，種植結(jié)構(gòu)的調(diào)整，以及我國(guó)國(guó)民對(duì)食品安全的關(guān)注度不斷提

升，蔬果行業(yè)迅速發(fā)展產(chǎn)量也隨之不斷升高。根據(jù)中研普華產(chǎn)品院研究報(bào)告

《2022-2017年新鮮果蔬行業(yè)市場(chǎng)深度分析及發(fā)展規(guī)劃咨詢綜合研究報(bào)告》分

析：2021年，全球新鮮蔬菜市場(chǎng)規(guī)模達(dá)到43950.36億元，中國(guó)按全球25%的占

有率算超過(guò)10000億元。在2021-2027預(yù)測(cè)期間內(nèi)，預(yù)計(jì)全球新鮮蔬菜市場(chǎng)將

以3.11%的復(fù)合年增長(zhǎng)率增長(zhǎng)，并預(yù)測(cè)至2027年全球新鮮蔬菜市場(chǎng)總規(guī)模將三

會(huì)達(dá)到52805.36億元。中國(guó)的水果銷售市場(chǎng)已由2016年的8273億元增至2021

年的12290億元，年復(fù)合增長(zhǎng)率為8.2%，預(yù)計(jì)2026年按零售額記，水果市場(chǎng)

的市場(chǎng)規(guī)模將達(dá)17752億元，年復(fù)合增長(zhǎng)率為7.6%。

綜上所述，隨著水果蔬菜產(chǎn)量和質(zhì)量的不斷發(fā)展，我國(guó)的國(guó)民消費(fèi)結(jié)構(gòu)升

級(jí)、冷鏈物流和農(nóng)產(chǎn)品融合發(fā)展，未來(lái)智慧農(nóng)業(yè)將深入農(nóng)業(yè)各個(gè)環(huán)節(jié)進(jìn)一步推

動(dòng)農(nóng)產(chǎn)品行業(yè)發(fā)展。

1

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

1.2曉曉的店1234淘寶店鋪現(xiàn)狀

曉曉的店1234淘寶C店于2022年在淘寶平臺(tái)注冊(cè)店鋪，它雖然是個(gè)很新

的店鋪，但是蔬菜水果類售賣的價(jià)格不高，并未設(shè)店置鋪優(yōu)惠券，并且有非常

的優(yōu)惠活動(dòng)。其次，店鋪主打的純天然綠色農(nóng)家自種蔬果，具有強(qiáng)烈的地方特

色，再加上淘寶本身對(duì)新店有著免費(fèi)的流量支持，所以吸引了一批想要原生

態(tài)、綠色、無(wú)污染，并且對(duì)于這種特色表示興趣的消費(fèi)者光顧，由于本身是一

個(gè)農(nóng)家自種的店鋪，所以品類相對(duì)局限性較多，店鋪的流量高峰期也是在我們

店鋪商品的成熟季。

2曉曉的店1234店鋪視覺(jué)營(yíng)銷分析

近年來(lái)，我國(guó)電子商務(wù)行業(yè)的快速發(fā)展，消費(fèi)者越來(lái)越重視網(wǎng)絡(luò)購(gòu)物，對(duì)

消費(fèi)者來(lái)說(shuō)，網(wǎng)購(gòu)有非常多的選擇，所以網(wǎng)店視覺(jué)營(yíng)銷就顯得尤為重要，好看

的店面、有趣的裝修風(fēng)格會(huì)更容易吸引到消費(fèi)者的關(guān)注。非常多的消費(fèi)者在選

購(gòu)商品的時(shí)候會(huì)先對(duì)商品圖片進(jìn)行比較，會(huì)看產(chǎn)品封面所呈現(xiàn)出來(lái)的產(chǎn)品圖

片、商品的價(jià)格、配送服務(wù)、支付方式和是否有很好的售后服務(wù)，這些功能以

及說(shuō)明都是需要放在消費(fèi)者點(diǎn)擊就能看到的地方。所以視覺(jué)營(yíng)銷是讓一個(gè)網(wǎng)店

走向成功的不可或缺的組成部分，我將會(huì)從競(jìng)爭(zhēng)對(duì)手的各個(gè)方面（圖片、價(jià)

格、配送、支付、服務(wù)）對(duì)比中來(lái)完善我們的視覺(jué)營(yíng)銷。

2.1競(jìng)爭(zhēng)對(duì)手分析

人們都是用眼睛看見(jiàn)店鋪的裝修，留下第一印象的，所以想要我們能夠招

更多的顧客首先就是要將我們的網(wǎng)店裝修的與競(jìng)爭(zhēng)對(duì)手相比更為的特別，更加

的吸引消費(fèi)者。我們先了解了競(jìng)爭(zhēng)對(duì)手的裝修風(fēng)格以及他們的裝修特點(diǎn)，有利

于我們打造出與競(jìng)爭(zhēng)者的店鋪?zhàn)龀霾町惢⒏怀鲎晕业囊曈X(jué)效果。

2.1.1競(jìng)爭(zhēng)對(duì)手店鋪1

同經(jīng)營(yíng)類目中，我們店鋪主要競(jìng)爭(zhēng)對(duì)手之一就是“幸福農(nóng)場(chǎng)有機(jī)農(nóng)產(chǎn)品”。

“幸福農(nóng)場(chǎng)有機(jī)農(nóng)產(chǎn)品”的網(wǎng)址：/，該店鋪是

在2016年8月30日入駐淘寶的，開(kāi)店時(shí)長(zhǎng)已有6年，所以相對(duì)來(lái)說(shuō)消費(fèi)者會(huì)

比較信賴這種官方認(rèn)證的6年老店，并且該店鋪已通過(guò)金牌賣家認(rèn)證，說(shuō)明消

費(fèi)者在該店無(wú)論是從它的服務(wù)還是物流上購(gòu)物體驗(yàn)是非常的好的。“幸福農(nóng)家

有機(jī)產(chǎn)品”店鋪的DSR評(píng)分都很高三項(xiàng)都有4.8分。蔬菜水果這類的產(chǎn)品是人

2

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

們?nèi)粘Ｉ钪兴匦璧?，所以它的目?biāo)顧客是所有的大眾，小到啼哭兒童上至

耄耋老人都是需要攝入蔬菜和水果的營(yíng)養(yǎng)的。幸福農(nóng)家有機(jī)產(chǎn)品的特點(diǎn)就是有

機(jī)農(nóng)產(chǎn)品，宣傳的就是安全無(wú)藥殘留，店鋪產(chǎn)品的價(jià)格也是相對(duì)偏低的。

分析有利的競(jìng)爭(zhēng)對(duì)手自然是要分析競(jìng)爭(zhēng)對(duì)手的店鋪視覺(jué)營(yíng)銷效果，我對(duì)幸

福農(nóng)場(chǎng)有機(jī)農(nóng)產(chǎn)品的分析效果如表1所示。

表1“幸福農(nóng)場(chǎng)有機(jī)農(nóng)產(chǎn)品”視覺(jué)效果分析

效果

競(jìng)爭(zhēng)對(duì)手店鋪截圖分析總結(jié)

分析

優(yōu)點(diǎn)：海報(bào)和店招用的是

同一色系的配色，顏色搭

配相當(dāng)和諧，店招用的是

一個(gè)淺綠色沒(méi)有其他的裝

飾物主要突出的就是店鋪

的logo和名字；海報(bào)是實(shí)

店拍的場(chǎng)景加上宣傳文案

招、“綠色健康”“有機(jī)純

海報(bào)凈”，說(shuō)明了本店的兩大特

分析色。

缺點(diǎn)：右上角沒(méi)有活動(dòng)信

息也沒(méi)有店鋪收藏或者是

聯(lián)系客服的通道，店招和

海報(bào)上也沒(méi)有什么裝飾和

主副宣傳文案、活動(dòng)文案

顯得比較粗糙。

優(yōu)點(diǎn)：導(dǎo)航區(qū)域分了4個(gè)

區(qū)域是按照店鋪的活動(dòng)進(jìn)

導(dǎo)航行的分類，比較方便顧客

區(qū)和進(jìn)店時(shí)顯得自己想要的活

活動(dòng)動(dòng)區(qū)，并且導(dǎo)航區(qū)域并沒(méi)

區(qū)域有只用單調(diào)的文字標(biāo)注，

分析而是做了草地的加木牌的

美化，加上文字會(huì)比較吸

引消費(fèi)者；活動(dòng)區(qū)域做的

3

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

是新品上市的2個(gè)寶貝，

展示圖詳細(xì)的說(shuō)明了主要

的的活動(dòng)內(nèi)容。整個(gè)大塊

的區(qū)域主色調(diào)是綠色，風(fēng)

格相對(duì)簡(jiǎn)約。

缺點(diǎn)：導(dǎo)航的分類相對(duì)較

寬，無(wú)法精確導(dǎo)航，活動(dòng)

區(qū)也是設(shè)計(jì)得比較簡(jiǎn)單，

促銷標(biāo)簽過(guò)小，并沒(méi)有很

直觀的突出。

優(yōu)點(diǎn)：寶貝推薦區(qū)的標(biāo)題

是熱帶風(fēng)/鮮果季，現(xiàn)在的

時(shí)間是初夏，所以推薦片

區(qū)放的也是符合季節(jié)的商

品，而且推薦的這幾款寶

寶貝

貝是日常銷售比較高的，

推薦

能夠更好的引流更容易獲

區(qū)分

得顧客的認(rèn)可和支持。

析

缺點(diǎn)：寶貝的排序方式并

非有序美觀，也沒(méi)有分清

主推的是哪個(gè)類別2個(gè)區(qū)

域的寶貝差不多，比較浪

費(fèi)推薦位置。

優(yōu)點(diǎn)：頁(yè)尾區(qū)域是有4個(gè)

客服的聯(lián)系方式，方便顧

客咨詢。然后是購(gòu)買須知

發(fā)貨說(shuō)明和聯(lián)系方式，告

首頁(yè)

知了顧客一般購(gòu)買時(shí)需要

頁(yè)尾

注意的售前售后問(wèn)題。最

分析

底下也做了導(dǎo)航條即使瀏

覽到頁(yè)尾了還是可以很方

便的去到其他區(qū)域。

缺點(diǎn)：沒(méi)有做返回頂部的

4

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

標(biāo)簽雖然可以去其他區(qū)域

但是想要到最頂上還是需

要自己去翻，比較耽誤時(shí)

間，并不方便顧客瀏覽。

優(yōu)點(diǎn)：主圖的主文案強(qiáng)調(diào)

的是產(chǎn)品的精品和促銷方

式，副文案體現(xiàn)了綠色健

康，對(duì)產(chǎn)品的提煉很精

簡(jiǎn)，主副文案有明顯的差

主副距，主次分明，并且放大

圖分強(qiáng)調(diào)了促銷價(jià)格和發(fā)貨時(shí)

析間；副圖放了產(chǎn)品的實(shí)物

圖，簡(jiǎn)單明了。

缺點(diǎn)：主圖的促銷圖標(biāo)不

夠明顯，副圖過(guò)于簡(jiǎn)約并

沒(méi)有補(bǔ)充說(shuō)明產(chǎn)品的其他

特點(diǎn)。

5

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

優(yōu)點(diǎn)：色彩搭配是土黃色

為主，搭配上綠色的蔬菜

圖片，配色讓整個(gè)畫面看

起來(lái)舒適和諧；文字大小

做了區(qū)分，標(biāo)題和小型的

副文案使整個(gè)畫面有了層

次感，有效地傳遞信息方

便閱讀；字體也是只用到

了兩種不會(huì)引起視覺(jué)疲

詳情

勞，主要風(fēng)格與整組圖也

頁(yè)分

是相一致的。

析

缺點(diǎn)：裝飾上過(guò)于單調(diào)，

并沒(méi)有對(duì)詳情頁(yè)進(jìn)行精細(xì)

的美化，在視覺(jué)上會(huì)不那

么吸引消費(fèi)者，重點(diǎn)說(shuō)明

沒(méi)有用更深的顏色去突出

重點(diǎn)，與其他圖片和文案

反差，難以傳達(dá)重要信

息。排版方式過(guò)于單一，

沒(méi)有太大的視覺(jué)沖擊力。

2.1.2競(jìng)爭(zhēng)對(duì)手店鋪2

本店鋪另一個(gè)有力的競(jìng)爭(zhēng)對(duì)手是“一馮農(nóng)選”，對(duì)方的店鋪網(wǎng)址是

/，“一馮農(nóng)選”到目前為止開(kāi)店已有8年是一家金牌

認(rèn)證的8年老店，并且對(duì)方的信譽(yù)等級(jí)有五顆星，顧客會(huì)產(chǎn)生較高的信賴。該

店鋪的DSR評(píng)分并不算很高，基本上都與行業(yè)標(biāo)準(zhǔn)持平，由于開(kāi)店時(shí)間較長(zhǎng)，

回頭客相對(duì)較多。該店鋪的主要特色是“速凍”和“冷凍”，它面向的受眾多

數(shù)是喜歡方便儲(chǔ)存食品的消費(fèi)者和愛(ài)吃冷食的顧客。由于店鋪的寶貝種類較

6

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

多，比較容易會(huì)搶占我們的市場(chǎng)。

對(duì)于“一馮農(nóng)選”的視覺(jué)效果分析如表2所示。

表2“一馮農(nóng)選”視覺(jué)效果分析

效果

競(jìng)爭(zhēng)對(duì)手店鋪截圖分析總結(jié)

分析

優(yōu)點(diǎn)：店招風(fēng)格簡(jiǎn)約，主

要色調(diào)是綠色，在深淺上

分出層次，主要突出的是

店鋪的名字，店招的美化

店是體現(xiàn)在店鋪名字上面

招、的。

海報(bào)缺點(diǎn)：店招過(guò)于簡(jiǎn)約，沒(méi)

分析有更多的美化和視覺(jué)沖擊

感；沒(méi)有海報(bào)，導(dǎo)航條也

并未進(jìn)行其他分類，只有

首頁(yè)和全部寶貝這2個(gè)分

類。

優(yōu)點(diǎn)：寶貝推薦區(qū)域排版

有序，主推產(chǎn)品排序放在

前面。格子是的排版，簡(jiǎn)

單明了也易于操作，迎合

寶貝

了顧客的瀏覽習(xí)慣

推薦

缺點(diǎn)：沒(méi)有按照用途的不

區(qū)分

同和風(fēng)格的不同進(jìn)行歸

析

納，也沒(méi)有對(duì)這塊區(qū)域進(jìn)

行更多的更詳細(xì)的區(qū)分。

主推產(chǎn)品也沒(méi)有重點(diǎn)突

出，欠缺層次感。

優(yōu)點(diǎn)：頁(yè)尾的主要部分講

首頁(yè)的就是售后的發(fā)貨問(wèn)題，

頁(yè)尾這是大部分買家關(guān)心的事

分析情。

缺點(diǎn)：并沒(méi)有其他更多的

7

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

信息，比如聯(lián)系方式、售

前相關(guān)的其他信息。底部

沒(méi)有返回頂部的導(dǎo)航條也

沒(méi)有去往其他區(qū)域的導(dǎo)航

窗格。

優(yōu)點(diǎn)：主圖的主要重點(diǎn)是

活動(dòng)內(nèi)容和發(fā)貨的特點(diǎn)，

用紅色背景和字體更為鮮

明，能夠讓顧客第一眼就

注意到；副圖是商品的種

植實(shí)物圖，配合了主圖宣

主副

傳的的“新鮮”。

圖分

缺點(diǎn)：主圖沒(méi)有促銷標(biāo)簽

析

和促銷價(jià)格，消費(fèi)者很有

可能會(huì)因?yàn)闆](méi)有優(yōu)惠而直

接離開(kāi)；副圖只有實(shí)物圖

并沒(méi)有其他的內(nèi)容讓消費(fèi)

者了解更多這款產(chǎn)品的賣

點(diǎn)。

8

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

優(yōu)點(diǎn)：詳情頁(yè)的主要配色

是白色，商品的圖片放在

白色的背景前面和諧且更

為突出圖片的賣點(diǎn)；詳情

頁(yè)的文字字體只選擇了一

種，顧客瀏覽起來(lái)也會(huì)更

為流暢；詳情頁(yè)的裝修風(fēng)

格與主副圖是一致的，簡(jiǎn)

約、簡(jiǎn)單明了；詳情頁(yè)的

最開(kāi)頭放了店鋪的口號(hào)，

表示自己店鋪是值得信賴

的；排版方式主要運(yùn)用的

是上下構(gòu)圖，瀏覽沒(méi)有絲

毫障礙；詳情頁(yè)中有超過(guò)

3張的產(chǎn)品細(xì)節(jié)展示圖，

詳情向顧客展示了這款產(chǎn)品更

頁(yè)分多的優(yōu)點(diǎn)；該詳情頁(yè)最大

析的特點(diǎn)是最后的買家曬

圖，顧客看到別人的評(píng)價(jià)

會(huì)對(duì)這個(gè)產(chǎn)品多一份信

賴，自然就會(huì)多一份購(gòu)買

的概率。

缺點(diǎn)：詳情頁(yè)裝修過(guò)于單

調(diào)，配色過(guò)于簡(jiǎn)單沒(méi)有顏

色區(qū)分的層次，重點(diǎn)區(qū)域

也沒(méi)有用裝飾或者是顏色

去突出，整個(gè)看一下來(lái)就

是很扁平，有效信息的傳

遞不夠明顯，需要自己去

提煉重點(diǎn)，影響用戶瀏覽

體驗(yàn)。

排版方式不夠精細(xì)，板塊

之間的銜接不精準(zhǔn)，也沒(méi)

有用更多的內(nèi)容去進(jìn)行劃

分，減少了頁(yè)面的層次

9

感，瀏覽下來(lái)沒(méi)有喘息的

空間。

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

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

“曉曉的店1234”是一家專門經(jīng)營(yíng)農(nóng)家自種蔬菜水果的店鋪，目標(biāo)消費(fèi)人

群是廣大的人民群眾，無(wú)論你是年輕人，老人還是其他年齡層次的人，對(duì)于生

活的必需品，蔬菜水果，都是每天都得吃的。而我們店鋪的產(chǎn)品定位分析主要

就是從產(chǎn)品特點(diǎn)和目標(biāo)消費(fèi)群體定位兩方面來(lái)進(jìn)行分析。

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

我們店鋪目前主要向大家推薦兩款寶貝，第一款是產(chǎn)自東北地區(qū)的黃心大

白菜，從營(yíng)養(yǎng)學(xué)的角度來(lái)說(shuō)，大白菜富含豐富的維C，熱量又低，而且多吃大

白菜還可以減肥。第二款款就是恩施富硒土豆，這款土豆產(chǎn)自了全世界天然生

物硒資源最富集的地區(qū)，具有天然的富硒，皮薄肉嫩綠色健康的特點(diǎn)，它的營(yíng)

養(yǎng)價(jià)值非常豐富，有利于促進(jìn)腸胃蠕動(dòng)，帶走體內(nèi)多余的油脂和垃圾，有效預(yù)

防便癌等作用。這兩款都是便于儲(chǔ)存，而且可跟多種菜肴搭配的“平民菜”

“百搭菜”是非常受大眾歡迎的蔬菜。

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

隨著我國(guó)經(jīng)濟(jì)的發(fā)展，人民生活水平顯著提高，蔬菜水果這類的已經(jīng)從大

眾消費(fèi)品變成了生活必需品，傳統(tǒng)的水果攤、蔬菜店已經(jīng)不是他們唯一的選

擇，他們的消費(fèi)是靈活的，電商的發(fā)展讓他們不必再拘泥于傳統(tǒng)的菜市場(chǎng)。人

們追求的也不再是數(shù)量型，而是質(zhì)量型。多數(shù)消費(fèi)者表示有機(jī)蔬菜的口感明顯

是比常規(guī)蔬菜好的，而且有機(jī)的無(wú)公害食品對(duì)于健康來(lái)說(shuō)是相當(dāng)有保障的。而

我們店鋪宣傳的就是一個(gè)農(nóng)家自種、綠色無(wú)公害的水果蔬菜，只要消費(fèi)者有需

求，價(jià)格能接受，產(chǎn)品信得過(guò)，是很容易形成一個(gè)固定的消費(fèi)人群的。

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

我們?cè)谔詫氶_(kāi)店，就要有合適的店鋪裝修，能夠更好的吸引到消費(fèi)者的注

意，促進(jìn)店鋪的消費(fèi)。每一個(gè)店鋪都有每一個(gè)店鋪的特點(diǎn)，我們要根據(jù)自己經(jīng)

營(yíng)的商品特點(diǎn)來(lái)裝修網(wǎng)店，才能讓我們的店鋪帶上自己的標(biāo)簽，這樣才不至于

千篇一律，沒(méi)有新意。我們店鋪銷售產(chǎn)品的是以蔬菜和水果為主，走的就是一

個(gè)自然風(fēng)，用綠色的植物、清新的配色，顯示出純天然無(wú)公害。

2.4店鋪色彩分析

10

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

店鋪的色彩搭配與店鋪的風(fēng)格一致是非常重要的，相得益彰的調(diào)色才能夠

讓整個(gè)畫面看起來(lái)舒適和諧，并且具有吸引人的魅力。我們店鋪售賣的是蔬果

類產(chǎn)品，且走的是健康、綠色有機(jī)的風(fēng)格，所以我們的裝修是以綠、白色為主

色調(diào)。都是大自然的色調(diào)，沉穩(wěn)深邃又不失生機(jī)。

本店是以白色為主要內(nèi)容區(qū)域鋪色，用淺綠和深綠以及墨綠三色層疊搭配

不同的版塊。白色作為本店鋪的背景色，也能夠更加清晰的凹顯我們所做的產(chǎn)

品和活動(dòng)區(qū)塊，白色是一種低調(diào)又不容易讓人忽略的顏色，能夠很好地搭配其

他的色彩；以淺綠、深綠和墨綠色延伸，使得整個(gè)畫面的顏色更有層次感，所

營(yíng)造出來(lái)的氛圍也會(huì)給人更強(qiáng)的沖擊力，以及表現(xiàn)不同區(qū)域產(chǎn)品的特性。

背景是采用低飽和度的嫩綠色，簡(jiǎn)約又精致，并且與主要內(nèi)容區(qū)域形成差

異，讓整個(gè)畫面看起來(lái)既不會(huì)不協(xié)調(diào)，而且色調(diào)主次分明，美觀又不會(huì)喧賓奪

主。

整個(gè)店鋪的色彩裝修對(duì)綠色的調(diào)色把握的恰到好處，既不會(huì)看不出區(qū)別又

不會(huì)有太強(qiáng)的反差，層層漸變，好看又不顯突兀。且綠色所傳遞出來(lái)的新鮮、

生機(jī)、自然的感受，更能夠向消費(fèi)者體現(xiàn)我們的特點(diǎn)。

3曉曉的店1234店鋪視覺(jué)設(shè)計(jì)

當(dāng)消費(fèi)者進(jìn)入我們店鋪的時(shí)候第一時(shí)間看到的是我們店鋪的色彩搭配和版

式設(shè)計(jì)，一個(gè)能吸引人的店鋪視覺(jué)設(shè)計(jì)一定是能夠在第一時(shí)間抓住人的眼球，

一下就戳中消費(fèi)者的心，并且在一定程度上能夠把我們店鋪的理念和特征呈現(xiàn)

給消費(fèi)者。我們需要針對(duì)自身?yè)碛械纳唐泛湍軌驇Ыo顧客的利益，去對(duì)我們的

店鋪和商品呈現(xiàn)進(jìn)行版式設(shè)計(jì)和文案設(shè)計(jì)。

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

我們?cè)谔詫氻?yè)面的版式設(shè)計(jì)是非常重要的，主頁(yè)和詳情頁(yè)都是消費(fèi)者了解

我們店鋪和產(chǎn)品的窗口。當(dāng)消費(fèi)者點(diǎn)進(jìn)主頁(yè)，我們的版式設(shè)計(jì)合理有序，并且

色彩搭配美觀，消費(fèi)者才會(huì)有瀏覽下去的欲望；我們的詳情頁(yè)要把能夠打動(dòng)消

費(fèi)者的產(chǎn)品賣點(diǎn)，盡量的凹顯出來(lái)，并且信息傳遞要保障通暢而且有效，促進(jìn)

消費(fèi)者的購(gòu)買的欲望，這才是我們對(duì)店鋪進(jìn)行版式設(shè)計(jì)的目的。

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

我們店鋪首頁(yè)設(shè)計(jì)的尺寸大小為1920px*8000px，首頁(yè)的主要色調(diào)是綠色

加白色。店鋪的首頁(yè)版式設(shè)計(jì)從上往下是店招、導(dǎo)航條、海報(bào)、優(yōu)惠券區(qū)、分

11

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

類專區(qū)、優(yōu)惠專區(qū)、口碑甄選、熱賣產(chǎn)品、店內(nèi)排行榜、頁(yè)尾。

店招做的是一個(gè)中心構(gòu)圖中間的950px是點(diǎn)招主要的內(nèi)容，兩邊是裝飾

物。中間區(qū)域從左到右依次是LOGO、店鋪名稱、訂閱信息，用了三種字體，

對(duì)這三個(gè)內(nèi)容進(jìn)行區(qū)別美化。

導(dǎo)航條的內(nèi)容是對(duì)店鋪的部分活動(dòng)和商品大類做快速鏈接，然后在導(dǎo)航條

最右邊加上搜索欄。

海報(bào)是消費(fèi)者進(jìn)店第一眼就會(huì)注意到，也是最容易向顧客傳遞活動(dòng)信息的

板塊。我們對(duì)海報(bào)的尺寸設(shè)計(jì)是1920px*800px，大尺寸能夠最直觀的向消費(fèi)者

呈現(xiàn)我們的活動(dòng)內(nèi)容。海報(bào)的整體構(gòu)圖是左右構(gòu)圖，將主副文案放在商品的兩

邊。

優(yōu)惠券區(qū)域是做了兩張優(yōu)惠券，我說(shuō)海報(bào)是抓住消費(fèi)者的第一步，那么優(yōu)

惠券就是決定要不要購(gòu)買的至關(guān)重要的一步。

分類區(qū)域?qū)ξ覀兊赇伿圪u的主要產(chǎn)品進(jìn)行分類，方便消費(fèi)者進(jìn)入挑選自己

需要的商品區(qū)域。內(nèi)部設(shè)計(jì)的是上圖下文。

優(yōu)惠區(qū)推薦三款產(chǎn)品一款，排序設(shè)計(jì)的是左邊一款，右邊上下兩款。優(yōu)惠

標(biāo)簽設(shè)計(jì)在圖片的左上角和左下角。

口碑甄選，將會(huì)挑選我們店鋪好評(píng)率最高的四款，采用上下排序的方式讓

消費(fèi)者依次瀏覽。版塊內(nèi)容的設(shè)計(jì)是左圖右文。

熱賣商品向顧客展示六款我們目前正在熱賣的商品，采用的是六宮格設(shè)

計(jì)，2×6的格子能夠更直觀的向消費(fèi)者展示。每個(gè)格子的圖片和標(biāo)題的內(nèi)部設(shè)

計(jì)是上圖下文。

排行榜設(shè)置的是最常見(jiàn)的三個(gè)排行，從另一個(gè)層面上給消費(fèi)者建議。排行

榜板塊內(nèi)容設(shè)計(jì)是左圖右文。

頁(yè)尾展示的是店鋪的簡(jiǎn)介，LOGO和口號(hào)，旺旺聯(lián)系鏈接，以及最底下還

會(huì)有導(dǎo)航條和返回底部標(biāo)簽。頁(yè)尾采用的是中心構(gòu)圖，讓文字顯示在頁(yè)尾的中

間，logo和口號(hào)那一排讓logo在左口號(hào)在右。

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

12

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

圖1店鋪首頁(yè)版式設(shè)計(jì)草圖

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

產(chǎn)品詳情頁(yè)1展示的寶貝是我們店鋪的熱賣產(chǎn)品，東北大白菜。該詳情頁(yè)

的尺寸大小750px*8000px，背景是灰綠色，部分區(qū)域用到白色方塊打底。詳情

頁(yè)的最上面部分是白菜的產(chǎn)品海報(bào)；往下是菜品搭配板塊，采用3×2的六宮格

構(gòu)圖；再往下是產(chǎn)品細(xì)節(jié)展示，上文下圖更符合大眾的瀏覽習(xí)慣；然后是產(chǎn)品

信息板塊，為了方便消費(fèi)者了解產(chǎn)品的重要信息；再是場(chǎng)景圖展示，這塊區(qū)域

是上圖下文的設(shè)計(jì)，除了圖片，還要補(bǔ)充場(chǎng)景內(nèi)容去詮釋圖片意義；最后是消

費(fèi)者最關(guān)心的售后問(wèn)題，我們就最常見(jiàn)的售后須知放置了三個(gè)板塊，并且用了

大理石背景加深綠色色塊介紹售后服務(wù)，著重色強(qiáng)調(diào)。

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

13

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

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

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

產(chǎn)品詳情頁(yè)2的設(shè)板塊計(jì)，產(chǎn)品是我們店鋪另一個(gè)主推熱賣商品恩恩施富

硒土豆。詳情頁(yè)2的尺寸設(shè)計(jì)是750px*8350px，采用的是更深一點(diǎn)的墨綠色作

為背景色，部分區(qū)塊用的白色形狀塊做背景。詳情頁(yè)的最頂上用的是土豆的海

報(bào)，抓住顧客的眼球。然后是服務(wù)保障和產(chǎn)品信息，這一塊不僅用了左圖右

文，還做了其他的巧思，利用了環(huán)形結(jié)構(gòu)來(lái)進(jìn)行排版，描述產(chǎn)品的賣點(diǎn)。再次

是菜品做法，利用了2×2的四宮格排版。再往下是產(chǎn)品的主要賣點(diǎn)展示，上圖

下文的方式能夠更好的為圖片做補(bǔ)充，詳細(xì)的描述賣點(diǎn)。后是產(chǎn)品的種植場(chǎng)景

圖，采用了2×3的六宮格設(shè)計(jì)，能夠更直觀的向顧客展示場(chǎng)景圖的魅力，上下

還對(duì)曾經(jīng)進(jìn)行了介紹。最后這個(gè)板塊與產(chǎn)品1版式設(shè)計(jì)相同，售后保障區(qū)域都

14

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

是一致的，同樣的大理石背景加三個(gè)深綠色板塊對(duì)售后服務(wù)進(jìn)行介紹。

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

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

3.2店鋪文案策劃

吸引消費(fèi)者的不一定是好看的的圖片，而是有趣、有特點(diǎn)，又能直擊人心

靈的文案。一份好的文案，既能夠和圖片一起有效地向消費(fèi)者傳遞信息，又能

夠直接影響消費(fèi)者對(duì)我們的商品進(jìn)行消費(fèi)。

3.2.1首頁(yè)文案策劃

首先看的是首頁(yè)的文案策劃。最頂上的店招部分，左邊是店鋪的LOGO，

中間則是最大的，最顯眼的店鋪的名稱，而店鋪的名稱底下又做了中文的拼

寫。最右邊是訂閱，訂閱之后有什么好處呢？當(dāng)然就是享受更多優(yōu)惠。整個(gè)點(diǎn)

招的文案主要還是突出我們的店鋪名稱，給消費(fèi)者留下深刻的印象，吸引顧客

收藏本店。

海報(bào)的左邊主文案是“多點(diǎn)蔬果，健康生活”，用了加大加粗的字體，就

15

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

是告訴消費(fèi)者，蔬菜水果有利于我們的健康，主文案下邊是我們店鋪的活動(dòng)信

息“全店滿100-50，滿50-5，滿50再送手工編織竹籃一個(gè)”顧客看到圖片的

一瞬間就會(huì)看到我們店鋪的活動(dòng)。右邊的副文案“新鮮”“綠色”“健康”，說(shuō)

的是我們店鋪產(chǎn)品的優(yōu)點(diǎn)，在副文案底下有引導(dǎo)按鈕“戳一戳進(jìn)店了解一下

吧”，吸引消費(fèi)者去點(diǎn)擊了解我們的寶貝。

優(yōu)惠券的標(biāo)題是“先領(lǐng)券再購(gòu)物”，就是要告訴消費(fèi)者，領(lǐng)券的話下單會(huì)

享有優(yōu)惠。然后往下是優(yōu)惠券的使用時(shí)間和使用門檻。那么拿到券之后，消費(fèi)

者的下單幾率也會(huì)更高。

產(chǎn)品分類板塊都有圖標(biāo)加小標(biāo)題，如“白菜”“土豆”“西紅柿”等，直接

明了的告訴消費(fèi)者產(chǎn)品大類，最后一排的右邊還有“全部商品”的分類，可以

點(diǎn)擊直接查看全部寶貝。

優(yōu)惠區(qū)域是直接在圖片上放了促銷信息“限時(shí)八折”“一件包郵”“秒殺專

區(qū)”，明確的告訴消費(fèi)者我們的促銷活動(dòng)，吸引顧客點(diǎn)擊。

口碑甄選有四個(gè)寶貝，主文案是寶貝的標(biāo)題，副文案是提煉了一些產(chǎn)品的

賣點(diǎn)，例如深山養(yǎng)胃猴頭菇的賣點(diǎn)就是“煲湯，炒菜，調(diào)料養(yǎng)胃，易吸收”，

底下還標(biāo)注了活動(dòng)的價(jià)格，非常直觀的把重要信息展示出來(lái)。

熱賣產(chǎn)品區(qū)的標(biāo)題文案“HIGHQUALITY,HOTPRODUCTS”，英文文案區(qū)

別于其他板塊，形成對(duì)比。并且每個(gè)圖片底下的價(jià)格旁邊都做了“點(diǎn)擊購(gòu)買”

的字樣，促使消費(fèi)者直接購(gòu)買。

榜單區(qū)做了三個(gè)榜單“銷量榜”“收藏榜”“新品榜”，并且在每個(gè)產(chǎn)品圖

片上做了“TOP”的標(biāo)簽告訴消費(fèi)者，這是正序排序前三的寶貝。而且在標(biāo)題

下面放置了對(duì)該寶貝感興趣的人數(shù)，和付款人數(shù)，讓榜單更有依據(jù)。對(duì)銷量版

更感興趣的顧客可以關(guān)注排行榜寶貝描述的右下角的付款人數(shù)。

最后是由店鋪的簡(jiǎn)介、商標(biāo)、口號(hào)、聯(lián)系我們、導(dǎo)航條組成的頁(yè)尾。商品

的簡(jiǎn)介可以幫助消費(fèi)者更了解我們的店鋪，口號(hào)“誠(chéng)信服務(wù)每一位顧客”，加

上LOGO能夠提升消費(fèi)者的信賴，并且我們還在下方做了“聯(lián)系我們”，更讓

消費(fèi)者有問(wèn)題能夠及時(shí)聯(lián)系我們。導(dǎo)航條的最前面是“返回頂部”，能夠直接

幫助消費(fèi)者回到首頁(yè)的開(kāi)始位置，并且底下做的分類區(qū)塊與頂部的導(dǎo)航調(diào)相呼

應(yīng)，即使首頁(yè)瀏覽完，消費(fèi)者也可以快速的前往其他區(qū)域。

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

產(chǎn)品一詳情頁(yè)的文案開(kāi)頭是加大加粗的“東北大白菜”，直擊顧客的眼

球。還加了拼音的“DaBaiCai”作為點(diǎn)綴文案。副文案是白菜的口號(hào)“味道鮮

16

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

美，脆爽可口”，簡(jiǎn)潔的說(shuō)明產(chǎn)品優(yōu)點(diǎn)。

菜品推薦區(qū)以“營(yíng)養(yǎng)豐富，多種搭配更美味”作為標(biāo)題，告訴顧客白菜有

多么的百搭。并且在每一個(gè)菜品圖下面都放了菜品的名字作為輔助文案，向消

費(fèi)者展現(xiàn)菜品的多樣性。

產(chǎn)品展示區(qū)做了三個(gè)主標(biāo)題“農(nóng)家自種，新鮮采摘”、“菜幫黃嫩整齊”、

“有機(jī)種植，拒絕化農(nóng)”，提煉產(chǎn)品的賣點(diǎn)作為文案，直接把產(chǎn)品的優(yōu)勢(shì)體現(xiàn)

出來(lái)，激起顧客的購(gòu)買興趣。

產(chǎn)品信息區(qū)是為了讓顧客更多的了解我們的產(chǎn)品，在圖片下方描述了產(chǎn)品

名稱，產(chǎn)品口感以及儲(chǔ)存方式，并且還在最底下用小字注釋，每個(gè)白菜都是不

同的，口感會(huì)有一點(diǎn)區(qū)別。盡可能的把想要讓顧客了解的都呈現(xiàn)出來(lái)，方便用

戶購(gòu)買。

場(chǎng)景展示區(qū)的主文案是“種植環(huán)境大公開(kāi)”，并且在每張圖片的下方都放

了輔助文案，讓消費(fèi)者去了解恒溫大棚和自動(dòng)噴灑圖片的場(chǎng)景，展示這些信

息。

最后是售后保障區(qū)域，主文案是“三大售后保障”加“買的安心，吃的放

心”作為點(diǎn)綴文案。三個(gè)售后板塊分別是“關(guān)于快遞”、“物品損壞”、“新鮮送

達(dá)”這三個(gè)常見(jiàn)的顧客關(guān)心的的售后問(wèn)題直接向顧客進(jìn)行解答，有利于在我們

的服務(wù)上直接打動(dòng)顧客。

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

產(chǎn)品詳情頁(yè)2的產(chǎn)品是恩施富硒土豆，在產(chǎn)品海報(bào)上用加大加粗的“高山

大土豆”直接說(shuō)明了展示的是哪款商品，用中文拼寫“GaoShaoDaTuDou”來(lái)

為主文案進(jìn)行點(diǎn)綴，副文案則是選取了產(chǎn)品的優(yōu)點(diǎn)“香甜軟糯，皮薄乳脂，肉

質(zhì)飽滿”，主副文案相輔相成，互相補(bǔ)充。

菜品推薦區(qū)先使用環(huán)繞文字的方式介紹了高山土豆的特別之處，再向顧客

推薦美味的做法，文案是“多種吃法，美味加分”，并且搭配上副文案“Hope

youcanfindwhatyoulove”，給予真誠(chéng)的祝福。

接下來(lái)的產(chǎn)品展示是介紹了恩施土豆的產(chǎn)品優(yōu)勢(shì)，“果肉肥厚”“綠色有

機(jī)”“皮薄好剝”這三個(gè)賣點(diǎn)，把優(yōu)勢(shì)體現(xiàn)出來(lái)。并且每一個(gè)主賣點(diǎn)下面都搭

配了輔助文案是對(duì)賣點(diǎn)進(jìn)行解釋說(shuō)明。

場(chǎng)景圖的主文案是“走進(jìn)恩施富硒土豆的世界看看吧”，引導(dǎo)消費(fèi)者來(lái)帶

入我們的土豆種植環(huán)境。并且我們?cè)诹鶎m格的上下方用用文字對(duì)土豆的產(chǎn)地環(huán)

境，風(fēng)水優(yōu)勢(shì)，季節(jié)特點(diǎn)進(jìn)行介紹，向消費(fèi)者呈現(xiàn)出如此優(yōu)渥的地區(qū)生產(chǎn)出來(lái)

17

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

如此優(yōu)秀的土豆。

本店鋪對(duì)產(chǎn)品的售后服務(wù)是絕對(duì)有保障的，并且對(duì)每一位顧客誠(chéng)心對(duì)待，

所以最后的售后服務(wù)保障與產(chǎn)品一的售后服務(wù)保障是一致的，是對(duì)“發(fā)貨快

遞”“物品損壞”“新鮮送達(dá)的三項(xiàng)服務(wù)進(jìn)行詳細(xì)說(shuō)明?！?/p>

4曉曉得店1234店鋪視覺(jué)效果制作

版式設(shè)計(jì)草圖、文案策劃都是為了最終店鋪首頁(yè)和詳情頁(yè)呈現(xiàn)出來(lái)的效果

能夠讓消費(fèi)者滿意，讓顧客進(jìn)店就能夠被我們的視覺(jué)效果吸引到，從而關(guān)注我

們的店鋪寶貝形成轉(zhuǎn)化。

4.1店鋪效果制作

4.1.1店招設(shè)計(jì)過(guò)程

整個(gè)店招的背景色是白色，靜謐又溫柔，干凈無(wú)暇的底色在兩邊搭配上傾

倒下來(lái)的蔬菜水果，讓出現(xiàn)在白色背景上的裝飾與底色相得益彰，并且拉低了

蔬果裝飾的透明度，更顯得像是清晰地印在紙上，又像是要順著紋理掉落出

來(lái)。我們店鋪的LOGO設(shè)計(jì)，是一個(gè)裝滿蔬果的碗，讓消費(fèi)者一眼就能明白我

們?cè)谫u什么，碗上頂上還有一個(gè)正在發(fā)芽的嫩苗，寓意著就是我們店鋪售賣多

種多樣的蔬果，并且都是純農(nóng)家養(yǎng)殖。店招中間呈現(xiàn)的效果是我們店鋪的名

稱，放大加粗的字體能夠一眼就讓進(jìn)店用戶記住我們的店名，用的是與整個(gè)店

鋪色系相同，但顏色稍深的墨綠色，給人更強(qiáng)的視覺(jué)沖擊感。右邊的訂閱用黃

色字體加橢圓邊框組成，是整個(gè)店招唯一區(qū)別的顏色，過(guò)多的色彩容易視覺(jué)疲

勞，但眾多色彩中唯一一抹亮色卻是格外引人注目。

店招下面的導(dǎo)航條做了六個(gè)分類區(qū)塊，排列合理，間隔一致，導(dǎo)航條的底

色用的是白色簡(jiǎn)約又能夠明顯的強(qiáng)調(diào)文字，并且在右邊加了搜索欄，搜索欄中

放了透明度較低的產(chǎn)品名稱告知顧客，這里可以搜索。搜索欄的設(shè)計(jì)是灰色和

黑色漸變，讓整個(gè)搜索欄看起來(lái)更高級(jí)，充滿現(xiàn)代科技感。

店招設(shè)計(jì)效果圖如圖4所示。在PhotoShop的制作過(guò)程如圖5所示。

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

18

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

圖5店招制作過(guò)程圖

4.1.2海報(bào)制作

時(shí)尚又具有吸引力的海報(bào)是留住顧客的視覺(jué)重點(diǎn)。海報(bào)的背景是家居空

間，蔬菜和水果以三角形的排列方式分布在海報(bào)的下半部分。整個(gè)海報(bào)采用的

是三角形構(gòu)圖，為了與整個(gè)首頁(yè)的色調(diào)和諧，在海報(bào)的中間層又放置了一層薄

薄的白紗，細(xì)膩淡然的白紗在家居空間散漫開(kāi)來(lái)，在設(shè)計(jì)感滿滿的燈具和清新

自然的綠色調(diào)搭配下，更顯得溫馨。

海報(bào)上的主文案是白字加綠色描邊，副文案是白色加綠色邊框，在“綠

色”二次的邊框上又放了嫩綠的葉子進(jìn)行裝飾，突出了我們店鋪的自然風(fēng)格特

點(diǎn)?；顒?dòng)文案與引導(dǎo)標(biāo)簽用了紅色的字體來(lái)強(qiáng)調(diào)，再加上綠綠色系裝飾，風(fēng)格

一致又主副文案形成強(qiáng)烈的色彩差異，顯眼又不突兀。既能夠向消費(fèi)者傳遞店

鋪特點(diǎn)和活動(dòng)的信息，引導(dǎo)標(biāo)簽也方便了顧客點(diǎn)擊了解。

首頁(yè)海報(bào)設(shè)計(jì)效果圖如圖6所示。在PhotoShop的制作過(guò)程如圖7所示。

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

19

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

圖7海報(bào)制作過(guò)程圖

4.1.3其他區(qū)域制作

其他區(qū)域的制作是優(yōu)惠券，分類區(qū)，優(yōu)惠區(qū)，口碑甄選，熱賣商品，榜單

推薦，頁(yè)尾制作這七個(gè)區(qū)域。其他區(qū)域的中間內(nèi)容區(qū)域與店招保持風(fēng)格統(tǒng)一，

用的是純白色打底。白色可以包容萬(wàn)物，營(yíng)造出一種純凈，簡(jiǎn)潔的生活氛圍。

兩邊區(qū)域背景用的是淺綠色鋪色，再放上各式各樣的水果蔬菜的簡(jiǎn)筆畫，迎合

我們店鋪的主題，又能我們店鋪的品種多樣性，左右兩邊不對(duì)稱的設(shè)計(jì)，體現(xiàn)

的又是另一種奇異的美學(xué)。

前四個(gè)區(qū)域的標(biāo)題用的都是綠色植物邊框，綠色是大自然最常見(jiàn)的顏色，

葉子點(diǎn)綴，既符合我們的整體配色，又有一種充滿生機(jī)的活力。

優(yōu)惠券區(qū)用的是深紅色底色，墨綠色邊框加抽取卡式優(yōu)惠券。優(yōu)惠券做的

是一個(gè)滿50-5和一個(gè)滿50-10的優(yōu)惠券，一個(gè)是普通用戶優(yōu)惠，一個(gè)是會(huì)員用

戶優(yōu)惠。優(yōu)惠券左邊面值用的是淺黃色加白色提亮，突出中間的面額數(shù)字，在

優(yōu)惠券的使用條件和使用時(shí)間下面用橙色漸變按鈕加紅色字體做了快速領(lǐng)取，

讓整個(gè)優(yōu)惠券看起來(lái)色彩豐富，而且富有層次感區(qū)。

分類區(qū)是做了八個(gè)分類，八個(gè)分類都有對(duì)應(yīng)的簡(jiǎn)筆畫風(fēng)格的彩色小圖標(biāo)，

比起背景的小圖標(biāo)更為復(fù)雜，Q版的小圖標(biāo)看起來(lái)精致可愛(ài)，邊框是實(shí)心的，

圓角矩形邊框。用剪貼模板把葉子的紋理剪進(jìn)去，看起來(lái)更像是一根藤蔓上長(zhǎng)

了這么多的蔬菜水果，一家人的溫馨感更甚。

優(yōu)惠區(qū)做了三個(gè)產(chǎn)品，重點(diǎn)就是圖片左上角和左下角的活動(dòng)，為了讓消費(fèi)

者一眼就能注意到?；顒?dòng)的內(nèi)容并未進(jìn)行其他的裝飾，強(qiáng)調(diào)的重心就只有一

個(gè)，紅色框里的內(nèi)容。

20

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

口碑甄選區(qū)的四個(gè)產(chǎn)品，四個(gè)寶貝都用了深綠色的邊框進(jìn)行劃分，以便顧

客認(rèn)清產(chǎn)品。左邊的產(chǎn)品展示圖片上做了產(chǎn)品的名稱，白色的字體加上深紅的

邊框，既不會(huì)遮擋圖片，也不會(huì)讓名字被忽視。在右邊的副標(biāo)題前面加了一個(gè)

小小的圖標(biāo)作為裝飾，然后寶貝的右下角放了一個(gè)紅色火焰，在中間標(biāo)注“搶”

字，以火的顏色，帶有引導(dǎo)性的字來(lái)刺激顧客去選購(gòu)寶貝。

熱賣產(chǎn)品區(qū)的標(biāo)題與其他產(chǎn)品的標(biāo)題區(qū)別很大，用的是白色英文，與整個(gè)

區(qū)域墨綠色的底色形成視覺(jué)反差。而在他的右邊又添加了與之對(duì)稱的查看更

多，避免右邊過(guò)于空曠。每個(gè)熱賣寶貝的標(biāo)題下方用紅色標(biāo)注價(jià)格，更醒目直

觀，在右邊同時(shí)做了點(diǎn)擊購(gòu)買的引導(dǎo)標(biāo)簽，加上了平時(shí)購(gòu)物會(huì)使用的購(gòu)物車來(lái)

裝飾。讓消費(fèi)者在我們的淘寶店鋪選購(gòu)商品的時(shí)候就好像是在超市購(gòu)物一樣，

虛擬與現(xiàn)實(shí)結(jié)合的購(gòu)物體驗(yàn)。

排行榜區(qū)域是從另一個(gè)層面去向消費(fèi)者推薦產(chǎn)品。每個(gè)圖片右上角的top

標(biāo)簽，能夠更有力的給消費(fèi)者引導(dǎo)，不一樣的排行，所用的顏色又不一樣，以

此來(lái)輔助數(shù)字來(lái)區(qū)分排行順序。而且在重要信息的上面用了紅色字體去突出重

點(diǎn)，例如價(jià)格和感