上铸户外设备淘宝店铺视觉营销设计方案

湖南商务职业技术学院毕业设计

目录

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将产品场景化，利用碎掉的玻璃突出产品“紧急破窗”优势特点，背景