碩果累累的小店淘寶店鋪視覺(jué)營(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碩果累累的小店店鋪視覺(jué)營(yíng)銷分析......................................2

2.1店鋪營(yíng)銷定位分析..............................................2

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

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

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

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

3碩果累累的小店店鋪視覺(jué)設(shè)計(jì)..........................................3

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

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

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

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

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

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

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

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

4碩果累累的小店店鋪視覺(jué)效果制作......................................8

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

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

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

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

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

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

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

I

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

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

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

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

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

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

II

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

碩果累累的小店淘寶店鋪視覺(jué)營(yíng)銷設(shè)計(jì)方案

1碩果累累的小店店鋪概況

碩果累累的小店淘寶店鋪成立于2022年，主要營(yíng)銷各種鮮果類產(chǎn)品，目標(biāo)顧

客很廣泛，面向所有網(wǎng)民用戶。碩果累累的小店，顧名思義“碩果累累”富含多

種水果，各種鮮果，也寓意著豐收之季。

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

隨著科學(xué)技術(shù)的發(fā)展，網(wǎng)上購(gòu)物的情況越來(lái)越普遍，生鮮水果也隨之互聯(lián)網(wǎng)

化，人們隨時(shí)隨地可挑選自己喜歡的水果，且能夠?qū)崿F(xiàn)次日達(dá)，讓人們的需要得

到較快的滿足，網(wǎng)絡(luò)生鮮領(lǐng)域市場(chǎng)也因此得到了越來(lái)越多的關(guān)注。

生鮮水果類網(wǎng)店商城分布情況，如圖1所示。

圖1生鮮水果類網(wǎng)店商城分布情況

1

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

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

碩果累累的小店淘寶店鋪現(xiàn)階段主要銷售生鮮水果類產(chǎn)品，且店鋪目前主要

經(jīng)營(yíng)的水果類型為漿果類和熱帶類水果，其營(yíng)養(yǎng)價(jià)值高且果肉香甜。

水果品類專業(yè)分類圖，如圖2所示:

圖2水果品類專業(yè)分類圖

2碩果累累的小店店鋪視覺(jué)營(yíng)銷分析

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

鮮果類行業(yè)的競(jìng)爭(zhēng)力越來(lái)越大，面對(duì)同行的競(jìng)爭(zhēng)，需要從三方面進(jìn)行策略營(yíng)

銷，第一方面是產(chǎn)品整合營(yíng)銷策略；第二方面是價(jià)格整合營(yíng)銷策略；第三方面是

服務(wù)整合營(yíng)銷策略。產(chǎn)品整合策略：將不同產(chǎn)品間以各種形式搭配進(jìn)行組合銷售，

將產(chǎn)品以銷量和利潤(rùn)率進(jìn)行分類組合。價(jià)格整合策略：同類同質(zhì)的商品，價(jià)格相

似或者偏低；同款不同質(zhì)的商品，就按照質(zhì)量的不同來(lái)制定價(jià)格；新產(chǎn)品的價(jià)格

須要通過(guò)市場(chǎng)論證后制定等。服務(wù)整合策略：由客戶售前服務(wù)，客戶售中服務(wù)、

客戶售后服務(wù)組成，主要提高客戶對(duì)服務(wù)的滿意度、對(duì)產(chǎn)品的信任度和對(duì)店鋪的

忠誠(chéng)度。

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

該店鋪主要銷售的產(chǎn)品是熱帶類水果和漿果類水果。這兩類水果既滿足了客

戶對(duì)水果的日常攝入量，也豐富了客戶對(duì)水果的多樣性需求?？蛻粼谫?gòu)買(mǎi)水果時(shí)

2

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

可以不再單一的考慮對(duì)其營(yíng)養(yǎng)的汲取，也能得到口感上的滿足，購(gòu)買(mǎi)的頻率也會(huì)

大大提高。

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

經(jīng)濟(jì)的持續(xù)增長(zhǎng)，生活水平的不斷提升，人們不再僅滿足于日常的一日三餐，

