湖南商務職業技術學院畢業設計

目錄

1上鑄戶外設備淘寶店鋪概況................................................1

1.1露營類店鋪發展現狀.................................................1

1.2上鑄戶外設備店鋪現狀...............................................2

2上鑄戶外設備淘寶店鋪視覺營銷分析........................................3

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

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

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

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

2.2.1店鋪產品定位分析.............................................6

2.2.2消費者人群定位分析...........................................6

2.3店鋪風格分析.......................................................7

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

3上鑄戶外設備淘寶店鋪視覺設計............................................7

3.1店鋪版式設計.......................................................7

3.1.1首頁版式設計.................................................7

3.1.2產品1詳情頁版式設計..........................................9

3.1.3產品2詳情頁版式設計.........................................10

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

3.2.1首頁文案策劃................................................12

3.2.2產品1詳情頁文案策劃.........................................12

3.2.3產品2詳情頁文案策劃.........................................12

4上鑄戶外設備店鋪視覺效果制作...........................................13

4.1店標效果圖制作....................................................13

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

4.1.1海報效果圖效果圖制作........................................15

4.1.2優惠券效果圖制作............................................16

I

湖南商務職業技術學院畢業設計

4.1.3產品分類區效果圖制作........................................17

4.1.4產品展示區效果圖制作........................................18

4.1.5頁尾區效果圖制作............................................19

4.2產品1詳情頁效果圖制作.............................................20

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

4.2.2產品1詳情頁效果圖設計.......................................23

4.3產品2詳情頁效果圖制作.............................................24

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

4.3.2產品2詳情頁效果圖...........................................27

5總結...................................................................28

參考資料.................................................................29

II

湖南商務職業技術學院畢業設計

上鑄戶外設備淘寶店鋪視覺營銷設計方案

1上鑄戶外設備淘寶店鋪概況

露營營地市場規模受到整體旅游市場增長帶動，加之消費者更傾向于短途旅游和親近

自然，預計未來營地市場規模將持續擴大。露營設備也不只是單一線下購買，線上購買會

更加方便快捷。上鑄戶外設備淘寶店鋪成立于2022年12月份，是一家經營沖鋒衣、防曬衣、

滑雪服、戶外鞋、登山包、登山杖、帳篷、LED手電、望遠鏡、騎行裝備等綜合性一站式

戶外裝備用品店。

1.1露營類店鋪發展現狀

數據顯示，中國露營經濟核心市場規模和帶動市場規模均呈現逐年上升的趨勢。2021

年中國露營經濟核心市場規模達到747.5億元，同比增長62.5%；帶動市場規模為3812.3億

元，同比增長率為58.5%。預計2025年中國露營經濟核心市場規模將上升至2483.2億元，

帶動市場規模將達到14402.8億元。艾媒咨詢分析師認為，隨著消費升級，越來越多的消

費者加入到露營的活動中，露營及其相關產業在中國有著較大的發展空間。

2014-2025中國露營經濟市場規模及預測分析（數據來源：iiMediaResearch艾媒咨

詢)如圖1所示。

圖12014-2025年中國露營經濟市場規模及預測分析

1

湖南商務職業技術學院畢業設計

此外，在互聯網時代巨變的時代里，露營設備由線下購買增加為線上購買，會更加方

便快捷的滿足露營人們需求。

以2022年線上各平臺熱度分析，隨著中國消費者可支配收入的提高，其消費結構也會

更多地從基本吃穿消費，向發展型和享受型消費傾斜。消費升級趨勢愈發明顯，消費者越

來越追求更高品質的生活方式，成為拉動露營產業經濟增長的重要因素。

中國露營行業線上平臺熱度分析（數據來源：iiMediaResearch艾媒咨詢)如圖2所

示。

圖2中國露營行業線上平臺熱度分析

在淘寶網對“露營”關鍵詞進行搜索，相關店鋪有146980家在營店，其展示結構超過

100頁。

淘寶網露營搜索數據圖如圖3所示。

圖3淘寶網露營搜索數據圖

1.2上鑄戶外設備店鋪現狀

上鑄戶外設備店鋪成立于2022年12月10日，主要經營沖鋒衣、防曬衣、滑雪服、戶外

鞋、登山包、登山杖、帳篷、LED手電、望遠鏡、騎行裝備等戶外裝備用品。堅持以人為

