上电之家淘宝官方旗舰店视觉营销设计方案

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

目录

1上电之家淘宝官方旗舰店概况................................................................................................1

1.1家电类淘宝店铺发展现状...........................................1

1.2上电之家淘宝官方旗舰店现状.......................................2

2上电之家淘宝官方旗舰店视觉营销分析..............................................................................2

2.1竞争对手分析.....................................................2

2.1.1竞争对手店铺1.................................................2

2.1.2竞争对手店铺2.................................................4

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

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

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

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

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

3上电之家淘宝官方旗舰店视觉设计.......................................................................................8

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

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

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文案策划..........................................13

4上电之家淘宝官方旗舰店视觉效果制作............................................................................14

4.1店铺首页效果图制作..............................................14

4.1.1店招设计过程..................................................14

4.1.2海报制作......................................................15

4.1.3其他区域制作..................................................16

I

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

4.2产品详情页1效果图制作..........................................18

4.2.1主副图效果图..................................................18

4.2.2产品详情页1效果图............................................20

4.3产品详情页2效果图制作..........................................23

4.3.1主副图效果图..................................................23

4.3.2产品详情页2效果图............................................24

5总结.................................................................................................................................................26

参考资料...........................................................................................................................................27

II

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

上电之家淘宝官方旗舰店视觉营销设计方案

1上电之家淘宝官方旗舰店概况

上电之家淘宝官方期间店成立于2022年，经营范围是日常家中实用的电器

类型，以松下品牌系列产品为主，对电饭煲、灯具、洗衣机、吹风机四大类产

品进行销售。本店依据打造上好电器理念给到消费者，让消费者购买本店商品

之后感受到家电带来的家的感觉，将店铺取名为“上电之家”，“上”即上好、

品质高，“电”即家电、电器，“之家”即家的温暖之意，四个字组合寓意是上

好的电器之意。该名称能让消费者感受到购买该店铺的商品不仅质量好还能带

来家的温暖，提高辨识度，增加回购率。

1.1家电类淘宝店铺发展现状

近年来互联网的高速发展，网络购物已经成为家喻户晓的事，网络零售消

费逐年增加，面对整体消费趋势的变化，从全球家电线上线下零售占比来看，

线下渠道依然是全球家电销售的主要渠道。2021年全球家电线上市场销售额占

比约为23%，线下销售额占比约为77%。自从2020年以来，在疫情的极大冲

击之下显示出较强的韧性，从小到大，从弱到强，推动了家电线上销售额占比

提升，且这一趋势还在逐渐扩大。总的来说家电类目线上销售空缺还是较大

的。

通过PC端淘宝网搜索包含“家电”这一关键词的店铺，如图1所示。淘

宝类家电类店铺有65923家，相比于其他类目来说，家电类的线上店铺目前并

不算多，发展空间很大。

图1淘宝家电类店铺的数量

综上所述，在淘宝网中，家电类的淘宝店铺还是有所欠缺的，大部分人还

是选择去线下购买家电类商品，对线上购买的信任度不高，上电之家作为一家

新店更要注意到这一点，需要做到给到消费者足够的信任。

1

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

1.2上电之家淘宝官方旗舰店现状

上电之家淘宝官方旗舰店于2022年成立，面对疫情的现状，为尽快适应网

上开店提高点击量和展现量，吸引消费者的光顾，有效利用淘宝平台新店开张

期间的免费流量支持，因此店铺设置了极具吸引力的优惠活动。如：

（1）新店特惠，进店即可领取20元无门槛优惠券。

（2）店铺内部分主推产品下单就有满500-100元活动。

（3）全店所有商品消费满2000元搭配赠送精美礼品。

（4）全店商品赠送运费险，且提供7天无理由退货服务。

店铺活动时间为2023年1月1日——2023年1月15日。

2上电之家淘宝官方旗舰店视觉营销分析