開(kāi)始追求更高質(zhì)量的生活狀態(tài)，飯后水果、餐前水果，變得越來(lái)越普遍。同時(shí)人

們的經(jīng)濟(jì)收入也在提高，這為人們追求更高質(zhì)量的生活提供了經(jīng)濟(jì)上的保障。因

而我們主要面向的消費(fèi)群體包括在校大學(xué)生，社區(qū)居民，以及上班族等，消費(fèi)群

體相對(duì)廣泛，可以說(shuō)廣大人民群眾就是鮮果類市場(chǎng)最大的消費(fèi)群體。

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

本店鋪主營(yíng)鮮果類產(chǎn)品，因此本店鋪的風(fēng)格主要以綠色清新自然為主，為消

費(fèi)者營(yíng)造一種安全干凈營(yíng)養(yǎng)健康的感覺(jué)，從視覺(jué)上增強(qiáng)一點(diǎn)客戶對(duì)店鋪對(duì)產(chǎn)品的

信任感；而這樣的視覺(jué)效果也能給客戶留下更深一點(diǎn)的印象。我們?cè)谠O(shè)計(jì)首頁(yè)、

詳情頁(yè)的時(shí)候，都是以清新自然為主，與本店產(chǎn)品相呼應(yīng)，整體的色調(diào)、排版都

給人清新、自然的感覺(jué)。

2.3店鋪色彩分析

本店鋪首頁(yè)的背景色彩主要采用淡綠夾雜著淡黃為主，淡綠色是給人清新、

自然的感覺(jué)，淡黃色有秋收的感覺(jué)；店鋪的兩張?jiān)斍轫?yè)的背景色分別采用的是綠

色和黃色，因?yàn)樗x的兩種水果是獼猴桃和芒果，綠色既是自然的顏色也是獼猴

桃的顏色，黃色是芒果的顏色，采用相似的顏色做背景色，能讓畫(huà)面更具整體感，

畫(huà)面呈現(xiàn)更和諧。

3碩果累累的小店店鋪視覺(jué)設(shè)計(jì)

隨著信息時(shí)代的到來(lái)，電子商務(wù)孕育而生，網(wǎng)上購(gòu)物成了大家日常生活的一

部分，而隨著電商的日益發(fā)展，網(wǎng)上店鋪的數(shù)量層出不窮，店鋪間的競(jìng)爭(zhēng)也愈發(fā)

激烈。從大數(shù)據(jù)分析可知，一個(gè)店鋪受歡迎與否，與這個(gè)店鋪的視覺(jué)設(shè)計(jì)也存在

著較大的關(guān)聯(lián)。消費(fèi)者任意點(diǎn)開(kāi)一個(gè)商品時(shí)，第一眼看到的是產(chǎn)品的主圖，其次

可能是副圖，也可能是詳情頁(yè)，甚至是首頁(yè)，因此做好店鋪視覺(jué)營(yíng)銷設(shè)計(jì)是至關(guān)

重要的。第一步是版式圖的設(shè)計(jì)與制作，版式圖是效果圖的前身，只有先設(shè)計(jì)出

合適的版試圖才能在此基礎(chǔ)上制作出更完美的效果圖。

3

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

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

在版式圖設(shè)計(jì)中，先確定各個(gè)板塊的基本大小布局，再依次對(duì)各個(gè)板塊進(jìn)行

更細(xì)一步的排版；還需確定整個(gè)版式圖的風(fēng)格類型，使這個(gè)版試圖處于一個(gè)整體

中，讓畫(huà)面更和諧?？梢詮匿N售的產(chǎn)品角度尋找設(shè)計(jì)靈感，比如產(chǎn)品類型，產(chǎn)品

作用和產(chǎn)品功能等；設(shè)計(jì)出更具產(chǎn)品特色的版試圖。

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

在顧客進(jìn)入一個(gè)店鋪的時(shí)候，給顧客留下第一印象的就是這個(gè)店鋪的首頁(yè)視