本，誠信經營的理念，預計未來營地市場規模持續擴大，隨著旅游業的高峰期來臨，也意

2

湖南商務職業技術學院畢業設計

味著露營人群購買裝備的高峰期也至。

2上鑄戶外設備淘寶店鋪視覺營銷分析

上鑄戶外設備店鋪作為新店，在正式的投入運營設計之前，要有明確的定位，成熟的

露營裝備品牌在產品設計與推廣初期，就通過產品定位在目標人群心目中建立起了良好的

品牌形象，為目標人群選擇自己露營裝備品牌構建了某種必買購買理由。明確的定位，會

使得店鋪穩定的長期發展。

2.1競爭對手店鋪視覺分析

分析競爭對手的店鋪，不僅能夠有利于學習吸取相關的設計風格，也是有利于激發設

計靈感，參考一些優秀的元素，利用到自身的設計中，使得店鋪的風格更加鮮明獨特，而

對于競爭店鋪的糟粕點也可以及時的避免。

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

競爭對手店鋪1的店鋪名稱為“原始人旗艦店”，該店鋪的粉絲數為23.1萬人，首頁

的導航部分在設計上，插入了戶外露營帳篷等宣傳視頻，畫面優美風景宜人，引起觀者露

營欲望，并且標注了{戶外愛好者的必備好物合集}。店鋪整體色調為白、綠色調，通過此

色調表明了綠色自然親近大自然的情緒，使人隔著屏幕仿佛置身大自然心曠神怡。海報下

面就是購物金活動的板塊，通過“充500得510，充1000得1025”等購物金活動，刺激消費

者消費。再往下更是通過“類目導航、熱銷榜單、新品首發”等對產品進行場景、功能的

分類，以及各種提示圖標引導，讓消費者對于需求產品的尋找一目了然。該店鋪設計上主

次分明、動靜結合，在充滿大自然露營活力的同時讓消費者不僅準確尋找到所需產品，并

且刺激了其他消費。

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

3

湖南商務職業技術學院畢業設計

圖4競爭對手店鋪1首頁

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

競爭對手店鋪2的店鋪名稱為“高邁戶外專營店”粉絲數有9.7652萬，店鋪收錄于

【戶外愛好者的必備好物合集】，為必逛好店。店鋪首頁一開始就為“新品上市、戶外帳

篷、戶外桌椅、卡式爐具、便攜氣罐”等產品分類，讓消費者進入店鋪第一時間找到自己

所需要的物品。緊接著是四張輪播海報，分別為“戶外噴槍、防爆卡式氣罐、戶外燃氣、

便攜式煤氣灶”，可以看出此店鋪近期售賣產品側重于戶外烹飪。再往下接著又是一個更

加細致的產品分類，與第一個產品分類和海報剛好上下呼應。在接下來分別是“熱搜榜單、

熱搜分類”，將店鋪主要經營、銷量高的的產品全部給消費者呈現眼前。店鋪整體色調為

藍白色調，給人一種簡潔明了的感覺，讓消費者進入店鋪后清晰明確快速的找到自己需求

物品。

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

4

湖南商務職業技術學院畢業設計

圖5競爭對手店鋪2首頁圖

2.2店鋪視覺營銷定位分析

上鑄戶外設備店鋪作為新店，在正式的投入運營設計之前要有明確的定位，明確的定

5

湖南商務職業技術學院畢業設計

位會使得店鋪穩定的長期發展。營銷定位分析主要是從產品的定位分析、消費者人群定位

分析兩方向進行展示，更加明確店鋪的發展方向。

2.2.1店鋪產品定位分析

隨著消費升級，越來越多的消費者加入到露營活動中，露營及其相關產業在中國有著

較大的發展空間。由2021年5月-2022年5月露營的熱度指數及主題詞云（數據來源：

iiMediaResearch艾媒咨詢)如圖6所示。

圖62021年5月-2022年5月露營的熱度指數及主題詞云

因中國露營經濟核心市場規模和帶動市場規模均呈現逐年上升的趨勢，電商渠道的露

營市場有一定的前景。在競爭激烈的情況下，新生的店鋪要獲取到利益，便要打造自己獨

特的產品風格。

上鑄戶外設備店鋪經營野營用品、帳篷系類、照明系列、便攜用品、步林系列、山地

客系列等戶外裝備用品，產品定位為中端消費水平。店鋪采用互補品及關聯產品方式，將