经过社会的不断发展，人们的眼光也在不断的进行变化，就像是日常出门

购物，可能感受到质量不太好的同时，但还是会被配色所吸引，情不自禁想要

购买，当我们把店铺搬到线上时，消费者感受不到商品的质量，无法触及到商

品，所以我们需要把控好每一个商品的质量，当只能通过看商品的主副图，详

情页以及咨询客服去了解商品，首先吸引我们的必然是店铺的色系，风格以及

产品的图片等，所以，本店将从竞争对手、视觉营销定位、风格和色彩方面做

好视觉营销分析。

2.1竞争对手分析

分析竞争对手是必要的一个分析方法，通过分析店铺各个板块的效果，例

如：店招和海报、主副图、详情页等，学习其中长处和优点，来改正自己店铺

的不足和缺点。

2.1.1竞争对手店铺1

同行业中本店铺竞争对手之一是松下官方旗舰店。松下官方旗舰店的网址

为/，于2022年入驻淘宝，粉丝人数达到10.6万

人，DSR评分较高，三项都有4.8分。该店的目标人群为中高端客户，主打轻

奢，简约风格。只销售松下系列的产品，类目清晰，定位比较准确，专业性比

较强，有较强信服力。

竞争对手的店铺视效果对于本店的视觉效果设计具有重要的参考价值。所

以必不可少地要对其视觉效果进行分析。松下官方旗舰店的效果分析如表1所

2

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

示。

表1“松下官方旗舰店”视觉效果分析

效果

竞店视觉效果截图分析评价

版块

优点：店招以

纯黑色作为背

景，logo位简

约白色，海报

字体冲击力较

店招强，产品展示

和海齐全。

报缺点：没有设

置搜索框，顾

客不方便查找

自己想要的商

品，。

优点：产品展

示不单一，有

4大类商品。

缺点：未将新

品，热卖品，

宝贝畅销品等区分

陈列开来，可能会

区导致消费者不

知道自己需要

的那类商品中

哪个是最优选

择，而导致消

费者流失。

3

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

优点：无。

缺点：未制作

首页首页底部，可

底部能会直接导致

商品点击率的

下降。

优点：贴合大

促，更新主图

边框设计。

缺点：文案层

级不清晰，产

主副

品图上附着有

图

标签，副图未

做设计，仅是

单纯的白底

图。

优点：产品卖

点展示清晰，

活动突出。

缺点：产品模

块排版不太合

理，以及产品

详情

详情页过长，

页

可能会导致消

费者没有耐心

看下去。

2.1.2竞争对手店铺2

同行业中本店铺的另一竞争对手是松下生活照明电器馆。松下生活照明电

4

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

器馆的网址为/，粉丝数有4898人，于

2007年入驻，信誉4颗皇冠，评分较高，有4.83分。该店铺正处于一个38节

活动当中，整个店铺的色调为暖色调，给人以家的温暖，活动气氛十分浓郁。

主营产品有松下护眼台灯，筒灯射灯，客厅卧室吸顶灯吊灯，点光源手电筒

等，产品较为丰富供顾客选择较多。但是主营的产品都属于一个大类，专业性

比较强，吸引力较强。对于松下生活照明电器馆效果分析如表2所示（下图均

为店铺移动端截图）。

表2“松下生活照明电器馆”视觉效果分析

效果

竞店视觉效果截图分析评价

版块

优点：店铺海报风格

给人以光亮的感觉，

字体体现出节日氛

围。

店招和

缺点：没有店招，导

海报

致顾客走进店铺无法

知道该店铺商品主大

类是哪些，没有搜索

功能，跳转功能。

优点：按照活动分

类，整体色调比较一

致，排版清晰有变

宝贝陈换。

列区缺点：产品展示可以

混合展示，陈列区有

点长，可能导致顾客

没有耐心看完全部。

5

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

优点：无

缺点：没有制作店铺

首页

首页的底部，未设置

