棉乐淘宝店铺视觉营销设计方案

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

目录

1棉乐淘宝店铺概括...................................................1

1.1母婴类用品店铺发展现状........................................2

1.2棉乐淘宝店铺现状..............................................3

2棉乐淘宝店铺视觉营销分析...........................................3

2.1竞争对手店铺视觉分析..........................................3

2.1.1竞争对手店铺1视觉分析..................................3

2.1.2竞争对手店铺2视觉分析..................................5

2.2店铺视觉营销定位分析..........................................6

2.2.1店铺产品定位分析........................................7

2.2.2消费者人群定位分析......................................7

2.3店铺风格分析..................................................8

2.4店铺色彩分析..................................................8

3棉乐淘宝店铺视觉设计...............................................9

3.1店铺版式设计..................................................9

3.1.1首页版式设计............................................9

3.1.2产品1详情页版式设计...................................11

3.1.3产品2详情页版式设计...................................13

3.2店铺文案策划.................................................15

3.2.1首页文案策划...........................................15

3.2.2产品1详情页文案策划...................................15

3.2.3产品2详情页文案策划...................................16

4棉乐淘宝店铺视觉效果制作..........................................16

4.1店招效果图制作...............................................16

4.2店铺首页效果图制作...........................................17

4.2.1海报效果图制作.........................................18

4.2.2优惠卷效果图制作.......................................19

I

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

4.2.3产品分类区效果图制作...................................19

4.2.4产品展示区效果图制作...................................21

4.2.5页尾区效果图制作.......................................23

4.3产品1详细页效果图制作.......................................24

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

4.3.2产品1详情页效果图制作.................................27

4.4产品2详情页效果图制作.......................................29

4.4.1主副图效果图制作.......................................29

4.4.2产品2详情页效果图制作.................................32

5总结..............................................................34

参考资料............................................................35

II

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

棉乐淘宝店铺视觉营销设计方案

1棉乐淘宝店铺概括

随着互联网技术的不断进步和消费者需求的不断变化，电商已经成为人们

日常生活的一部分。电商布局规模正在不断扩大，改变着传统的商业模式，为

消费者和企业带来更多便利和效益，国内母婴行业也经历了巨大变化。当前，

我国80、90后人群构成了母婴产品消费的主力军。随着生活品质的不断提升，

这一代人对于母婴消费的安全性和品质要求也越发严格。与此同时，移动互联

网的迅猛发展，使得移动终端平台因其灵活性和便捷性在快节奏的生活中脱颖

而出，受到了广大年轻父母的热烈追捧。

2023年Q1中国妈妈群体年龄分部（数据来源：TalkingData）如图1所示。

图12023年Q1中国妈妈群体年龄分部

1

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

1.1母婴类用品店铺发展现状

母婴用品是指为孕产期女性与0-3岁婴儿这两类特殊相关联群体提供的专

业健康产品。孕产期女性与0-3岁婴儿这两类特殊相关联群体提供的专业健康

产品，特殊的体型特殊的生理心理需求，对母婴用品都提出了极高的要求，因

此对母婴用品的选择要求相当的严格。随着经济水平的提高，人们对婴幼儿产

品的需求也在不断增加。除了基本的奶粉、尿不湿等必需品外，消费者对婴幼

儿洗护用品、玩具、童装等方面的需求也在增长。同时，随着家庭收入水

平的提高，消费者对产品质量和品牌的要求也在不断提高。

2018-2024年中国母婴行业市场规模及预测（数据来源：iimediaResearc

h艾媒咨询）如图2所示。

图22018-2024年中国母婴行业市场规模及预测

2

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

1.2棉乐淘宝店铺现状

婴幼棉品用品主要是以“棉”为特定场景，店铺的品类包括家具的各个方

面，主推原木床和梳妆桌，前期通过优惠价格、淘宝活动、直播吸引顾客下单

购买，后期以优质的售后服务和产品温度留下顾客。主要针对我国80、90后人