露營及戶外探險所互補產品以及關聯性產品全部經營，容易引起使顧客購買一站式購買，

更加方便快捷。

2.2.2消費者人群定位分析

因為現代戶外運動需要花費大量的時間和金錢，是勞筋骨磨意志的“苦差事”，一些

中老年消費者很難有興趣或精力參與其中，所以目前參與現代戶外運動被視為有經濟實力，

珍視休閑時間，熱愛生命的年輕人專利。在中國，更多的參與者屬于80后、90后以及00后

6

湖南商務職業技術學院畢業設計

這些自主意識比較強，對新事物敏感，喜歡冒險，提倡引領浪潮的群體。

因此上鑄戶外設備店鋪人群定位主要為18至48歲戶外運動愛好者以及露營人群，特別

側重于極限運動愛好者，這類人群更重視戶外運動時產品的實用性。作為中端戶外設備店

鋪，可以滿足大部分人的消費水平。

2.3店鋪風格分析

視覺沖擊往往是用戶進入店鋪的首頁因素，而對于風格的選擇，每個人的體感都是不

一樣，店鋪要做到的是針對特定的人群打造適合他們的需求和審美的店鋪，從而增加用戶

的粘性，并在使得店鋪在忠實用戶的親朋好友中起到一定的傳播。

在市場中大部分同類型店鋪風格為綠色、木制等設計風格，主要目的為引起人群露營

對大自然的向往。但上鑄戶外設備店鋪人群定位不止露營，還包括野外探險。除了對對綠

色大自然的吸引，店鋪更側重戶外極限運動、戶外露營的危險性重視。因此店鋪風格定位

為極簡風，主要配色為黑白灰。設計簡潔明了，讓顧客進入店鋪能夠快速找到自己的需求

物品，更加高效購物。

2.4店鋪色彩分析

店鋪屬于戶外設備店鋪，主要針對的是戶外運動愛好者以及露營人群。在設計時，店

鋪一改市面上大部分店鋪綠色、木制裝修風格，主要為黑白灰三色調。黑色色彩給人帶來

一種神秘感，體現出戶外運動有一定危險性。白色作為黑色對比色，象征著戶外運動除了

要警惕危險性還有著輕松愉悅的一面。灰色則作為黑、白倆色調的調和色。

3上鑄戶外設備淘寶店鋪視覺設計

做好淘寶店鋪的視覺設計，首先就要從頁面排版來入手，只有明確顧客需求，排版主

次分明、突出重點，才能吸引消費者，完成交易。

3.1店鋪版式設計

在版式設計中，如何突出店鋪的主要利益點,讓構圖的編排和色彩的選擇抓住消費者

的目光都是需要在設計之前考慮到的。

店鋪結合主推產品和相關的活動,采用左右構圖和中心構圖來進行編排，運用字體、

圖片、色彩的組合來構成店鋪整體的板式設計,整體做到有重點、有主次、便捷、簡約。

3.1.1首頁版式設計

店鋪的首頁設計主要包括：店標（logo）、導航、海報、活動優惠劵、新品推薦區、

7

湖南商務職業技術學院畢業設計

熱銷榜單區、全部分類以及頁尾設計8個區域。

圖7首頁版式圖1

由首頁版式設計圖，結合店鋪對各部分細節設計進行說明。

同淘寶大部店鋪一樣，最開始設計了店標、導航。可以讓顧客第一眼見到其進入的店

鋪為“上鑄”，同時導航也為顧客節省時間瀏覽，可以直接搜索自己所需商品在該店鋪。

極大的提高了購物效率。

接下來店鋪設計了兩張全屏海報，主要針對為新款或者最近活動制定的海報，從而吸

引顧客興趣，繼續進行深入瀏覽。

8

湖南商務職業技術學院畢業設計

下一部分店鋪選擇放置活動及優惠券，顧客可以從淘寶點擊一下直接切換到微博、小

紅書等app平臺進行瀏覽本店鋪的活動以及推廣。也通過放置優惠券、入會優惠等吸引顧

客加入該店鋪會員，促進購買。

緊接著，店鋪會將新品全部陳列在下一區域。讓顧客領取完優惠券，看過活動直接看

到新品以及新品的優惠力度，吸引瀏覽以及購買量。

再下一區域為熱銷榜單，還在猶豫買什么野營裝備的顧客可以通過熱銷榜單進行參考。

再接著為全部商品，顧客可以通過自己所需商品類別直接搜索，方便快捷。