底部

跳转到顶部等操作，

可能导致顾客流失。

优点：主图突出活

动，副图展现商品的

特点，让顾客可以一

主副图目了然的看到这个商

品的信息。

缺点：色系不一致，

差别较大

优点：产品卖点，参

数以及功能都展示齐

详情页

全，色调搭配也很

好。

2.2店铺视觉营销定位分析

店铺的视觉营销定位是店铺开始运营的基础。开设一个店铺必须要对店铺

有一个精确定位，否则，将无法把店铺内的宝贝精准地推送给尽可能多的目标

客户。本店主要从产品定位和消费人群定位两方面来分析视觉营销的定位。

2.2.1店铺产品定位分析

上电之家淘宝官方旗舰店主营松下旗下的电饭煲，灯具，和洗衣机以及吹

风机4大类目，主要是销售到中高端客户群体，对于本店产品定位主要从产品

6

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

分析和目标市场分析。

（1）产品分析

上电之家淘宝官方旗舰店主推的产品是电饭煲和灯具，电饭煲主要是以松

下电磁加热电饭煲为主，售价2199元，在系列产品中，性价比极高。具有智能

温控等较新的技术，定位为本店的爆款商品。另一款是护眼台灯，有优质柔光

LED光源，不刺眼等独特性，定位为本店新品。

（2）目标市场分析

在国内美的，海尔，格力品牌势头较大，有便宜也有奢侈的可供选择，占

据中低端市场，所以上电之家淘宝官方旗舰店定位处于一个高端市场，主营松

下旗下的产品，松下属于一个百年家电巨头公司，有足够的技术实力，主打一

个高价高质量的产品，提供优质的售后服务，主营产品多，性能较为智能。

2.2.2店铺消费者人群定位分析

根据日本消费大调查中针对全国1万名职业女性的消费习惯调查，在25家

家电、信息机器、照相机制造厂中，44.3%的职业女性将选票投给了Panasonic

（松下），其中包括62.6%的女性管理人员。依据此调查上电之家淘宝官方旗舰

店的人群定位主要集中在25到50岁的女性群体，地域主要分布在一二线城

市。这类消费群体工作能力强，收入高，消费偏向于价格高，质量好，科技感

强，能够给他们带来方便的商品。

2.3店铺风格分析

在市场环境下，店铺风格在人们眼中占据很重要的位置，如果风格足够吸

引人，可以让顾客精准点击进来，并且提高辨识度，让顾客记住店铺。本店属

于一个综合店铺，风格主要定位于轻奢简约现代风，

在网络购物的环境中，确定一个准确的店铺风格，是可以在很大限度上让

店铺获得精准的转化率和点击率的方法之一。因为店铺风格定位越清晰，在搜

索推荐逻辑上就越精准，就能够斩获留存更多的目标人群，将顾客转化为粉

丝。综合店铺的目标人群以及销售产品的特点分析得出，本店的总体风格以现

代风格为主，凸显硬朗的科技感，并用清晰简单的线条、形状和文字来装饰店

铺产品，呈现出简洁大气。

2.4店铺色彩分析

色彩存在于我们生活的各种方面，在店铺设计中合理的使用色彩会使画面

7

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

变得更加主动，易于激发人们的购买欲望。上电之家淘宝官方旗舰店售卖的是

家电类产品，以简约轻奢大气为主，所以本店主要是以米黄，橘色和白色为主

要色调，米黄和白色搭配，不刺眼，但又耐看的色彩搭配。

店铺的logo则采用房屋的形状，给人以一种家的温暖的感觉。

3上电之家淘宝官方旗舰店视觉设计

对于店铺来说产品的版式设计和文案策划都是极其重要的，其中版式设计

主要是文案以及图片的排版，还有对于色彩的搭配；文案策划则是在文字上吸

引人们的眼球。好的文案策划和版式设计能让消费者产生足够的信任感，产生