群构成了母婴产品消费的主力军。

“棉乐”以棉花为核心，不仅提供优质的棉制品，更传递了一种回归自然、

追求品质生活的理念。每一朵棉花都是通过严格筛选采，在安棉花的生产车间

里，工人们精心挑选、清洗、加工每一朵棉花。他们用心去感受棉花的质地和

纹理，将每一朵棉花都打造成完美的艺术品。在这个快节奏、高压力的社会中，

安棉带给人们一种回归自然、享受生活的感觉。它让人们意识到，真正的品质

生活并不是追求物质的奢华和虚荣，而是追求内心的平静和满足。

2棉乐淘宝店铺视觉营销分析

2.1竞争对手店铺视觉分析

分析竞争对手的店铺，不仅能够有利于学习吸取相关的设计风格，也是有

利于激发设计灵感，参考一些优秀的元素，利用到自身的设计中，使得店铺的

风格更加鲜明独特，而对于竞争店铺的糟粕点也可以及时的避免。

2.1.1竞争对手店铺1视觉分析

竞争对手店铺1视觉分析的选择，主要是选择和纯棉母婴用品店铺风格和

产品定位相类似的店铺，这样有利于吸收对方的优点，更进一步改善店铺的装

修风格。竞争对手店铺1的名称为“全棉时代官方旗舰店”该店铺的粉丝数已

经高达1683万，首页的导航部分在设计上，利用文案设计排版的方式吸引消费

者如：“郭晶晶推荐全棉柔巾，赵丽颖同款家具服”，并及时推出了店铺最新活

动。店铺首页分为“TOP榜单闭眼选、新！赵丽颖同款、每周二有新灵感、重

磅上新有惊喜、科技面料、品类直达、相关的店铺说明以及旗下店铺”等7个

部分组成。活动专区的部分主要以墨绿色强调活动的重要性，其他部分主要以

渐变绿色为主色调。产品分类和相关说明的部分利用特色的小图标进行展示，

简洁生动明了。在每个部分的右边设置了一个“查看更多新品”等提示块，消

费者向点击跳转就可以了解到更多的同系产品。该店铺在设计上主次分明，重

点突出，能让消费者抓住重点，且图片的画质高清展示，更能突出产品的质感，

3

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

静动态相结合，活力生动。竞争对手店铺1首页如图所示：

图3竞争对手店铺1首页图

4

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

2.1.2竞争对手店铺2视觉分析

竞争对手店铺2的店铺名称为“十月结晶”粉丝数超过1081万，是一家集

母婴用品销售、线下服务为一体的综合型孕婴护理品牌，核心品类覆盖待产用

品、产后护理用品、婴童洗护用品、初生婴儿用品等全系母婴产品店铺。在店

铺的装修设计主要采用的是不同新式的矩形框架构成，多采用上下和左右对称

的构图方式，使整体看起来更加整洁有序，能够吸引目标受众群体的注意力。

色彩的选择上是选择了和产品相近的颜色作为店铺的主色调，协调一致，风格

分明。店铺主要包括“经典待产好物、婴童用品好物、婴童喂辅好物、手湿巾

好物、人气热卖榜、好物推荐榜”等几个板块，框架清晰明了、内容丰富新奇。

在活动专区的“轻轻松松、顺手一凑”做了一个点击图标整体翻页的动态效果，

吸引消费者的好奇以及解决选择困难症的便利性。在每个活动专区都有一个优

惠折扣力度最大的店铺产品，吸引消费者的注意力从而点击转化店铺的跳转率

以及转化率。

竞争对手店铺2首页如图所示：

5

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

图3竞争对手店铺2首页图

2.2店铺视觉营销定位分析

母婴用品店铺作为新店，在正式的投入运营设计之前要有明确的定位，明

确的定位会使得店铺稳定的长期发展。营销定位分析主要是从产品的定位分析、

消费者人群定位分析两方向进行展示，更加明确店铺的发展方向。

