寵物樂園淘寶店鋪視覺營銷設(shè)計(jì)方案

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

目錄

1寵物樂園店鋪概況..................................................1

1.1寵物用品類店鋪發(fā)展現(xiàn)狀.......................................1

1.2寵物樂園店鋪現(xiàn)狀.............................................2

2寵物樂園店鋪視覺營銷分析..........................................2

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

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

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

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

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

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

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

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

3寵物樂園店鋪視覺設(shè)計(jì)..............................................5

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

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

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

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

3.2文案策劃.....................................................8

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

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

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

4寵物樂園店鋪視覺效果制作.........................................10

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

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

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

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

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

I

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

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

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

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

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

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

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

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

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

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

參考資料............................................................19

II

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

寵物樂園淘寶店鋪視覺營銷設(shè)計(jì)方案

1寵物樂園店鋪概況

寵物樂園淘寶店鋪于2022年創(chuàng)立，此次專門針對店鋪首次裝修設(shè)計(jì)，進(jìn)行

詳細(xì)分析與制作。擁有線下店鋪10家。寵物樂園淘寶店鋪擁有4大類產(chǎn)品，分

別是寵物飼料類、寵物玩具類、寵物零食類、寵物日常用品類，共有產(chǎn)品300+。

1.1寵物用品類店鋪發(fā)展現(xiàn)狀

在寵物行業(yè)快速發(fā)展的同時,寵物用品的電商市場也得到了快速發(fā)展。據(jù)統(tǒng)

計(jì)數(shù)據(jù)顯示,目前我國線上寵物用品市場規(guī)模已達(dá)到千億元級,其中天貓、京東、

拼多多等電商平臺占據(jù)著主要地位。隨著消費(fèi)者對養(yǎng)寵觀念的轉(zhuǎn)變和消費(fèi)升級

需求不斷增加,預(yù)計(jì)到2022年國內(nèi)線上寵物用品市場的規(guī)模將達(dá)到2000億人

民幣左右。從數(shù)據(jù)中可以看出,在眾多平臺中天貓和京東是當(dāng)之無愧的第一名和

第二名。而在這兩大平臺的帶動下,2022年的中國線上寵物用品交易額達(dá)到了1

350億元以上。這足以證明當(dāng)下中國的電商環(huán)境以及消費(fèi)者對于寵物的喜愛程度

了。

圖1中國寵物行業(yè)市場規(guī)模表

針對寵物樂園淘寶店鋪所在的淘寶平臺，進(jìn)行分析得知：有關(guān)寵物用品的

金冠店鋪有387家；皇冠店鋪12243家；鉆級店鋪44151家。

1

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

圖2淘寶網(wǎng)搜索店鋪數(shù)量表

1.2寵物樂園店鋪現(xiàn)狀

寵物樂園線上店鋪始創(chuàng)于2022年，發(fā)展時間短，線上店鋪粉絲較少。但擁

有線下店鋪10家，并且分布在3個不同的一線城市，可以將一些忠實(shí)的線下店

鋪粉絲引流至線上店鋪。本店主營品類有四大類，包括寵物飼料、寵物零食、

寵物玩具、寵物日常用具，總共擁有商品300+。

目前店鋪的經(jīng)營理念以“誠信經(jīng)營、品質(zhì)至上、客戶滿意”為宗旨，堅(jiān)持

“質(zhì)量是生命、服務(wù)是關(guān)鍵、信譽(yù)是保證。”據(jù)不完全統(tǒng)計(jì)，線上寵物用品店鋪

相對于其他行業(yè)比較少。因此還有機(jī)會能在這個行業(yè)分一杯羹。

2寵物樂園店鋪視覺營銷分析

店鋪設(shè)計(jì)和運(yùn)營對店鋪提高成交量同樣重要。一個美觀大氣的店鋪裝修能

夠讓消費(fèi)者在瀏覽時產(chǎn)生好感，從而提高成交量。好的店鋪裝修會吸引更多顧

客停留頁面，進(jìn)而吸引顧客購買。

2.1競爭對手店鋪視覺分析

在產(chǎn)品同質(zhì)化越來越高的今天，店鋪的裝修設(shè)計(jì)應(yīng)該做到創(chuàng)新，別具一格，