覺(jué)營(yíng)銷設(shè)計(jì)圖，所以一個(gè)店鋪的首頁(yè)視覺(jué)設(shè)計(jì)要如何做到最大程度上吸引且留住

客戶，是至關(guān)重要的。那么有明確的區(qū)域劃分是正確設(shè)計(jì)理念之一，一個(gè)好的店

鋪首頁(yè)設(shè)計(jì)，往往從最頂部起是店招、導(dǎo)航，然后依次往下就是全屏海報(bào)區(qū)域、

優(yōu)惠券區(qū)域、主推產(chǎn)品區(qū)域、產(chǎn)品分類區(qū)域、產(chǎn)品展示區(qū)域、頁(yè)尾設(shè)計(jì)區(qū)域等多

個(gè)區(qū)域組成。

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

4

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

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

5

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

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

消費(fèi)者在瀏覽一個(gè)商品時(shí)，主要查看的是這個(gè)商品的詳情頁(yè)，故而此時(shí)詳情

頁(yè)的呈現(xiàn)大概率決定了消費(fèi)者對(duì)店鋪的第一印象，所以產(chǎn)品詳情頁(yè)的設(shè)計(jì)如何做

到最大程度給顧客留下一個(gè)好的印象，在此刻也顯得尤為重要。產(chǎn)品詳情頁(yè)版式

圖，主要包括：首頁(yè)banner，產(chǎn)品賣點(diǎn)區(qū)，產(chǎn)品信息區(qū)，細(xì)節(jié)展示區(qū)，購(gòu)買(mǎi)須知

區(qū)這幾個(gè)區(qū)域。

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

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

6

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

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

消費(fèi)者在瀏覽一個(gè)商品時(shí)，主要查看的是這個(gè)商品的詳情頁(yè)，故而詳情頁(yè)的

呈現(xiàn)是消費(fèi)者對(duì)店鋪的第一印象，所以產(chǎn)品詳情頁(yè)的設(shè)計(jì)如何做到最大程度上留

住客戶，就顯得至關(guān)重要。產(chǎn)品詳情頁(yè)版式圖，主要包括：首頁(yè)banner，產(chǎn)品賣

點(diǎn)區(qū)，產(chǎn)品信息區(qū)，細(xì)節(jié)展示區(qū)，購(gòu)買(mǎi)須知區(qū)這幾個(gè)區(qū)域。

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

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

7

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

3.2店鋪文案策劃

好的文案更能夠激起消費(fèi)者的購(gòu)買(mǎi)欲望，做好文案策劃，讓店鋪設(shè)計(jì)更具吸

引力，文字的魅力是不可忽視的。文案要突出賣點(diǎn)，引人入勝。

3.2.1首頁(yè)文案策劃

首頁(yè)文案設(shè)計(jì)是店鋪文案策劃的核心，首頁(yè)文案主要包括店招區(qū)域、導(dǎo)航區(qū)

域、首頁(yè)海報(bào)區(qū)域、主推產(chǎn)品區(qū)域等區(qū)域的文案策劃。店招文案策劃主要包括店

標(biāo)，搜索欄，收藏店鋪，對(duì)于“收藏店鋪”文字可在一旁稍做裝飾吸引眼球。首

頁(yè)海報(bào)的文案篇幅要大，起到宣傳的作用；可中英結(jié)合，既能滿足更大范圍的宣

傳作用，也能修飾整個(gè)海報(bào)的設(shè)計(jì)，不顯單一。主推產(chǎn)品的文案可分為三個(gè)部分，

產(chǎn)品名稱、產(chǎn)品價(jià)格、點(diǎn)擊購(gòu)買(mǎi)，其字體不可超過(guò)三種，且顏色不可過(guò)于豐富，

大小也需正確選擇，使畫(huà)面具有層次感又不顯雜亂。

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

產(chǎn)品1詳情頁(yè)的文案策劃主要在于情景海報(bào)、產(chǎn)品信息、產(chǎn)品賣點(diǎn)和購(gòu)買(mǎi)須