购买行为。下面将对上电之家淘宝官方旗舰店的版式设计和文案策划内容进行

说明。

3.1店铺版式设计

店铺版式设计包括首页以及详情页的设计。首页设计主要是要突出本店的

特点，在设计方面需要抓住主题，在海报以及店招的设计上需要吸引消费者注

意力。详情页版式设计主要是传达该产品的相关信息，包括参数、卖点等，需

要做到比较详细的介绍到该商品，让消费者产生购买欲望。

3.1.1首页版式设计

首页版式图设计总共大小为1920px×9000px，底色采用简约的白色，最上

面为店招以及导航栏，。店招和导航栏采用的淡黄色当背景，店招左上角主要

是店铺的名字，以及logo，右上角摆放了本店销量第一的商品，吸引消费者注

意，以便消费者购买。导航条是由店铺菜单主题以及搜索框组成。

海报的尺寸是比较大的1920px×600px，主要用于吸引消费者的目光，激

发购买欲望，所以占比面积较大，版式图中海报采用橙黄色当做背景，店铺海

报采用左文右图的方式构成。

海报下面是分为四个板块，分别是“会员专享，福利放送”，“商品分类”，

“焕新潮店尝鲜”，“爆品热销家电”。在板块设计中，这些板块的设计都以简

约为主，采用简单的上图下文和左图右文的方式展现，以营造出清晰感，让消

费者购物不迷路。

最后是返回顶部的一个设计，采用矩形和形状设计而成，没有过多的设计

和装饰。

上电之家淘宝官方旗舰店首页版式设计草图如图2所示。

8

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

图2店铺首页版式设计草图

3.1.2产品详情页1版式设计

产品1的详情页设计，是本店的热销产品之一智能电饭煲。整个背景颜色

是采用的橙色和白色为背景，两种颜色交替作为背景。首先是产品海报的设

计，背景是简单的产品图和文案组成，采用下图上文的形式。其次是选择我们

的六大理由分别是3.0L大容量，250w大功率，微压烹煮技术，多功能面板，

聚能仿蜂窝内胆，大火力沸腾。之后是产品展示，产品细节，和产品参数。产

品展示采用上文下图和左文右图形式，主要展示电饭煲的卖点，方便消费者浏

览。产品展示为左文右图与左图右文的形式上的变化，产品参数以文字形式组

成。最后是售后保障，一共三点。

产品详情页1版式设计草图如图3所示。

9

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

图3产品详情页1版式设计草图

3.1.3产品详情页2版式设计

产品2的详情页设计，是店铺新品护眼台灯。产品2详情页版式设计采用

整体采用的是粉白交替作为背景。首先是产品海报设计，采用的粉色为背景。

接下来是产品特色，分为六点，采用上下对齐的方式。接下来是产品卖点，一

共两点采用的是上文下图的方式，然后是产品细节和产品参数，产品细节采用

的是左图右文和左文右图的排版。产品参数一共展示5点，板块设计，展示更

清晰。最后的售后保障与产品详情页1一致。

10

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

产品详情页2版式设计草图如图4所示。

图4产品详情页2版式设计草图

3.2店铺文案策划

产品文案设计无论对于首页还是详情页亦或者是主图来说都是很重要的一

点，好的文案能够激起消费者购买欲望，或者让人们产生共鸣，从而购买产

品，同时还可以建立起消费者对品牌的熟悉感，最后建立忠诚度，比如说“去

屑实力派，当然海飞丝”，当消费者一听到这个文案时就会想到海飞丝，虽然

11

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

文案简单明了，但是达到了目的。

3.2.1首页文案策划

店铺首页文案的策划，首先是店招的部分，店招左上角是店铺的logo为一

个小房子，还有店铺名称“上电之家官方旗舰店”，以及店铺整体的一个理念

是“让家更温暖”。右上角是店铺热销产品电饭煲，配的文案为“全店销售第