最后為頁尾設計，會有物流、發貨時間、產品以及退換貨要求及注意事項。提前讓顧

客了解。

3.1.2產品1詳情頁版式設計

詳情頁是提高轉化率的入口，因此寶貝詳情頁是店鋪產品是否能夠交易成功的關鍵因

素。一個成功的詳情頁要直擊消費者的痛點，促進消費者的購買欲望，要設計符合店鋪的

消費者人群的定位特點。

產品1詳情頁版式，主要設計包括：海報、產品用途、產品信息、產品細節、包裝展

示及售后須知（頁尾部分）六個區域。

最開始設置了四張海報，在第三張海報下端設置了產品用途。緊接著是產品信息區域，

詳細介紹了此產品各類數據。再往下是產品細節圖文展示以及包裝展示。最后為售后須知。

整體詳細展示了顧客售前需求以及售后保障，設計簡潔明了。不僅讓顧客快速了解，更讓

顧客覺得靠譜。

如圖8產品1版式設計圖所示：

9

湖南商務職業技術學院畢業設計

圖8產品1版式設計圖

3.1.3產品2詳情頁版式設計

產品2詳情頁版式設計與產品1詳情頁版式大徑相同。依舊是選擇和店鋪相符的色彩定

位黑白灰三色，主要包括：海報、產品優勢、產品參數、功能分解圖、檔位介紹、產品細

10

湖南商務職業技術學院畢業設計

節功能介紹、適用環境以及售后須知8個區域。

如圖9產品2版式設計圖所示：

圖9產品2版式設計圖

3.2店鋪文案策劃

對于店鋪來說，產品的文案直接決定了產品的特色，有特色的東西才會更有價值，才

會更吸引用戶來購買，形成有大量積淀的用戶群，最終達到較好的用戶口碑。

11

湖南商務職業技術學院畢業設計

3.2.1首頁文案策劃

首頁文案設計比較重要的部分包括店招區域（含導航欄）、首頁海報、活動區、產品

推薦和售后需知幾個部分的文案策劃。

店標直接標明了店鋪經營類型“上鑄戶外設備”，明確顧客該店鋪經營戶外設備，緊

接著下面標注了店鋪標識“金牌店家粉絲數98.3萬淘寶神店榜戶外露營器具排行榜

TOP2”，由這幾個標識，可以增加顧客對店鋪產品質量、物流、售后等好感度，從而促成

購買量。再往下是關于店鋪直播“精致露營必備好物”為主題的直播回放，顧客可以通過

這里觀看每期直播回放，從而對店鋪及產品有更好的了解。

接下來是倆張產品的海報，分別凸顯了產品特性，文案為“野營折疊刀手柄雕刻以

凹陷的防滑槽增加防汗防滑功能防滑且不失質感”、“強光安全錘手電筒IPX6級防水

加厚防水圈電路絕緣保護設計”。

再接下來為活動區和優惠券，用不同大小字體排練，可以讓顧客一眼看到優惠券，從

而領取，加入會員、關注店鋪等。

往后部分除了產品推薦，還有一個熱銷榜單，通過TOP1、2、3等文案排練讓顧客直觀

看到店鋪產品購買率，讓消費者一眼記住增進購買率。

此外還有售后須知，這一部分詳細的寫出了關于物流、發貨時間、產品質量以及退換

貨注意事項等內容，打消顧客疑慮，增強產品保障。

3.2.2產品1詳情頁文案策劃

產品的詳情頁是消費者看到主圖或者產品的首頁產生興趣之后來到的頁面在詳情頁中

需要不斷強調該產品的優勢與特色,利用好文案和視覺效果，促進下單，提高產品的轉化

率。

產品1詳情頁本店鋪制作主要展示了產品細節、優勢及用途。海報文案“滿足戶外野

心Campingfoldingknife”、“掌握自如人體工程學設計刀柄線條豐富而有力量刀片整

體搭配相得益彰”、“多道手工研磨刀刃切割耐磨不易生銹讓刀具兼具柔性與硬度”

中英文、不同字體突出產品優勢，簡約并且容易給顧客產生深刻印象。

產品的用途介紹具有場景性，三個場景分別從削樹枝、削紙張、割繩索，搭配文案

“讓刀具兼具柔性與硬度”，易使顧客帶入情景之中。