6

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

2.2.1店铺产品定位分析

随着新时代的高速进步发展，人们的生活水平不断地提升，消费水平也在

逐步上升。当前，我国90、95后人群构成了母婴产品消费的主力军。随着生活

品质的不断提升，这一代人对于母婴消费的安全性和品质要求也越发严格。在

母婴市场竞争激烈的状况下，新生的店铺要获取到利益不仅在产品上要有自己

的特色，更佳重要的是要抓住购买者的心，打造属于独属于店铺的温度来获取

到一定的用户。

基于母婴产品的品质化、安全化等特点，棉乐母婴店铺的产品选着主要是

以柔软舒适、环保便捷的棉质原材料作为切入点进行制作宣传，在相同类型店

铺竞争激烈的情况下，棉质母婴用品以成分天然安全、环保可持续、多功能设

计、性价比高的产品面料进行售卖，店铺以爱出发，享受生活为出发点进行公

益捐赠活动，从而增强用户的粘合性。

2.2.2消费者人群定位分析

近年随着国家的三胎的政策的开发，依据《民法典》的规定，结婚年龄，

男不得早于二十二周岁，女不得早于二十周岁。棉乐母婴店铺选择主要以90后

以及95后为消费群体这些年轻的父母们有着更高的消费能力、更多元的消费特

点和更强的消费意愿。随着生活品质的不断提升，这一代人对于母婴消费的安

全性和品质要求也越发严格。

2021年中国备孕孕妈妈群体年龄分布图如图4所示（数据来源：艾媒数据

分析中心）

7

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

图42021年中国备孕妈妈群体年龄分布图

母婴产品作为直接接触孕妈妈以及宝宝的产品需具备耐用性、安全性、便

利性的等需求，会在一定的时间段内需求以及流量爆发性突增，如双十一、61

8、三八妇女节等线上电商的大型活动而作为新店的商家需要在此期间精准的把

握流量和定位相关的用户，积极参加平台的活动，增加店铺在特定人群的曝光

度，并且以一定的优惠政策和活动促用户下单。

2.3店铺风格分析

通过搜索相关品类的店铺装修风格发现绝大多数的母婴产品线上店铺的风

格是温馨、亲切且富有爱心，同时还要体现出专业性和品质感。

棉乐母婴店铺采用现代简约风格的设计模式，将热销商品、新品推荐等关

键信息设计不同产品分区，引导妈妈浏览和购买，方便妈妈快速找到所需要产

品，设置爆品专区使用高质量的产品图片，展示商品的细节和质感。同时，可

以通过模特图、场景图等方式，让妈妈更直观地了解商品的使用场景和效果。

2.4店铺色彩分析

母婴用品店铺的色彩选择和设计对于营造店铺氛围、吸引顾客和提升品牌

形象都非常重要。棉乐母婴店铺的色彩给人一种温馨舒适的感觉，因为母亲和

婴儿都需要一个安全、舒适的环境。所以选择以柔和的色调以粉色、浅蓝色、

浅黄色等，这些颜色能够让人感到放松和愉悦。在店铺区分专区有些产品可能

需要特别突出，使用亮色或对比色来突出某些产品，吸引顾客的注意力。

8

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

棉乐母婴店铺在色彩设计中，考虑到顾客的需求和感受，营造出舒适、温

馨、有吸引力的购物环境。同时，店铺的定位和品牌形象来选择合适的色彩，

提升店铺的整体形象和竞争力，留存粉丝进行变现的转化。

3棉乐淘宝店铺视觉设计

3.1店铺版式设计

店铺主要结合主推产品以及相关活动进行装修设计，采用左右构图方式以

及中心构图进行编排设计，运用图片、文字、色彩的搭配设计组合来装修店铺

整体装修版式。

在店铺版式设计中，主要以呈现出美观、清晰、易于阅读和导航的页面效

果。提高用户的浏览体验，增加用户的停留时间和转化率，从而提升店铺的销