讓店鋪顯現(xiàn)出更多的獨(dú)特性。另外店鋪視覺設(shè)計(jì)也可以參照行業(yè)內(nèi)數(shù)一數(shù)二的

店鋪視覺設(shè)計(jì)，進(jìn)行取其精華，去其糟粕。

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

競爭對手店鋪1名稱為麥富迪旗艦店。其店鋪粉絲有235萬，是一家10年

老店。店鋪裝修風(fēng)格簡約，首頁色系統(tǒng)一為粉色，內(nèi)容豐富，包括海報(bào)區(qū)、優(yōu)

2

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

惠券區(qū)、爆款區(qū)、產(chǎn)品分類區(qū)，每個產(chǎn)品區(qū)產(chǎn)品多樣。海報(bào)區(qū)使用輪播圖，容

易吸引人目光。每個產(chǎn)品的主圖色系也是統(tǒng)一的綠色，整體相對色系為淺色，

較為清新，重點(diǎn)突出產(chǎn)品。

圖3競爭對手店鋪1視覺分析

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

競爭對手店鋪2名稱為邁仕寵物用品專營業(yè)店，其粉絲有196萬，是一所8

年老店。

店鋪首頁以粉色，西瓜紅為主。設(shè)計(jì)元素都是關(guān)于寵物的。其產(chǎn)品圖大多

為白底圖，沒有過多的裝飾，重點(diǎn)突出產(chǎn)品，但沒那么抓人眼球。首頁包括會

員福利區(qū)、海報(bào)區(qū)、優(yōu)惠券區(qū)、產(chǎn)品分類區(qū)、爆款區(qū)。

3

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

產(chǎn)品首圖風(fēng)格不統(tǒng)一，整體看較為雜亂。

圖4競爭對手店鋪2視覺分析

2.2店鋪視覺營銷定位分析

店鋪視覺營銷定位主要取決于店鋪產(chǎn)品品類、產(chǎn)品設(shè)計(jì)、產(chǎn)品受眾等方面。

以淺色系為主，要與產(chǎn)品設(shè)計(jì)相呼應(yīng)，能夠突出產(chǎn)品。版式簡約，讓瀏覽者不

會產(chǎn)生視覺疲勞。

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

店鋪經(jīng)營過程，產(chǎn)品定位能夠更好的幫助產(chǎn)品銷售給需要的人群。在寵物

經(jīng)濟(jì)盛行的當(dāng)下，人們更加注重產(chǎn)品品質(zhì)，和產(chǎn)品多樣性。店鋪主營貓和狗這

兩種寵物的飼料、零食、生活用品。雖然寵物種類少，但屬于大眾化的寵物，

消費(fèi)市場在寵物領(lǐng)域最廣，并且為了提高顧客的購物體驗(yàn)，盡可能增加產(chǎn)品類

4

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

型，做到讓養(yǎng)貓養(yǎng)狗的顧客一站式購物。店鋪產(chǎn)品為了避免一系列退貨等售后

問題，可以選擇做高品質(zhì)高客單價的產(chǎn)品。

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

只有明確自己的目標(biāo)客戶群體以及產(chǎn)品特征之后，才能對店鋪進(jìn)行針對性

的分析。店鋪消費(fèi)人群定位主要包括三個方面：消費(fèi)水平、年齡層次、文化水

平。消費(fèi)水平方面大多數(shù)以城市白領(lǐng)為主，根據(jù)數(shù)據(jù)統(tǒng)計(jì)養(yǎng)寵物的家庭消費(fèi)水

平中上居多，且大城市寵物經(jīng)濟(jì)正在盛行。高客單價高品質(zhì)的產(chǎn)品，受眾自然

是經(jīng)濟(jì)條件較高的顧客。年齡層次以20-40歲的年輕人為主。文化水平較高。

對高品質(zhì)的養(yǎng)寵物消費(fèi)接受度高。

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

寵物用品類風(fēng)格選用可愛、清新的風(fēng)格。因?yàn)轲B(yǎng)寵物的人們大多都是有愛

心、內(nèi)心溫暖的人，會更加傾向于這類可愛、溫暖的風(fēng)格，設(shè)計(jì)元素多選用與