產品信息介紹實事求是介紹了產品的品牌、品名、刃材、刃厚、工藝、硬度、柄材，

重量等信息。簡潔易懂，便于消費者直接得到所需信息。

產品細節展示詳細展示了產品各個部位的優勢及用途，讓顧客對產品有全方面的了解。

3.2.3產品2詳情頁文案策劃

產品2的詳情頁文案同產品1一樣，主要以簡潔明了的方式進行設計，直接傳達產品信

12

湖南商務職業技術學院畢業設計

息，也因為本店鋪各產品詳情頁整體分割類似，增加顧客熟悉感，讓顧客一看到此類型詳

情頁就想到此店鋪。

產品2賣點主要針對安全錘手電筒這款產品特性，以及售賣人群特點進行提煉，作為

安全錘手電筒以及戶外露營人群特點來說，介紹不僅要有產品功能，更要實用耐用，一物

多用。所以文案不僅寫了產品各類參數，還分別以細節、用途、適用環境等角度進行說明，

結合圖片細節及場景圖片，使消費者直觀看到產品各類用途及多樣性，直擊顧客需求痛點。

“五種應急警示音”、“USB兼容充電”、“太陽能板”、“安全帶割繩”等直觀推

出產品2的優勢，讓消費者快速了解到產品的全方面特點及用途，提高產品性價比，增加

消費者購買欲。

最后每個詳情頁都會有售后須知，里面詳細介紹了店鋪快遞、發貨時間、產品廠家以

及退換貨注意事項，增強顧客對店鋪的信任感。

4上鑄戶外設備店鋪視覺效果制作

店鋪視覺效果配色很講究，顧客在瀏覽店鋪時，首要注意的是顏色方面。如果顧客難

以從琳瑯滿目的產品中分辨出主色調，那么就要重新思考如何進行顏色搭配了。同時店鋪

的頁面要有足夠的吸引力與沖擊力，消費者能夠被店鋪頁面吸引，那么就會停留的時間長

一點，進而促進消費者的購買欲。

4.1店標效果圖制作

店鋪名稱起名為“上鑄戶外設備”，上鑄為武術稀有兵器之一，械身為軟索，一段系

龍頭，一段系錐，均為金屬鑄制。本店之所以起名為上鑄，主要是想體現本店匠人精神，

以及上鑄二字簡單易記，方便給人留下印象。之后的“戶外設備”則表明店鋪主營戶外設

備，表示店鋪經營范圍。logo的設計非常簡單，將“上”字變為一筆，右下方寫“鑄”以

及拼音。

如圖10店標所示：

圖10店鋪logo

13

湖南商務職業技術學院畢業設計

4.2店鋪首頁效果圖制作

首頁作為店鋪形象展示的窗口，其效果的好壞直接影響到店鋪品牌宣傳以及買家體驗，

最后仍是影響店鋪的轉化率。在設計首頁時，因為店鋪更側重戶外極限運動、戶外露營的

危險性重視，所以色彩選擇黑白灰為主色調，風格為簡約風。

如圖11首頁效果圖所示：

圖11首頁效果圖

14

湖南商務職業技術學院畢業設計

4.1.1海報效果圖效果圖制作

首頁海報是一個店鋪視覺核心，體現著店鋪整體的色調。現如今店鋪都是推出全屏海

報，視覺效果沖擊也更強烈。真正讓人有眼前一亮的感覺也是通過其首頁海報體現的，可

以在海報上放上最重要的信息，展開產品的推薦，盡充分吸引消費者的視線，體現店鋪品

牌風格。

在設計海報時，店鋪決定將首頁海報設置為新品中的倆個產品，最后選定了野營折疊

刀以及安全錘手電筒。再根據店鋪風格，海報設計為簡約款式，主要以展示產品形象為主。

海報1折疊刀在絲綢布上放置產品，絲綢為黑色光澤，產品為黑灰色系，相輔相成，

更好的展示了產品的全貌，外加產品放置為正中央，上配置文案“手柄雕刻以凹陷的防滑

槽增加防汗防滑功能防滑且不失質感”，文案與背景產品形成顏色對比，可以讓顧客快

速抓住產品以及文案重點。整體高級滿滿。

如圖12海報1所示：

圖12海報1

15

湖南商務職業技術學院畢業設計

海報2安全錘手電筒則在基礎上多展示了一個防水功能，與海報1折疊刀一樣產品圖在