售业绩。

3.1.1首页版式设计

店铺首页设计对于吸引和留住顾客至关重要。一个精心设计的首页不仅能

够展示店铺的品牌形象，还能够引导顾客浏览和购买商品。店铺的首页设计主

要包括：店招（logo）、导航、全屏海报、优惠劵、产品分类区、热销推荐区以

及页尾设计11个区域.

首页版式图设计如图5所示：

9

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

图5首页版式设计图

10

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

3.1.2产品1详情页版式设计

产品详情页是吸引消费者并促使他们做出购买决策的关键环节。一个吸引

人的产品详情页应该注重图片质量、标题和描述的简洁明了、用户评价和推荐

的可信度、价格信息的准确性、购买流程的便捷性以及相关推荐和搭配的合理

性。

产品1详情页版式图主要包括：首页海报、产品卖点、产品参数、使用方

法、产品说明、温馨提示、发货说明（页尾部分）七个区域组成。

产品1详情页版式设计图如图所示：

首页海报在设计时主要以主推产品为中心搭配文字展示，介绍了产品名称

给消费者最直接的视觉感受，产品上方搭配文字更直接说明了产品的舒适柔软，

上文下图的设计结构可以带给消费者视觉平衡稳定的效果，能够让消费者感到

放心舒心。

产品卖点部分设计已圆角矩形为产品的四大卖点进行简单概括说明：新疆

纯棉、干湿两用、尺寸升级、亲肤柔顺。将四大买点在进行更具体的展示让消

费者能够更具体的了解产品。

使用方法主要是上图下文的构图结构方式设计，图片的说明能够更加直观

的了解产品的一巾多用的使用方法，避免产生资源浪费、节能环保的理念。

产品说明的版式设计让消费者能够了解产品的主要成分以及产品的规模，

可以帮助消费者进行更好的选着所需的需求。

温馨提示以及发货方式主要还是已文字说明为主能够让消费者简单明了的

获取重要信息以及对店铺的售后风险进行把控。

产品1详情页版式设计如图6所示：

11

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

图6产品1详情页版式设计图

12

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

3.1.3产品2详情页版式设计

产品2详情页版式设计与产品1详情页版式设计不同，产品2详情页版式

设计更加凸显了产品的细节部分，利用文字大小的排班方式更直接展示了产品

的精华部分。产品2详情页版式图主要包括：首页海报、产品卖点、产品细节、

产品信息、洗涤小贴士（页尾部分）5个区域组成。

首页海报采用的是居中构图设计将主要产品以及信息放在中间，让消费者

产生视觉聚焦，整体效果比较有视觉冲击力，能够第一时间抓住消费者的眼球

产品卖点与产品1详情页的版视图不同的是利用少量的文字进行宣传但是

突出重点产品核心内容以及采用相同色系进行装修，让消费者感到温馨。

产品细节的设计主要是能够让消费者更加清晰的了解产品的核心技术，让

消费者买放心用的安心，让产品能够更好的进行销售。

产品信息以及尺码图的设计主要是以表格形式进行排版，可以简单明了的

了解产品的组成以及所对应的需求，能够更快的选着所需的信息，节省青年父

母的时间。

产品2详情页版式设计如图7所示：

13

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

图7产品2详情页版式设计图

14

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

3.2店铺文案策划

在竞争激烈的商业环境中，一家店铺的成功与否，很大程度上取决于其文

案策划的质量和吸引力。优秀的文案不仅能引起消费者的注意，还能激发他们

的购买欲望，从而增加店铺的销售额。提升品牌形象。通过明确目标受众、挖

掘店铺特色、制定文案策略以及持续优化与测试。

3.2.1首页文案策划

首页文案设计比较重要的部分包括店招、首页海报、HOT热销爆款TOP榜、

HOT热卖专区、品牌故事几个部分的文案策划。

店标是企业形象和品牌形象的重要组成部分、一个好的店标应该简洁明了、