寵物相關(guān)的圖案，例如狗爪、狗骨頭。在排版設(shè)計(jì)上，要用簡單、大氣的排版，

避免顧客看到眼花繚亂。突出重點(diǎn)產(chǎn)品，讓顧客更加精準(zhǔn)快速的找到想要的購

買的產(chǎn)品。排版整齊，色系統(tǒng)一，主題選擇可愛風(fēng)格，與寵物這個類別相關(guān)。

2.4店鋪色彩分析

寵物用品的受眾是喜愛小動物的人，此類人群更具有愛心。色彩上多采用

淺色系或暖色系，顯得更加清新。明亮的色彩更能吸引人的目光，人們通常對

于明亮的色彩更加敏感。與此同時，顏色的搭配還要遵循一些基本原則，比如

“主色+點(diǎn)綴色”、“對比色的搭配”等，另外還要注意冷暖色調(diào)的相互協(xié)調(diào)、明

暗度的合理把握以及整體風(fēng)格的統(tǒng)一等。

店鋪首頁色彩選用暖色調(diào)的棕色系風(fēng)格，會比較溫馨，點(diǎn)綴色可以選用與

一些動物毛色相關(guān)的顏色，點(diǎn)明寵物這個主題。詳情頁主要選擇與產(chǎn)品包裝相

類似的顏色，與產(chǎn)品相呼應(yīng)。

3寵物樂園店鋪視覺設(shè)計(jì)

首先對寵物樂園店鋪進(jìn)行大綱設(shè)計(jì)，確定寵物樂園店鋪的版式，再進(jìn)一步

進(jìn)行詳細(xì)的設(shè)計(jì)。

5

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

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

根據(jù)首頁、詳情頁中所需要設(shè)計(jì)的內(nèi)容進(jìn)行排版，其中首頁包括產(chǎn)品海報(bào)、

活動區(qū)、商品分類區(qū)、產(chǎn)品展示區(qū)、頁尾區(qū)等欄目。詳情頁需要包括括產(chǎn)品情

景海報(bào)、產(chǎn)品賣點(diǎn)、產(chǎn)品信息、產(chǎn)品展示、細(xì)節(jié)展示、支付與配送信息、售后

信息等內(nèi)容。

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

首頁版式設(shè)計(jì)圖從上至下的排版順序?yàn)楹?bào)區(qū)、優(yōu)惠券區(qū)、產(chǎn)品分類區(qū)、

產(chǎn)品熱銷區(qū)、產(chǎn)品展示區(qū)、頁尾區(qū)。其中優(yōu)惠區(qū)由四張圓角矩形優(yōu)惠券組成，

一行兩張，總共兩行分別排列對齊。

產(chǎn)品分類區(qū)由四個品類組成，第一行由兩個長方形組成，第二行由兩個正

方形組成，顯得不那么中規(guī)中矩和呆板。

產(chǎn)品熱銷區(qū)由一個大長方形組成，里面有三個熱銷產(chǎn)品，第一行布局為左

產(chǎn)品，右文案，文案由名稱、產(chǎn)品文案、產(chǎn)品價格組成；第二行為左文案，右

產(chǎn)品。第三行布局為左產(chǎn)品，右文案。

產(chǎn)品展示區(qū)由六個產(chǎn)品組成，每一行兩個產(chǎn)品，總共三行。產(chǎn)品下面有一

個長方形，用來寫產(chǎn)品價格。

頁尾設(shè)計(jì)了一個關(guān)注店鋪的標(biāo)志。在往下就是返回頂部的標(biāo)識。

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

6

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

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

產(chǎn)品1詳情頁是一個狗糧的詳情頁。這款狗糧的產(chǎn)品圖為藍(lán)色，因此詳情

頁選擇藍(lán)色，和產(chǎn)品相呼應(yīng)。并且以適當(dāng)?shù)牧舭淄癸@產(chǎn)品。

產(chǎn)品詳情頁包括情景海報(bào)、產(chǎn)品賣點(diǎn)區(qū)、品牌介紹區(qū)、產(chǎn)品細(xì)節(jié)區(qū)、產(chǎn)品