知幾個(gè)區(qū)域。首先情景海報(bào)的文案策劃可以從利益點(diǎn)出發(fā)，使用宣傳文案，字體

方正，顏色亮眼，文案精辟。而產(chǎn)品信息文案更偏向中規(guī)中矩，沒(méi)有過(guò)多的情感，

僅是對(duì)產(chǎn)品客觀的描述。在產(chǎn)品賣點(diǎn)的文案策劃上可以使用軟文營(yíng)銷的理念，以

更形象生動(dòng)的描述來(lái)引起消費(fèi)者的共鳴，用文字的魅力吸引住客戶。在購(gòu)買(mǎi)須知

中同樣可以使用更得當(dāng)?shù)恼Z(yǔ)言表達(dá)店鋪的相關(guān)售后服務(wù)機(jī)制，委婉且清晰的告知

到客戶本店鋪的相關(guān)服務(wù)原則。

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

產(chǎn)品2詳情頁(yè)的文案策劃與產(chǎn)品1思路大致相同，主要也是在于情景海報(bào)、

產(chǎn)品信息、產(chǎn)品賣點(diǎn)和購(gòu)買(mǎi)須知幾個(gè)區(qū)域。首先情景海報(bào)的文案策劃可以從利益

點(diǎn)出發(fā)，使用宣傳文案，字體方正，顏色亮眼，文案精辟。而產(chǎn)品信息文案更偏

向中規(guī)中矩，沒(méi)有過(guò)多的情感，僅是對(duì)產(chǎn)品客觀的描述。在產(chǎn)品賣點(diǎn)的文案策劃

上可以使用軟文營(yíng)銷的理念，以更形象生動(dòng)的描述來(lái)引起消費(fèi)者的共鳴，用文字

的魅力吸引住客戶。在購(gòu)買(mǎi)須知中同樣可以使用更得當(dāng)?shù)恼Z(yǔ)言表達(dá)店鋪的相關(guān)售

后服務(wù)機(jī)制，委婉且清晰的告知到客戶本店鋪的相關(guān)服務(wù)原則。

4碩果累累的小店店鋪視覺(jué)效果制作

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

8

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

首頁(yè)整體設(shè)計(jì)采用的是綠色系，綠色給人一種清新自然的視覺(jué)效果，且綠色

是大自然的顏色，寓意著健康安全，這非常適合應(yīng)用于鮮果類產(chǎn)品視覺(jué)營(yíng)銷設(shè)計(jì)

的填充色。

4.1.1店招效果圖制作

店招包括：店鋪LOGO、店鋪的名稱、關(guān)注店鋪、店招分類導(dǎo)航、收藏店鋪。

店鋪的LOGO是一個(gè)店鋪的縮影。所以店鋪LOGO的設(shè)計(jì)要突出店鋪運(yùn)營(yíng)的

產(chǎn)品類型，店鋪的風(fēng)格以及店鋪的名稱。在這些基礎(chǔ)上店鋪LOGO也要是一目了

然的，要具有設(shè)計(jì)感，這能給消費(fèi)者留下更深刻的印象。本店鋪LOGO主要是由

店鋪名稱設(shè)計(jì)而來(lái)，“碩果累累的小店”也展現(xiàn)出了店鋪的產(chǎn)品類型是鮮果類產(chǎn)品。

在店鋪LOGO旁邊是關(guān)注店鋪，能增加客戶的關(guān)注量；收藏店鋪在右上角，在店

鋪LOGO的對(duì)稱位置，視覺(jué)上起到平衡感。下方是店招分類導(dǎo)航，可以根據(jù)客戶

需求跳轉(zhuǎn)頁(yè)面。

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

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

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

首頁(yè)海報(bào)設(shè)計(jì)符合主題，以綠色為主，以紅綠水果盤(pán)做裝飾，文案放置海報(bào)

中間位置，深綠色做背景色，與圖中綠色水果相稱；而綠色與紅色又為互補(bǔ)色，

視覺(jué)沖擊感強(qiáng)，使畫(huà)面更突出形象。文案字體方正大氣，又用矩形框增加海報(bào)層