易于识别、具有独特性，能够引起消费者的共鸣和记忆，从而增强品牌的认知

度和忠诚度。店标的设计主要以Mianle英文字母以及棉花的图标组合而成，让

消费者第一认知店铺是以棉花为主要产品进行销售。

首页海报以突出活动重点进行文字宣传：“全场婴儿用品低至7折”利用重

要让消费者能够明白店铺的重要活动进行宣传点击购买提高转化率。字体采用

蓝色以及白色框架让消费者感受到温馨、亲切的感觉。

产品热销榜主要宣传产品名称以及购买价格等相关文字进行设计，如：到

手价79￥点击购买、拍下立减20元、第二件半价等相关重要数字部分进行将

金额数字部分进行加粗放大让消费捕捉到重要信息，激发消费产生购买欲望。

最后将品牌故事设计让消费对于店铺的了解阐述的品牌的创世初心。不仅

有助于塑造和提升品牌形象，还能增强顾客对品牌的认知度和忠诚度。提高销

售额和口碑传播效果。

3.2.2产品1详情页文案策划

产品详情页的目的是帮助潜在买家了解产品的详细特点、规格、使用方式

以及其他必要信息，从而做出购买决策。

产品1详情页的文案设计主要以帮助消费者更好的了解产品的实用性、便

捷性、安全性等。产品卖点的文案：“触感柔软呵护宝宝肌肤，呵护宝宝娇嫩的

肌肤，如同妈妈的的亲切抚摸”这段文案的策划主要让购买的了解产品的柔软

舒适的触感，让消费者放下对产品的不放心的心理戒备。“甄选天山雪绒新疆棉，

选自优质新疆棉天然长绒棉与植物纤维,以黄金比例混合柔软与柔韧并存擦拭

更柔软更安全呵护宝宝较娇嫩肌肤”让购买者能够了解产品的原材料来源以及

安全成分，可以增加对品牌的信赖程度以及忠诚度。

15

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

产品的使用方法以及产品说明，简单明了的说明产品的用途以及产品规格。

让购买者能够简单直观获取产品的信息。如下是产品的使用方法以及产品说明

文案：【使用方法】宝宝面部清洁、宝宝身体清洁、卸妆洁面、面膜湿敷、玩具

清洁、用具清洁。产品说明部分运用数字与文字结合的方式可更直观获取信息。

【产品说明】规格：100抽/抽、尺寸：200*1500mm、主要成分：棉花+植物纤

维、保质期：3年、产品用途：适用于任何肤质，适用全家人适用，用于脸部，

手口嘴角等其他部位清洁,也适合婴儿使用。其他注意事项可以让消费深感到贴

心以及对店铺的售后等问题有所了解，避免给店铺带来没必要的风险投诉以及

对品牌的误解。文案如下：【温馨提示】1.请置于洁净，阴凉干燥的地方存放，

且勿靠近火种注意防热防潮。本产品不溶于水，请勿丢入马桶,避免堵塞。

3.2.3产品2详情页文案策划

产品2详情页文案策划遵循简单明了的原则，拉进与购买者的关系；建立

对品牌得到信任度拉进感情的连动，传递产品的制作用心以及品牌的初心。

产品卖点主要以产品的细节利用数字部分直击消费者的忧心点、困难点。

如:“让肌肤更满意100%纯棉，接近宝宝肌肤触感，吸汗透气不闷热”进行对

产品制作材料的说明以及消费者的考虑需求。“0荧光0甲醛放心A标，宠爱宝

宝，严格把控每一个生产环节，坚决不添加荧光剂，安心守护宝宝”两零一A

的数字说明更是将产品制作的严格把控进行说明让消费者增加对品牌的信赖度。

“全衣无骨缝制，顺滑柔软，不娇磨宝宝肌肤、暗扣设计，方便穿脱、魔术贴

设计，保暖防风”进行对消费所考虑担心的痛点逐一击破，刺激消费者购买增

加店铺的销售额。