最中央，文字配于最上方，第一眼吸引抓住顧客眼球。但與海報1不同的是，海報2展示產

品防水性，并沒有選擇傳統藍色水浸產品來展示，反而選擇透明色氣泡與白色背景，一方

面與白色與產品形成對比，更好凸顯產品細節。另一方面與海報1以及店鋪整體風格達成

一致，整體色調黑白灰，簡潔明了，形成獨特的店鋪風格。文字則為與背景形成對比，設

計為黑色。

如圖13海報2所示：

圖13海報2

4.1.2優惠券效果圖制作

在完成首頁海報后，添加了優惠券區域以及會員、直達等內容。優惠券采用正方形工

具設計四份，在首位倆份對應角分別變形為半弧形，整體視覺效果更為舒適。顏色與之前

海報店招等設計不同，大膽的選擇了酒紅和淡黃配色。在首頁整體界面，快速吸引人眼球，

里面設計了“10元”、“30元”、“60元”、“100元”以及加入會員等各種優惠，通過

字體大小及形態變化，吸引顧客領取優惠券購物以及加入會員，為店鋪留下顧客。

16

湖南商務職業技術學院畢業設計

如圖14優惠券效果圖所示：

圖14優惠券效果圖

4.1.3產品分類區效果圖制作

產品分類區展示了店鋪全部產品分類，有“野營用具”、“帳篷系類”、“照明系

列”、“便攜用品”、“步林系列”、“山地客系列”。底色為白色，在每個分類上用酒

紅色繪畫了虛線空圓。上下用酒紅色繪細虛線同其他區域分隔開來，同時也與上方優惠券

活動區色彩呼應。在區域正上方中央用中英雙語寫了“全部分類”，整體設計清爽明了。

如圖15產品分類區效果圖所示：

17

湖南商務職業技術學院畢業設計

圖15產品分類區效果圖

4.1.4產品展示區效果圖制作

產品展示區有新品推薦和熱銷榜單，區域分隔設計同產品分類區一樣。整體協調統一。

如圖16產品展示區效果圖所示：

圖16產品展示區效果圖

18

湖南商務職業技術學院畢業設計

新品推薦里放置了最近店鋪上新的產品，優惠活動等都在頁面上顯示出來了，并且表

明了活動價格，方便顧客選擇。

熱銷榜單中按照店鋪銷售排名放出了TOP1-3，并且有立刻購買標識，方便顧客快速點

擊進入商品詳情頁。而且因為有銷量排名，暗示引導顧客消費。右上角也有“查看更多”

標識，能夠快速點擊查看全部商品。

4.1.5頁尾區效果圖制作

在結尾部分，頁尾部分主要展示了店鋪的相關的保障，對于文字和矩形背景顏色的選

擇為店鋪的主色調灰色和黑色，使整體更為和諧，視覺效果舒適。退貨流程分序說明，條

理清晰通俗易懂。

如圖17頁尾區效果圖所示：

圖17頁尾區效果圖

19

湖南商務職業技術學院畢業設計

4.2產品1詳情頁效果圖制作

作為產品詳情頁效果圖，除了配色要與店鋪呼應形成獨特品牌風格，也要頁面突出層

次感，重要與次要，簡單與關鍵的都分得清楚了，更有利于顧客進行瀏覽。

4.2.1主副圖效果圖制作

產品主圖是一個產品的櫥窗，在搜索結果中是顧客的第一印象，所以主圖上顯示的內

容尤為重要。在產品主圖上顯示的內容是激發用戶點擊進入店鋪的影響因素，因此在產品

1野營折疊刀主圖設計時，背景色使用白色作為底色，將主產品放置在頁面中央，增加陰

影色，更加凸顯產品質感。但為避免過于單調，在折疊刀旁邊放置了一把尺子，可以形成

對比，讓消費者通過主圖就可知產品大約長度。整個主圖邊框設為深紅-淺紅漸變的細邊

框，底部由三個圖形組合，分別為：矩形深紅-淺紅漸變快，與整體細邊框呼應，白色字

體寫出新店開業贈送產品等優惠信息；淡黃-白色-淡黃漸變的圓角矩形，上面用紅色字體

標明活動時間；右下角紅色不規則色塊，白色字體標明活動到手價，同時為了避免單調，

在此色塊與優惠信息色塊交接處放置了天貓形象卡通。利用顏色、大小、組合排列將畫面

設置更為協調，主次分明，清爽易懂。