信息區(qū)、產(chǎn)品參數(shù)區(qū)、物流售后區(qū)。其中產(chǎn)品細(xì)節(jié)區(qū)詳細(xì)展示了四個細(xì)節(jié)，產(chǎn)

品圖的位置選用白色打底，凸顯產(chǎn)品。產(chǎn)品參數(shù)區(qū)詳細(xì)介紹了有關(guān)產(chǎn)品，讓顧

客更加了解產(chǎn)品。

詳情頁中的元素盡量選用與寵物有關(guān)的圖形。

圖6詳情頁1版式設(shè)計(jì)圖

7

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

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

產(chǎn)品詳情頁2的產(chǎn)品為狗狗磨牙棒，產(chǎn)品顏色為棕色，因此詳情頁的色系

以棕色為主，白色為底色。（此版試圖底色為淺棕色，是為了與文檔底色區(qū)分

開）。

詳情頁包括情景海報(bào)、產(chǎn)品賣點(diǎn)。產(chǎn)品細(xì)節(jié)、產(chǎn)品分類、產(chǎn)品海報(bào)、產(chǎn)品

信息、喂食建議、售后物流。其中產(chǎn)品賣點(diǎn)有三個，并排排列。產(chǎn)品細(xì)節(jié)有五

點(diǎn)，前面兩點(diǎn)單獨(dú)排列，后面三點(diǎn)單獨(dú)排列。喂食建議有三點(diǎn)，排列為一行。

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

3.2文案策劃

文案是品牌與用戶之間溝通的重要橋梁，好的文案可以吸引消費(fèi)者購買產(chǎn)

品或服務(wù)。

8

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

3.2.1店鋪首頁文案策劃

首頁的文案要起到吸引顧客停留與購買的作用，突出店鋪重點(diǎn)產(chǎn)品、突出

賣點(diǎn)。

文案的策劃要圍繞三個方面進(jìn)行撰寫：一是了解產(chǎn)品，明確需求；二是確

定主題，提煉觀點(diǎn)；三是尋找素材，組織語言。對此，首頁的每個內(nèi)容區(qū)域的

文案撰寫都要符合這三點(diǎn)。海報(bào)區(qū)文案要明確主題，可以結(jié)合節(jié)日，推出與節(jié)

日相關(guān)的話題。每個區(qū)域的文案側(cè)重點(diǎn)不相同。優(yōu)惠券區(qū)要說明優(yōu)惠力度，優(yōu)

惠時間，好的文案能夠提高客戶轉(zhuǎn)化。

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

詳情頁文案策劃主要目的是讓客戶更加詳細(xì)的了解產(chǎn)品，直擊客戶痛點(diǎn)，

讓客戶產(chǎn)生強(qiáng)烈的購買欲。

其中詳情頁中文案每個區(qū)域側(cè)重點(diǎn)也不相同。情景海報(bào)區(qū)需要點(diǎn)明主題，

提煉觀點(diǎn)。其主題就是“全價凍干狗糧”，三個觀點(diǎn)：“精選原料、營養(yǎng)均衡、

安全管控”。

再往下就是產(chǎn)品賣點(diǎn)區(qū)，這里的文案需要針對客戶的痛點(diǎn)進(jìn)行刨析，根據(jù)

顧客的實(shí)際需求制定針對性的文案。此處賣點(diǎn)文案有五點(diǎn)：“理想體態(tài)、有利

于消化、提高免疫力、滿足挑剔口味、生長發(fā)育快。”

產(chǎn)品細(xì)節(jié)區(qū)包括四個方面，并且做出了詳細(xì)闡述。一是“維生素A&D，A&D

搭配促進(jìn)生長發(fā)育，強(qiáng)壯骨骼和牙齒。”二是“維生素C，維持細(xì)胞間的正常結(jié)

構(gòu)，促進(jìn)傷口愈合,缺乏它可引起壞血病?！比恰熬S生素E提高免疫力，保護(hù)

心臟，遠(yuǎn)離疾病的困擾?！彼氖恰芭；撬?，提高狗的生殖能力有明顯的作用,防

止狗的膨脹心肌和中央視網(wǎng)膜退化癥病?！?/p>

產(chǎn)品信息區(qū)主要詳細(xì)寫了產(chǎn)品的參數(shù)，讓顧客更了解該產(chǎn)品。

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