产品信息的文案设计如：“产品面料：面：100%棉，夹层100%聚酯纤维，

里100%棉”三个百分百能够让消费直观的了解产品的用料组成部分，可以使用

的安心使用的放心。【洗涤小贴士】如：优质面料，纤维细小，建议轻柔手洗，

请勿暴晒等文案可以让消费了解产品的使用维护，让产品可以尽量的使用长久，

解决消费者对于衣物类的洗涤麻烦。

4棉乐淘宝店铺视觉效果制作

4.1店招效果图制作

店招效果制作是一个涉及到视觉设计和品牌传达的过程。一个吸引人的店

招可以吸引顾客的注意力，传达品牌信息，并增加店铺的知名度和吸引力。

16

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

店铺的Logo是一种视觉标识，Logo的设计表达的店铺产品卖的是什么，

店铺名称直接表明是什么类型的店铺，即棉质类产品店铺。而棉乐是店铺愿景

“以棉花为核心”综合体验的4个星和粉丝数165万是店铺的一个综合评分，

在同类型的店铺中，消费者往往会选择评分高的店铺，在一定程度上也是为店

铺带来了流量；而订阅按钮则是为留下一定的粉丝基础，为日后店铺活动的开

展带来效益。店招导航区是将商品归类，为了方便顾客浏览寻找的设计，节省

消费者的时间.

LOGO设计，主要是根据店铺所经营的产品棉花的图标与英文字母结合，lo

go选用的背景色是根据店铺的风格而设定的，整体的设计简约又能够让消费者

明了店铺经营的产品。在logo的右上侧则是店铺的名称和店铺的综合体验；最

右侧是加入的是订阅店铺的点击按钮。在设计分类导航区时，为了能够使导航

区以上的部分和导航具有明显的划分，导航底色选择了白色系，字体选择了与

logo部分的字体冲击的颜色黑色，增加了两者的对比性。除此之外，分类导航

区不仅标明首页、热销推荐、新品推荐、宝宝棉品、品牌文化，找到目标产品，

节约了消费者的时间，体现店铺的便利性。

店铺店招设计效果如图8所示：

图8店铺店招设计效果图

4.2店铺首页效果图制作

店铺首页的制作作为顾客进入店铺后的第一印象，也是他们决定是否继续

浏览、了解甚至购买商品的决定性因素。首页设计能够吸引顾客的注意力，引

导他们深入浏览，提高转化率，从而实现销售增长。店铺首页设计构成包括：

店招导航、海报图、产品展示以及底部四大要素必不可少，还添加了便于用户

寻找到目标产品的产品分类区这部分还包括促进店铺转化率的活动区。

明确店铺的分区设计之后还应该考虑整体色彩的搭配效果，良好的色彩搭

配也是对于店铺起到宣传的效果。在设计首页时，根据产品所定位的购买人群

17

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

以及消费群体来确定店铺的色调，整体已淡蓝色以及淡粉色为主，白色系为辅

的店铺色调展示。营造出一个温馨、舒适的购物环境，使顾客感到放松和愉悦。

4.2.1海报效果图制作

首页海报对于店铺来说具有非常重要的意义。它是店铺的招牌和形象，代

表着整个店铺的风格和定位，能够给买家留下深刻的印象。首页海报可以展示

店铺的特色和卖点，让顾客更加了解店铺的产品和服务。通过海报的设计和内

容，可以向顾客传达店铺的品牌理念、产品特点、优惠活动等信息，从而吸引

顾客产生购买欲望。

在店铺首页海报的设计上，采取用可爱的婴儿卡通形象吸引年轻父母的视

线，将主产品婴儿棉柔巾以及纯棉婴儿连体衣作为辅助，侧面传递了店铺热销

的两款产品信息。“全场婴儿用品低至7折”的文设计上也是利用数字来传播消

费者所注重的内容，让消费简单明了的直接获取信息。整体的颜色搭配以淡蓝