如圖18產品1主圖所示：

圖18產品1主圖

20

湖南商務職業技術學院畢業設計

產品的副圖設計主要是對主圖產品沒有展示出來的方面做補充，考慮到主副圖之間的

相呼應，選用的也是以黑-白-灰三色為主色調，主要是對產品的細節部分和產品的賣點進

行展示。

副圖1主要是折疊刀手柄細節進行說明。圖文采用左圖右文，白色背景配黑色字體，

文案為“掌握自如人體工程學設計”、“手柄雕刻以凹陷的防滑槽增加防汗防滑功能”，

利用字體大小粗細變化強調主次，整體簡約大氣，突出產品質感。

如圖19產品1副圖1所示：

圖19產品1副圖1

副圖2主要是折疊刀刀片及使用場合進行了說明。為避免都是純白背景太過單調，此

次背景選用了白色、淺灰色調的拼接色塊，低調又不會太過空虛。刀刃部分從畫面右上方

向左下方放出，倆邊搭配文案，突出刀刃鋒利不易生銹特點。正下方搭配三個場景圖搭配

文案，讓顧客帶入場景，直觀明了了解該賣點。

如圖20產品1副圖2所示：

21

湖南商務職業技術學院畢業設計

圖20產品1副圖2

副圖3主要是折疊刀折疊攜帶便利性以及材質進行了說明，背景采用黑色綢緞正中央

放置產品折疊起來的樣子，搭配陰影色，背景與產品整體融合協調，低調又慢慢高級感。

再在產品周圍按照字體大小不同寫出產品各項優勢特點，吸引消費者了解此產品。

如圖21產品1副圖3所示：

22

湖南商務職業技術學院畢業設計

圖21產品1副圖3

4.2.2產品1詳情頁效果圖設計

產品1是野營折疊刀，其詳情頁設計主要分為海報、產品信息、產品細節、購買須知

等5個部分構成。

如圖22產品1詳情頁效果圖所示：

圖22產品1詳情頁效果圖

23

湖南商務職業技術學院畢業設計

海報部分，為了與主副圖相統一，使用了黑白灰三色調，將產品放置在海報頁面的正

中間部分，通過正視視覺提升整體導購環境質量、感官體驗及產品的質感。整體的色調統

一協調，這樣不僅使得店鋪有明顯的風格特征，能讓消費者產生深刻的印象。

在產品信息部分利用對稱性，八種信息分四行一行倆個簡潔明了。下面還標注了產品

展開及合上的尺寸大小，并添加了尺子對比，讓消費者對數字數據有具體實際概念。

產品細節部分利用“放大鏡”效果，將各部分細節搭配文字放大展示，讓消費者感受

更加直接。

最后的購買須知詳細列出了關于物流、時間、產品及退換貨的注意事項，讓消費者知

道店鋪有良好而完善的售后服務體系，增加消費者對店鋪的好感度，促進訂單的轉化。

4.3產品2詳情頁效果圖制作

作為產品詳情頁效果圖，除了配色要與店鋪呼應形成獨特品牌風格，也要頁面突出層

次感，重要與次要，簡單與關鍵的都分得清楚了，更有利于顧客進行瀏覽。

4.3.1主副圖效果圖制作

在設計產品2強光安全錘的主圖時，背景色使用白色作為底色，將主產品放置在頁面

中央，凸顯產品質感。在折疊刀右側放置了贈品，吸引顧客點擊量。整個主圖邊框設置同

產品1主圖一樣為深紅-淺紅漸變的細邊框，底部由三個圖形組合，分別為矩形深紅-淺紅

漸變快，與整體細邊框呼應，白色字體寫出新店開業滿減等優惠信息；淡黃-白色-淡黃漸

變的圓角矩形，上面用紅色字體標明活動時間；右下角紅色不規則色塊，白色字體標明活

動到手價，同時為了避免單調，在此色塊與優惠信息色塊交接處放置了天貓形象卡通。利

用顏色、大小、組合排列將畫面設置更為協調，主次分明，清爽易懂。

如圖23產品2主圖所示:

24

湖南商務職業技術學院畢業設計

圖23產品2主圖

店鋪所有主副圖左上角均標注了上鑄戶外設備店鋪logo，無形中讓顧客潛意識記住店

鋪logo。

副圖1將產品場景化，利用碎掉的玻璃突出產品“緊急破窗”優勢特點，背景