次感，中英文字體結(jié)合使用，中文字體重點(diǎn)突出內(nèi)容，英文字體既有輔助作用又

起修飾作用。背景中的不規(guī)則形狀，給海報(bào)增添了設(shè)計(jì)感，不顯呆板，更鮮活。

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

圖7首頁(yè)海報(bào)效果圖

9

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

4.1.3其他區(qū)域制作

其它區(qū)域的制作包括：優(yōu)惠券區(qū)、產(chǎn)品分類區(qū)、爆款熱賣區(qū)、新品上新區(qū)和

頁(yè)尾區(qū)這幾個(gè)部分。優(yōu)惠券區(qū)域分為三部分組成，分別是5元、10元和20元優(yōu)惠

券。產(chǎn)品分類區(qū)分為四個(gè)部分，最外層是一個(gè)無(wú)描邊的淺綠色矩形框，采用上圖

下文的布局方式，文字部分用無(wú)描邊的白色矩形框修飾，字體加粗顏色與背景色

同色系。爆款熱賣區(qū)，外層與產(chǎn)品分類區(qū)類似，以一個(gè)無(wú)描邊的淺綠色矩形框?yàn)?/p>

背景層，采用左圖右文的形式布局，文字部分以白色矩形框?yàn)榈咨瑑r(jià)格部分采

用黑色字體，突出顯示，配有“立即搶購(gòu)”文案，字體為紅色，醒目。新品上新

區(qū)布局與爆款熱賣區(qū)類似，采用的是上圖下文的布局方式，多種布局方式共同使

用，可減少整體的單一性。頁(yè)尾區(qū)“溫馨提示”四個(gè)大字，吸引客戶的關(guān)注，增

加客戶停留時(shí)間，提高客戶的下單率。

其他區(qū)域效果圖如圖8所示：

10

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

圖8其他區(qū)域效果圖

11

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

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

產(chǎn)品1詳情頁(yè)制作圍繞的水果是獼猴桃，是本店鋪的主要銷售產(chǎn)品之一。詳

情頁(yè)內(nèi)容主要由情景海報(bào)部分、產(chǎn)品賣點(diǎn)部分、產(chǎn)品信息部分、細(xì)節(jié)展示部分、

購(gòu)買(mǎi)須知部分這幾大部分構(gòu)成。

4.2.1主副圖效果圖制作

產(chǎn)品主圖是在消費(fèi)者瀏覽網(wǎng)頁(yè)過(guò)程中最先關(guān)注到的圖片，其重要程度是不言

而喻的。在進(jìn)行主圖的設(shè)計(jì)與制作時(shí)，我們應(yīng)該注重對(duì)產(chǎn)品的展現(xiàn)以及產(chǎn)品賣點(diǎn)

的呈現(xiàn)。本店鋪主圖以紅色為主色調(diào)，產(chǎn)品居中展示、賣點(diǎn)文案放置在產(chǎn)品下方，

且包含優(yōu)惠價(jià)格和促銷信息，上方有店鋪名稱，主圖合理的布局設(shè)計(jì)更能讓消費(fèi)

者接受和喜歡。

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

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

12

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

產(chǎn)品1副圖1、副圖2、副圖3的結(jié)構(gòu)相似，是圖文結(jié)合的排版方式，產(chǎn)品文

案居于一角，是產(chǎn)品信息的簡(jiǎn)單描述，產(chǎn)品不同方面的賣點(diǎn)。副圖1是對(duì)獼猴桃

種植環(huán)境的簡(jiǎn)單呈現(xiàn)，副圖2是對(duì)產(chǎn)品配送服務(wù)的簡(jiǎn)單描述，以及副圖3是對(duì)獼

猴桃果肉的簡(jiǎn)單描述，讓消費(fèi)者看到到獼猴桃的基本情況。

產(chǎn)品1的副圖效果圖如圖10，圖11，圖12所示：

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

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

13

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

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

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

產(chǎn)品1詳情頁(yè)的背景色是以綠色為主，綠色是獼猴桃的顏色，且同色系不會(huì)