色为主白色为辅的色彩呈现，给消费者一种温馨、亲切、安全的视觉以及心理

感受。

首页海报效果如9图所示：

图9首页海报效果图

18

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

4.2.2优惠卷效果图制作

在完成店铺首页海报的制作完成后，添加了优惠卷区域。在优惠券的设置

上采用的是方形文字布局设计，由于优惠券是为了拉新、促活、增加订单成交

量、回馈用户、补偿用户等目的而使用的营销手段，采用了符合店铺基本色彩

搭配的蓝色：“coupon先领劵再购物”文案设计告知消费者可领取优惠券减免。

利用文字排版将“10、15、20、30”数字部分加粗放大吸引消费者注意力，在

数字文案下方选择增加辅佐性文案“满99元使用、满150元使用、满200元使

用、满300元使用”主次分明刺激消费者购买。在每一个方块下都设置了蓝色

圆角的点击按钮可以直接点击领取，以便于消费者简单操作增加店铺的购买率。

优惠卷区域效果如图10所示：

图10优惠卷区域效果图

4.2.3产品分类区效果图制作

产品分区主要展示的是店铺的热销产品，分类区域的店铺导航概括了店铺

热销产品的种类，消费者点击相关产品分类会直接跳转对应的产品展示链接，

文案：“HOT热销爆款TOP榜”告知消费者一下产品为店铺销量最好的产品展示，

采用的是左右构图的制作结构，将每个产品都运用矩形绘图的结构将不同品类

的产品区分，将产品名称为主产品详细名称为辅的文字排版形成主次分明，利

用数字文案加粗放大产生视觉冲击吸引消费者注意力，在文字下方绘制圆角矩

形方框“点击购买”红色文字颜色引导消费者购买，增加店铺销售额。

产品分区效果图如图11所示：

19

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

图11产品分区域效果图

20

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

4.2.4产品展示区效果图制作

产品展示区，主要热销产品的海报以及产品的主图设计。通过上下构图结

构组合能够更好的展示产品最直观的视觉效果。在产品展示的海报设计上以圆

角矩形为主框架，将主产品以及文案排版进行设计，将文案“抢！满300减30”

设计在产品海报下方产生视觉中心效果，文案“￥109起”进行加粗放大吸引

消费者的注意力增加店铺购买率。再绘制三个圆角矩形为辅，都已中心构图设

计产品展示，“第二件半价、满300减30、拍下立减20元”的文案辅佐进行产

品的价格说明。

产品展示区效果图如图12所示：

21

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

图12产品展示区域效果图

22

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

4.2.5页尾区效果图制作

在页尾部分，页尾部分主要说明本店铺的品牌理念，品牌理念是店铺经营

的核心价值观，是店铺对消费者、市场以及自身的认知和定位。一个好的品牌

理念可以帮助店铺在竞争激烈的市场中脱颖而出，对于设计矩形图背景颜色上

选择与本店铺的主色调一致的淡蓝色以及文字颜色为酒红色作为文字底色，能

够刺激消费者的眼球让顾客了解品牌理念提升店铺的知名度和美誉度，从而增

加销售额和市场份额。

页尾效果图如图13所示：

图13页尾区域效果图

23

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

4.3产品1详细页效果图制作

4.3.1主副图效果图制作

产品主图作为店铺产品展示的第一张图片，在搜索结果中是给顾客第一印

象，所以在产品主图的设计上极为重要。在产品主图显示的内容能够吸引消费

者的注意力，使商品在大量竞争中脱颖而出，增加商品的曝光率。因此在产品

1主图棉柔巾设计时，装修背景选着的是浅蓝色渐变色作为整体底色，将主产

品利用产品叠加的设计方式让产品层次更加丰富，产品倒影的设计能够使产品

更加立体化，更容易吸引消费者的注意增加店铺的点击率。利用椭圆工具绘制

图形颜色选择金黄色能够与整体底色形成视觉冲击，利用单数字文案设计“7/