一”和“立即抢购”的字眼，加上些许装饰，吸引消费者眼球。最下边分为

“首页”“电饭煲”“灯具”“洗衣机”“吹风机”“联系我们”这几个部分，分

别为跳转到这些页面的连接，符合大部分消费者的使用习惯，同一排的最右边

为一个搜索框，便于消费者找不到商品的时候，对于所需产品的搜索。

首页海报文案设计，首页统一采用的仿宋字体，整体为左文右图的排版，

加大加粗的字体为“香甜米饭”，消费者一看到就知道本店海报主要推广的产

品是什么。其次是“香甜米饭”上方用其英文加以点缀，再加上“震撼低价，

疯狂抢购”以及其英文翻译作为文案。最后加上跳转到该商品的连接的文案

“点击查看”，方便消费者进一步了解产品。

会员专享，福利放送板块文案设计，采用“0元入会赢劵充值购物更划

算”的文案吸引消费者眼球，增加购买欲望，再加上一张无门槛优惠券以及一

张指定商品优惠券，优惠券下方加上领取的字样，提示消费者。

商品分类板块文案设计，运用的是微软雅黑的字体，文案是“让购物不迷

路更快捷”，简洁明了，配上产品大类的图片，消费者点击即可进入图片显示

的商品大类区。

焕新潮电尝鲜板块文案设计，运用微软雅黑的字体，撰写文案为“电家创

意家电给您带来不一样的体验”。展示了两个新产品，文案分别为产品的型

号，简洁其特和价格，以及“点击购买”的字样，还运用了自定义形状点缀

“畅销”文案，冲击人们的视线。

爆品热销家电板块文案设计，大标题“爆品热销家电”下的小标题为“好用

实惠不踩雷”，都采用的是微软雅黑的字体，展现本店两种热销的产品，也是

和焕新潮电尝鲜板块设计大体相同。

最后是运用简单的矩形框和返回的箭头组成的“返回顶部”，便于消费者

再次浏览店铺首页。

3.2.2产品详情页1文案策划

产品1海报的文案设计，产品1是本店主推的智能电饭煲，采用“松下”

“智能电饭煲”为主要文案以及简单英文文案“Hotandcoldwaterbag”装饰，

12

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

产品卖点“3.0L容量”“智能调控”辅助整个海报，以及宣传文案“给你贴心

安心的温暖”。

由于电饭煲的选择很多，品牌也很多，消费者对家电类产品的品牌忠诚度

也很高，所以首先展示该产品的具体卖点有哪些，消费者为什么选择本店的这

款电饭煲，分别为“3.0L大容量”、“250W大功率”、“微压烹煮技术”、“多功

能面板”、“聚能仿蜂窝内胆”、“大火力沸腾”，以及这些文案的英文字体分别

装饰。

产品展示板块，展示产品的三个独特性，分别以“一键香甜柴火饭”、“智

能方煲创新科技”、“智能温控高温自动断电”为主文案，再分别配对“让每一

粒米饭都散发自然原香”、“致力于研究完美米饭，让营养100%释放”、“内置

智能芯片温度达到临界自动断电”的辅助文案，对商品的特性进行展示，吸引

消费者购买。

产品细节板块，对产品的三个细节进行展示，分别是“可拆洗内盖”、“精

巧便携锅耳”、“配备齐全”为主文案，再分别以“人性化凝露内盖方便日常清

洁”、“提拿方便防止烫伤”、“给您方便的生活”，都对其相对应的图片细节进

行放大的展示。

产品参数板块，对产品型号，电源电压，额定容量，额定功率，净重，额

定频率，产品尺寸，能效等级进行了简单说明，在板块最下方设置温馨提示，

避免与消费者产生纠纷。

最后是“高品质售后保障购物无忧”，提供的服务为“7天无理由退换”、

“30天质量问题包退”、“一年换新三年保障”，打消消费者顾虑。