產(chǎn)品2詳情頁是一個狗狗磨牙棒的詳情頁。在這個詳情頁中文案策劃符合

產(chǎn)品描述，針對顧客的需求做出了詳細(xì)的撰寫。

情景海報(bào)區(qū)同樣點(diǎn)明了主題，突出了產(chǎn)品。產(chǎn)品賣點(diǎn)區(qū)也直擊顧客的痛點(diǎn)，

針對性的文案有三點(diǎn)：“清新口氣、有效潔齒、減少菌垢?！边@是描述產(chǎn)品的優(yōu)

點(diǎn)。接下來專門針對顧客關(guān)心的問題“80%以上的狗狗在不同程度上都伴有口腔

問題”提出三個點(diǎn)，一是：牙結(jié)石，造成口臭及牙周?。欢牵貉乐苎?，牙肉

發(fā)炎牙齒脫落；三是：乳牙脫落，造成口臭及牙周病。圍繞顧客關(guān)心的問題，

9

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

針對性進(jìn)行文案撰寫更能刺激顧客消費(fèi)。

接下來是產(chǎn)品細(xì)節(jié)與特點(diǎn)，包括產(chǎn)品的一些，成分特點(diǎn)與口味選擇。產(chǎn)品

的基本信息是顧客了解該產(chǎn)品的主要途徑，因此詳細(xì)包括：生產(chǎn)日期、保質(zhì)期、

貯存條件等。

4寵物樂園店鋪視覺效果制作

根據(jù)上述店鋪風(fēng)格定位、人群定位，針對性的進(jìn)行店鋪視覺效果設(shè)計(jì)。迎

合目標(biāo)人群的喜好進(jìn)行店鋪裝修，能夠增加店鋪轉(zhuǎn)化。

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

店鋪主營產(chǎn)品為寵物用品，但范圍僅限于貓和狗。所以店標(biāo)由一只貓頭的

剪影和狗頭的剪影形成，主色為米黃色，與首頁相呼應(yīng)。字體也采用偏可愛的

風(fēng)格。

圖8店標(biāo)效果設(shè)計(jì)圖

4.2店鋪首頁效果圖制作

為了使店鋪整體風(fēng)格達(dá)到統(tǒng)一，首頁色彩風(fēng)格選用與店標(biāo)統(tǒng)一的暖色系。

淺棕色、米色、棕色為主。

整個首頁底色為淺棕色。其他一些裝飾為棕色居多。裝飾元素由狗糧、狗

骨頭等與寵物相關(guān)的元素組成，用高斯模糊，使元素沒那么扎眼。

每個區(qū)塊銜接也比較重要，增加一些花邊的元素過渡使得區(qū)與區(qū)之間自然

銜接。

10

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

圖9店鋪首頁效果設(shè)計(jì)圖

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

店鋪主要經(jīng)營產(chǎn)品是與寵物有關(guān)，因此，海報(bào)的主元素自然使用一些小貓

小狗得圖片。另外，為了凸顯新店開業(yè)的主題，文案為“新店開業(yè)，福利大放

送。”讓顧客一眼明了。為了避免純色背景的單調(diào)性，增加了一些童趣的剪影，

并且降低透明度，使其畫面更加具有層次感。

11

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

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

優(yōu)惠券是由一個小狗頭和圓角矩形組成。小狗頭是由圖形和鋼筆工具勾勒

而成，并且增提增加了投影與斜面和浮雕的效果，使得小狗更加立體，增加了

畫面的趣味性。小狗的顏色也是為了保持店鋪整體色彩的搭配，采用了棕色。

其中優(yōu)惠券的字體還設(shè)置了陰影，使字體更加明顯

圖10優(yōu)惠券效果設(shè)計(jì)圖

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

產(chǎn)品分類區(qū)只有四類產(chǎn)品，都為白底圖，使畫面更加整潔，文案用透明度

較低的矩形方塊打底。

四個產(chǎn)品分別成兩行兩列分布。為了避免死板，第一行的兩類產(chǎn)品是長方

形打底。第二行的兩類產(chǎn)品是正方形打底，并且靠左排放，右邊多出空白位置