包”利用直观的数字营销的打动消费者，促成订单的转化，且“抢！领劵立减

十元”文案更能让消费进行店铺的关注粉丝留存增加转化率。

产品1主图效果如图14所示：

图14产品1主图效果图

产品副图的设计是对产品主图的更细致化的展示，能够展示产品的特点部

24

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

分让消费者能够更全面的了解产品。考虑到主副图指间的相呼应，在背景颜色

的选择上也是以浅蓝色渐变作为整体副图颜色主色调，全都采用上文下图的构

图方式设计，在每一张副图上均设计了棉花图标表示产品为纯棉花进行生产制

作。副图1采用左右结构文案排版形成主次分明，表达产品的多种用法可循环

利用不浪费更方便使用。副图2设计将产品主图设计用棉花包围的中心构图搭

配文案主标题“甄选天山雪绒新疆棉更柔软”直接表明产品的原材料产地让消

费更放心安心使用。副图3是对产品的耐拉扯、不易破、不易掉许等原材料产

品卖点进行展示说明，选用利用椭圆工具绘制图形将产品特点图标与文案进行

说明。

产品1副图如图15图16图17所示：

图15产品1副图1所效果

25

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

图16产品1副图2效果

26

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

图17产品1副图3效果

4.3.2产品1详情页效果图制作

产品1是婴儿纯棉棉柔巾，其详情页设计主要包括海报、产品卖点、产品

细节展示、使用方法、产品参数、温馨提示、关于发货等7个部分构成。

首页海报部分，为了与主副图色彩一致，使用了主图的背景颜色以及产品

构图排版，将产品叠加的设计思路使整体构图打破固有的设计版式设计，使产

品更有立体感增加整体层次感、空间感。海报文案“出生起驻守的温柔约定，

婴儿纯棉干湿两用棉柔巾”直接说明是什么产品以及对于使用人群。绘制圆角

矩形作为产品买点的大框架以及将对应的图标与文案相结合直接说明产品卖点，

另外，添加了简单的英文字母修饰。产品细节部分和使用方法均利用上文下图

的结构方式进行说明，文案部分均设计主副标题让消费可以直接获取重要信息

部分。

最后温馨提示以及关于发货说明部分，均设计对应图标与文案相结合，直

接说明产品的注意事项，让消费者知道店铺有良好而完善的售后服务体系，增

加消费者对店铺的好感度，促进订单的转化。

27

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

产品1详情页效果如图18所示：

图18产品1详情页效果图

28

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

4.4产品2详情页效果图制作

4.4.1主副图效果图制作

产品2的主图选择以肤色为主的背景色彩，浅绿色和墨绿色为辅佐的文字

色彩搭配进行撞色整体设计。将产品同色系进行叠加摆放置于图片中心位置，

文案“A类100纯棉%”与“活动到手价79”分别置于产品的右上方与左上方形

成对角线交点处，使画面更加有层次感，增加画面的深度，可以使产品更加引

人注目，增强消费者视觉冲击力。

产品2主图效果图如图19所示：

图19产品2主图效果图

副图则主要展示产品的卖点，打消消费者的疑虑，达到营销的目的。

副图1采用的是左右构图的结构布局，可以提高消费者的阅读浏览性，绘

制圆角矩形将产品柔软、舒适、亲肤的特点排版说明，且贴心的绘制小圆角矩

形说明可穿的室内温度，让消费者不需要为气温而担心。副图2采用左图右文

构图，绘制两个圆角矩形将产品的易穿脱、缝制工艺特点图搭配文字说明，将

店铺logo置于左上方使整体布局不会显得空荡。副图3采用的是上文下图设计，

29

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

将主文案“云般轻盈自在”与与副文案“舒适自在”形成主次分明，将产品图

作为整体背景绘制圆角矩形，采用左文右图展示产品的制作工艺、柔软舒适等

产品卖点。

产品2副图如图20图21图22所示：

图20产品2副图1效果