使整體有雜亂感，視覺(jué)效果也會(huì)更好。情景海報(bào)的顏色相較于背景色要更深一點(diǎn)，

這更能突出海報(bào)的視覺(jué)效果，起到海報(bào)的宣傳作用；產(chǎn)品賣點(diǎn)部分以靈動(dòng)的文字

描述，展現(xiàn)獼猴桃的誘人，吸引顧客購(gòu)買(mǎi)。圖片挑選都是清晰且逼真的，讓顧客

有更強(qiáng)的視覺(jué)效果感，激發(fā)顧客的購(gòu)買(mǎi)欲望。上圖下文的排版方式讓畫(huà)面具有一

致性，不顯凌亂，中英文結(jié)合，中文特有的魅力與英文的搭配，英文在其中既起

輔助作用又起修飾作用，文案排版采用倒三角形式，更具設(shè)計(jì)感。產(chǎn)品信息部分

采用左圖右文、左文右圖相結(jié)合，多樣性排版方式，不顯單一。購(gòu)買(mǎi)須知，表達(dá)

了店鋪的相關(guān)規(guī)則，讓顧客了解到本店鋪的相關(guān)信息。

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

14

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

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

15

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

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

產(chǎn)品2詳情頁(yè)制作圍繞的水果是芒果，是本店鋪的主要銷售產(chǎn)品之一。詳情

頁(yè)內(nèi)容主要由情景海報(bào)部分、產(chǎn)品賣點(diǎn)部分、產(chǎn)品信息部分、細(xì)節(jié)展示部分、購(gòu)

買(mǎi)須知部分這幾大部分構(gòu)成。

4.3.1主副圖效果圖制作

產(chǎn)品主副圖是對(duì)產(chǎn)品最基礎(chǔ)最初的呈現(xiàn)方式，在進(jìn)行主圖的設(shè)計(jì)與制作時(shí)，

我們應(yīng)該注重對(duì)產(chǎn)品不同側(cè)面的展現(xiàn)以及產(chǎn)品賣點(diǎn)的呈現(xiàn)。本店鋪主圖以紅色為

主色調(diào)，產(chǎn)品居中展示、賣點(diǎn)文案放置在產(chǎn)品周圍，且包含優(yōu)惠價(jià)格和促銷信息，

上方有店鋪名稱，主圖合理的布局設(shè)計(jì)更能讓消費(fèi)者接受和喜歡。

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

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

產(chǎn)品2副圖1、副圖2、副圖3的結(jié)構(gòu)相似，是圖文結(jié)合的排版方式，圖片占

16

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

用大面積，文案集中于一角，簡(jiǎn)單描述產(chǎn)品信息，產(chǎn)品不同側(cè)重點(diǎn)。副圖1是對(duì)

芒果種植采摘的簡(jiǎn)單描述，副圖2是對(duì)芒果果肉口感的簡(jiǎn)單描述，副圖3是對(duì)產(chǎn)

品配送以及售后服務(wù)的簡(jiǎn)單描述，讓消費(fèi)者了解到相關(guān)的基本信息。

產(chǎn)品2的副圖效果圖如圖15，圖16，圖17所示：

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

17

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

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

圖17產(chǎn)品2副圖效果3

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

18

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

產(chǎn)品2詳情頁(yè)的背景色是以黃色為主，黃色是芒果的顏色，且同色系不會(huì)使

整體有雜亂感，視覺(jué)效果也會(huì)更好。情景海報(bào)的顏色相較于背景色要清爽干凈一

點(diǎn)，是以淡藍(lán)色為主，由圖片與文案構(gòu)成，文字居中，圖片在四周圍繞，突出文

案，起到宣傳的作用；產(chǎn)品賣點(diǎn)部分以靈動(dòng)的文字描述，展現(xiàn)芒果的誘人，吸引

顧客購(gòu)買(mǎi)。圖片挑選都是清晰且逼真的，讓顧客有更強(qiáng)的視覺(jué)效果感，激發(fā)