由裝飾元素一個勺子填補(bǔ)。

圖11產(chǎn)品分類區(qū)效果設(shè)計(jì)圖

12

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

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

產(chǎn)品展示區(qū)是制作了一個展示架，為了不顯得那么呆板，也是利用了投影、

鞋面和浮雕的效果，使得展示架更加立體。

這個展示架僅僅只是用了圖形工具制成，重點(diǎn)是效果與光影的制作，光影

是效果制作的重點(diǎn)，一般采用曲線來調(diào)節(jié)。

色彩的選擇同樣為了搭配整體風(fēng)格選用棕色。使畫面更加和諧一致。

圖12產(chǎn)品展示區(qū)效果設(shè)計(jì)圖

4.2.5頁尾效果圖制作

頁尾使用花邊結(jié)束，與前面區(qū)塊與區(qū)塊的銜接相呼應(yīng)。色彩選用同一色系

的淺棕色。頁尾包括引導(dǎo)關(guān)注與返回頂部兩部分。引導(dǎo)關(guān)注由圓角矩形與圓形

組成，增加了顏色漸變、陰影的效果。豐富了色彩與內(nèi)容。

圖13頁尾效果設(shè)計(jì)圖

13

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

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

產(chǎn)品1是一個狗糧的產(chǎn)品，產(chǎn)品圖是藍(lán)色，為了與產(chǎn)品相搭配，色系采用

藍(lán)色系。構(gòu)圖簡潔大方。

4.3.1主副圖效果圖制作

主副圖同樣采用與產(chǎn)品包裝相同的藍(lán)色系。有適當(dāng)?shù)牧舭淄怀霎a(chǎn)品樣式。

主副圖都以白底圖為主，增加一個藍(lán)色的邊框與產(chǎn)品包裝相呼應(yīng)。主圖文案要

突出價格、產(chǎn)品重點(diǎn)，所以文案效果設(shè)計(jì)比較醒目，但是不能忽略產(chǎn)品圖。

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

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

關(guān)于產(chǎn)品1狗糧的詳情頁制作。色彩選擇與產(chǎn)品包裝同色系的藍(lán)色。

情景海報(bào)采用左右構(gòu)圖，左邊是圖片，右邊是文案。其中避免右邊留白過

多，增添了狗糧作為背景。文案使用藍(lán)色漸變圓角矩形作為底色。

產(chǎn)品賣點(diǎn)區(qū)，將產(chǎn)品圖使用高斯模糊后作為前景，讓畫面更加有層次感。

每個賣點(diǎn)使用圓形作為文案背景，每個賣點(diǎn)用線條鏈接，構(gòu)成鏈條性設(shè)計(jì)，更

具創(chuàng)造性，排版新穎。

品牌理念區(qū)制作了一個小海報(bào)，海報(bào)背景由12張狗狗照片組成的背景。文

案用透明度較低的矩形作為底色。

產(chǎn)品細(xì)節(jié)區(qū)采用左文右圖的構(gòu)圖方法，使畫面簡潔明了。同樣使用形狀工

14

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

具繪制圓形組成。

詳情頁每個區(qū)塊是由顏色不同的矩形銜接而成。

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

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

產(chǎn)品2是狗狗磨牙棒，產(chǎn)品顏色為深棕色，產(chǎn)品包裝為透明盒裝。產(chǎn)品功

效主要是為了清新口氣。因此詳情頁風(fēng)格為簡約型，色彩選擇棕色和綠色進(jìn)行

搭配。

15

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

4.4.1主副圖效果圖制作

主副圖為了凸顯產(chǎn)品是，選擇白底圖為主，邊框?yàn)樽厣抵械臏\棕色，主

打清新自然，右上角有一個店鋪名稱的logo，增加辨識度。

主圖使用了葉子，添加模糊特效后作為畫面前景，使畫面更加具有層次感。

文案選擇綠色與淺棕色更搭。用矩形制作了一個桌子，桌子添加了木制的紋理，

調(diào)節(jié)曲線使桌子光影更加立體。構(gòu)圖是左右構(gòu)圖，右邊是小狗的圖片，用鋼筆

工具給小狗勾勒了帽子和領(lǐng)帶，增添了可愛的味道。