3.2.3产品详情页2文案策划

产品2的海报文案设计，产品2是本店的新款产品护眼台灯，采用产品卖

点“清晰不伤眼”为主文案，产品颜色“雅致黑”“透亮白”，以及宣传文案

“护眼小能手”。

产品特色板块，以“产品特色”为主标题文案，以及其英文加以点缀，展

示产品特色“充插两用”、“九档亮度”、“持久续航”、“触摸开关”、“环保材

质”、“LED光源”六大特色。

产品展示板块，展示产品的两个独特性，分别以“无可视频闪”、“柔光光

效柔和不刺眼”为主要文案，加上其英文为装饰，分别配上辅助文案“优质柔

光LED光源，告别眼睛伤害”、“23颗LED灯珠，学习更轻松”。

产品细节板块，展示产品三个细节，以“产品细节”为主标题，其英文加

13

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

以装饰，分别展示“精致做工环保材质”、“九档亮度随心挑选”、“一键触控

方便快捷”三个细节文案，加上其产品细节放大图。

产品参数板块，采用“产品参数”为主标题，分别对产品功率，材质，照

度等级，显色指数，色温进行说明。

最后是“高品质售后保障购物无忧”，与产品1详情页保持一致。

4上电之家淘宝官方旗舰店视觉效果制作

基于对店铺基本分析，以及对店铺首页、详情页版式图设计，以及文案设

计，接下来开始对店铺最终视觉效果的一个制作与展示。

4.1店铺首页效果图制作

店铺首页对于店铺来说是很重要的一个页面，同时也在一定程度上影响到

了其他页面的浏览量以及跳转率，所以说首页能不能一下抓住消费者的内心是

非常重要的。

4.1.1店招设计过程

店招，是消费者进入首页首先看到的一个板块，店招的背景采用的是分割

的背景颜色一半白色一半橙色。店招左上角是店铺logo，简约的一个小房子的

图案作为logo，往右走是店铺的名称，名称下面有店铺理念“让家更温暖”的

字样，打造家的温暖，简约风格。店招的右边为本店的销量第一的产品电饭

煲，加上彩带的点缀，突出文字，下方配上“立即抢购”的字眼，可跳转至产

品详情页。

导航条是采用橙色为背景，黑色的字体，用斜线隔开各个商品类目，清晰

明了，简洁干净。同时在导航栏最右边设置了搜索框，加上搜索图案，便于消

费者搜索。

上电之家淘宝官方旗舰店店招设计效果图如图5所示，在PHOTOSHOP软

件中的制作过程图如图6所示。

图5店铺店招设计效果图

14

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

图6店铺店招制作过程图

4.1.2海报制作

海报要做到大并且吸引人，为提高和店铺店招的匹配度，也是采用的同一

色系的配色，装饰有云朵和叶子以及花瓣，点缀背景，整体采用左文右图的方

式左边文字“香甜米饭”运用一定的文字效果做出渐变的感觉，加粗放大的操

作，吸引消费者眼球，其他为点缀文案。右边图片是产品图片与米饭的图片，

在米饭上面加上了蒸汽的效果，提升消费者对海报文案的认同感，促成消费者

购买意愿。

上电之家淘宝官方旗舰店首页海报效果图如图7所示，在PHOTOSHOP软

件中的制作过程图如图8所示。

图7店铺首页海报设计效果图

15

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

图8店铺首页海报制作过程图

4.1.3其他区域制作

其他区域的制作，一共分为会员专享、商品分类、焕新潮电尝鲜、爆品热

销家电和返回顶部。

会员专享板块，采用淡淡的米黄色打底，用圆角矩形框框住小标题，下方

为两张优惠券，一张为无门槛优惠券，一张为商品优惠券，简约的白色背景，

黑色的字体，会更加突出，下方配上领取的字样，激起消费者购物的想法，产

品购买。

商品分类板块，背景为白色，采用矩形框将本店的大类商品框起来，清晰

的展示店铺商品的种类，消费者一眼就能知道店铺售卖的商品有哪些，是否需

要等。

焕新潮电尝鲜板块，背景为米黄色和白色，下方带一个小标题，点缀大标

题“焕新潮电尝鲜”，接下来采用左图右文，左文右图的方式展示本店的新品

潮流电器，每个黄色矩形框包括产品的型号，产品的特色，产品的价格，以及

跳转到详情页面的连接，再加上产品图片的展示，由于空间有限，最后做了一

个“点击查看更多”的矩形框，便于消费者进一步了解更多店铺新品。

爆品热销家电板块，背景为米黄色和白色，整体排版和布局与焕新潮电尝

鲜一致。

最后的返回顶部板块，制作了黑色矩形框，加上黑色字体以及向上的返回

16

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

的形状。

上电之家淘宝官方旗舰店其他区域设计效果图如图9所示，在

PHOTOSHOP软件中的制作过程图如图10所示。

图9店铺首页其他区域设计效果图

17

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

图10店铺首页其他区域制作过程图

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

产品1详情页是店铺热销产品电饭煲的详情页，详情页可以很好的展示产

品的细节和特点，减轻消费者的疑虑，产品详情页1的制作是店铺热销产品电

饭煲。

4.2.1主副图效果图

产品1主图设计，构图整体采用上图下文的方式，右上角采用的是小旗子

的形状，加上阴影，分割色彩，突出文案“震撼低价疯抢中！”，中间产品图

还展示了内附的商品，下方运用了渐变色方框搭配衬托商品价格，以及满减活

动，运用云朵装饰边框，文字加粗有力，加上些许的阴影，吸引消费者眼球，

使人一眼就能看到价格，留下印象，再在矩形框中添加一些辅助的文案，增加

消费者信誉。

产品1主图设计效果图如图11所示，在PHOTOSHOP软件中的制作过程

图如图12所示。

图11产品1主图设计效果图

18

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

图12产品1主图制作过程图

下面是产品副图的设计与制作。副图整体都采用橙黄色为背景，简洁的上

文下图的构图方法。文案主要是展现产品的卖点，对主要文案进行加大加粗的

处理，但是图片占据大部分的位置，文案主要是辅助的作用，以展示图片为

主。

产品1副图设计效果图如图13所示，在PHOTOSHOP软件中的制作过程

图如图14所示。

图13产品1副图设计效果图

19

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

图14产品1副图制作过程图

4.2.2产品详情页1效果图

产品海报效果图制作，采用一个阶梯样式的台面作为背景，在最上方展示

产品，使海报更具有立体感和空间感，整体为上文下图的构图方式，产品品牌

加大加粗，给人视觉上的冲击，再用宣传文案和产品特色文案进行点缀，增加

消费者对产品的信任度。

下面的板块是对产品的独特性进行简要概括，主文案中的“六”采用加大

加粗，吸引人们眼球，副文案按照上下排列对齐的方式，再加上图标和英文点

缀，增加整体美观性的同时，也不会显得文案单调。主体部分采用六宫格的形

式排版，每一格都是上图标，下文案。利用与文案相契合的图标丰富文案，营

造层次感。

产品卖点分为三点，主文案突出产品的特色，辅助文案加以解释说明，整

体都是采用上文下图的方式，产品背景交替变化，产品图加阴影营造立体感和

层次感。

产品细节板块，展示了3个产品细节，左图右文和左文右图两种构图形式

交替，使得整个版面不会枯燥无味，图片整体都是采用白色背景，和板块采用

的橘色背景差异明显，更加能突出产品细节，主文案与副文案之间还采用小的

横线进行了分割和点缀。

产品参数板块，分为8个格子，每一个格子对应一个参数，包括型号，电

源电压，额定容量等参数，白色字体与橘色背景的搭配，显得字体尤为