ZealSincere官方旗舰店视觉营销设计方案

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

目录

1ZealSincere官方旗舰店概况................................................................................1

1.1手表类天猫店铺发展现状...............................................................................1

1.2ZealSincere官方旗舰店店铺现状....................................................................3

2ZealSincere官方旗舰店铺视觉营销分析............................................................4

2.1店铺视觉营销定位分析...................................................................................4

1.1.1店铺产品定位分析..............................................................................4

1.1.2店铺消费者人群定位分析..................................................................5

2.2店铺风格分析...................................................................................................5

2.3店铺色彩分析...................................................................................................5

3ZealSincere官方旗舰店铺视觉设计....................................................................6

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

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

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

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

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

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

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

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

4ZealSincere官方旗舰店铺视觉效果制作..............................................................12

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

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

4.1.2海报制作过程....................................................................................13

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

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

4.2.1主副图效果图....................................................................................15

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

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

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

4.3.1主副图效果图....................................................................................20

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

5总结.........................................................................................................................24

参考资料.....................................................................................................................25

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

ZealSincere官方旗舰店视觉营销设计方案

1ZealSincere官方旗舰店概况

ZealSincere官方旗舰店于2023年成立，是一个售卖中高端手表的店铺，

随着手机等移动设备的普及，手表在日常生活中起到的看时间的功能在渐渐衰

弱，取而代之的更是一种时尚的搭配，甚至是身份的显示，包括上班族、学生

等等群体对时尚、潮流、高级感的需求逐渐显著，该店铺主要对男表、女表，

以及中高端的手表进行销售，采用简约大气的风格，ZealSincere官方旗舰店是

主营该品牌的手表，ZealSincere意为热情且真诚的，这与品牌故事相关，主打

年轻人对生活的热情和自我要求的美好品质，从品牌故事深入顾客，与顾客共

情，logo标志采用ZS缩写，提升了店名的认知度，同时也凸显出简约的风格。

1.1手表类天猫店铺发展现状

电子商务的发展给人们带来了很多便利，大家可以不用出门，单纯的利用

电视、手机或者电脑进行线上购物，如今电子商务已经影响了人们的购物行为

和方式。互联网等电子工具的不断发展，使手表类的销售模式发生了巨大的改

变，由线下销售演变成线上和线下组合销售模式，基于一些品牌效应，这使得

品牌类手表的线上销售相对较顺利。

根据中商情报网的数据分析，如图表1所示。虽然现在大部分腕表类产品是

以线下实体店销售为主要渠道，但是仍有不少消费者是选择在线上网店进行消

费购买，并且随着电子商务发展的推移逐渐增加。腕表在发展过程中逐渐形成了独特

的钟表文化和佩戴礼仪，虽然腕表的作用比较单一，但其外观与装饰的作用愈发明显。

而目前中国消费者大多数是收入，工作和生活较稳定的地区的青年群体。

年轻的消费者对手表类是购物需求的，因此中高端手表类的店铺装修需要偏向欧

式，并且简约大气，方能突出高级感。精致轻奢的店铺装修更能刺激和吸引年轻消费者

的支付转化率和点击率，而品牌类手表更具信赖，对比其他杂牌手表的各项数据都有明

显的优势。

1

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

图1中国腕表行业分销售渠道的市场规模

使用店查查插件，可以发现，在淘宝网上筛选天猫店，手表类店铺有7753

家，根据图3可知，天猫店铺手表类销售价格区间的占比主要分为4个等级，

其中0-28元的价格区间销售占比为30%，28-218元的价格区间占大头，主要为

60%，218-1530元的价格区间销售占比为9%，1530元以上的价格区间最低，销

售占比为1%。

图2淘宝网天猫店铺手表类数量

图3手表类天猫店铺销售价格区间占比

2

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

图4手表店铺销售额排名靠前的店铺

如图4所示，选取销量从高到低的前40家店铺，其中天猫店34家，淘宝

店6家，由可知手表类店铺消费者主要信赖有品牌类天猫店铺，淘宝店铺占少

数并且，销量较少。

1.2ZealSincere官方旗舰店店铺现状

ZealSincere官方旗舰店于2022年成立。ZealSincere新店开张，入住天猫

店铺为了增加访客数，积极上新，同时利用天猫店铺的品牌信赖优势，以及新

3

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

店开张的流量扶持，进行一系列的促销活动积累原始销量。在新店开业时临近

双十二大促，有效利用活动，增加产品展现量和店铺访客数。针对即将到来的

双十二该店铺做出的营销活动主要有：1.双十二签到领大额无门槛优惠券；2.跨

店满减，满200减20；3.新品优惠，预售支付尾款之后收货返40元；4.设立限

时秒杀9折专区。为了提升买家购物体验，ZealSincere官方旗舰店支持15天无

理由退换货，并且赠送运费险，店铺活动时间定为2022年11月12日——2022

年12月13日。

2ZealSincere官方旗舰店铺视觉营销分析

随着电子商务和智能手机的发展，大多数消费者人通过互联网接触到了各

种各样的产品，人们不再是盲目消费，更多的品牌，样式和价位的产品出现在

消费者的眼中，大多数消费者对手表的需求不仅仅是看时间，更是要求手表的

外观和颜值，也考虑店铺的装修和定位，而一个店铺想要贴合消费者，首先需

要确定受众群体，通过受众群体的层次，分析店铺装修的风格和宝贝风格，才

能更好的贴合消费者。

2.1店铺视觉营销定位分析

ZealSincere官方旗舰店经营的产品主要是以机械表为主。而使用机械表系

列产品的消费者大多为年轻人，而消费手表的群体主要有七类，第一类只是为

了看时间方便；第二类是为了让自己更成熟些，第三类只是为了应酬接待客户

显得正式，第四类是为了彰显自己的实力，第五类是单纯的喜欢手表，第六类

是常规的普通消费，第七类是为了炫耀或者凸显自己与众不同，大部分人群的

收入并不是太高，但品牌意识强烈，追求品牌类手表，而且有着良好的审美，

追求简约大气，因此价格并不是消费者唯一参考的因素，他们想要用简约的机

械表产品来表现与众不同的的高级感。因此，我们的店铺的排版设计需要简约

但不简单，搭配高级的色彩，这种设计，能给消费者整齐、高贵但不高调、成

熟且活力的感觉。另外，以黄绿为点缀，树立店铺热情且高级的风格，对应产

品本身的简约设计，让顾客了解我们的品牌故事，增加品牌忠诚度。

1.1.1店铺产品定位分析

我们店铺主营的机械表产品，对一些人是日常生活和工作中需要使用的，

这就要求我们的产品价格和外观以及一系列属性定位不能脱离消费者。该店铺

的产品的风格是黑色系为主，主推产品是曜夜晚黑流金表，为了符合品牌形象，

4

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

加上活动促销，该产品原价1599，活动秒杀价为1099，双十二当天前2小时还

能再享9折，在品牌店类的手表中，产品的售价并不算高，并且店铺的主要消

费群体为中高端消费者，超高颜值的外观，简约的设计舒适的佩戴体验以及足

够的优惠力度，都体现着个性高端轻奢，不仅有男表还有女表，男表更多的是

简约和大气，而女表则是精致和高端，其中男女搭配的情侣表，不仅仅赠送礼

盒，还有折扣，通过提供促销力度来提升消费者的客单价。

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

由于店铺主营的是机械表产品，而这类消费者大多数为职场，年轻人，有

一定的消费能力，学历为高中及以上，主要在一二线城市工作。经常使用淘宝天

猫等，并且没有那么多时间去进行线下消费这一类产品。这类消费者追求个性，有着不

错的鉴赏美的能力，品牌意识较强，追求品牌，以及外观。大多为年轻人办公

室职员，白领或商务人士。

2.2店铺风格分析

针对受众人群和产品风格，我们的店铺装修的风格也需要随之配对。受众

群体是年轻人，产品风格简约，因此我们的店铺装修需要从消费者的购买理由

出发，要吸引消费者，抓住消费者的信任，店铺装修的布局需要简约明朗，让

买家能够一眼看清楚该模块的主要内容，这样才能让买家有耐心继续浏览，增

加停留时间，烦乱的布局会让买家产生厌恶心理，不利于买家了解产品和店铺。

2.3店铺色彩分析

色彩搭配，在店铺的logo、首页、详情页、主副图的装修设计过程中，极

其重要，在观察了许多竞争对手店铺、分析了它们的色彩搭配之后，定下了店

铺的设计风格，依旧是黑白灰为主色调，高端沉稳成熟且不易出错，搭配其他

彩色可以有不同的韵味，不同的区块，根据模块来搭配色彩，但还是以黑白灰

为主色，其他色彩点缀其间。低饱和度的色彩作为背景色，被单独展示也不会

觉得刺眼，随时随地都有一种成熟的风格。的它被单独拿出来的时候也不会觉

得突兀，还能很好的作为隔绝色块，形成独立的单元。黑色在使用的过程中，

制作logo和店招时实用了黑色，进入店铺之后，消费者第一眼看到的是首页的

店招和logo，因此用黑色第一眼可以让消费者有一种高级和简约的感觉，并且

在制作海报和其他区块时需要用到明亮的色彩时，有了黑色就不会让整体画面

丢失高级沉稳的感觉，反而多了一些活泼和热情。

5

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

3ZealSincere官方旗舰店铺视觉设计

优秀的视觉设计，需要有优秀的排版和文案创作、色彩搭配。排版可以让

消费者看起来舒适也能突出我们需要重点展示的区域，对比同行，独特的排版

可以让消费者眼前一亮更好的吸引他们的目光。文案可以对产品进行解释说明

也可以在排版空缺地方进行装饰，更能揭示买家的痛点刺激消费。好的色彩搭

配可以对画面和消费者的心情进行影响，相同的产品搭配不同的颜色可以呈现

出不同的视觉效果。

3.1店铺版式设计

好的板式设计可以给消费者清晰的呈现效果，合理运用图形，色彩和文字

可以给消费者舒适的浏览体验，充满可读性，增加浏览量和访问深度，从而提

升支付转化率，激发消费者的购买欲。

3.1.1首页版式设计

第一部分介绍的是首页的版式设计，打开pc端首页时，映入眼帘的是logo

以及店招，导航条和海报。整体的背景色为白色，不同模块的颜色不同，但仍

然实用明度和饱和度底的颜色来进行搭配，不脱离简约的设计理念。Logo和店

招还是使用黑色，黑色有一种沉重感，当海报和活动模块运用的色彩较亮时，

黑色可以很好的调和这些颜色，既有一种沉重感又有一种活力感，更加吸引眼

球，首页的模块主要有海报、活动专区和分类专区，可以很清楚的表现活动内

容，呈现产品，更好的帮助客户找到自己合适的专区产品，活动往往放在前列，

吸引消费者参与来增加热度和访客数，而主推产品是热销款，这些产品往往紧

跟其后优先放在首页前几列，最后就是页尾了，还是使用黑白色来前后呼应，

不会脱离整体的色调。

ZealSincere官方旗舰店铺首页版式设计草图如图5。

6

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

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

7

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

3.1.2产品1详情页版式设计

产品1的详情页设计，是店铺的主营产品之一——机械男表，海报的设计

采用人物展示图配备一些文字的装饰，更能清楚地展示佩戴效果，其次是产品

参数，背景色为白色，用黑色文字说明产品，黑白作为对比色给消费者一种清

楚的感觉，让消费者明白手表的基础数值，其次是产品卖点，运用左图右文，

左文右图的排版展示产品，并且说明卖点，其次是产品展示和产品细节，产品

展示和产品细节无需用太多文字说明，用纯文字的展示更能够清楚的表现产品

特色，并且有简洁和高级的感觉。

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

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

8

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

3.1.3产品2详情页版式设计

产品2的详情页设计，是店铺的主营产品之一——机械女表，在详情页中

映入眼帘的还是产品的穿戴效果图海报，用真人模特来展示手表，一方面可以

显示手表类主要的视觉穿戴效果，另一方面用真人模特也能显示出一种高级感，

产品参数还是使用白色背景色，黑色为文案的色彩，简洁的设计突出产品的数

据重点，让消费者能一眼了解产品的主要属性。产品的卖点使用和详情页1相

同的排版方式左图右文和左文右图，产品细节和产品展示还是直接使用纯图片

展示，更能直观地展示产品的特色和局部外观，店铺内的详情页排版基本保持

一直可以让店铺整体有一种整齐的感觉，产品参数、产品卖点，产品展示、产

品细节和买家须知都是独立的模块，方便消费者阅读，呈现优秀的视觉效果。

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

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

9

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

3.2店铺文案策划

文案是传达产品特点的表现形式之一，优秀的文案可以让产品无形中增加

了一种信念，如果产品会说话那么文案就是它的言语，我们创造了文案，将产

品整体用各种语言表现出来，将消费者的痛点，产品的卖点提炼出来，满足消

费者的需求，加以配对结合，引导消费者去选择合适的产品，需要的产品，好

的产品。

3.2.1首页文案策划

ZealSincere官方旗舰店新店开张，利用新店浏览的优势以及天猫店铺自带

的信赖感，快速增加忠实客户，店铺首页是一个店铺的门面，店铺访客数是店

铺的活跃的关键，并且在活动期间，为了增加店铺活跃数，“签到领无门槛券”

这几个字需要重点突出让消费者一眼能够观察到，并且在下面用橙色特地标注

了活动时间，能够让消费者了解活动内容，增加该时期的活动热度和人气。

在店招这一块，除了标识了logo，还用logo制作了店招背景，给店铺增加了迎面

而来的高级感，能够让消费者一下子记住我们店铺的logo，logo设计时实用了店铺名称的

首字母，ZealSincere，首字母为zs实用该字母设计不仅有一种高级简约感，还能

让消费者很好地记住我们的店铺logo。

当pc端进入店铺首页时，映入眼帘的不仅仅是店铺的logo和店招，还有占

大头的海报，我们的品牌故事主要核心观念为对生活的热情并且真诚的态度，因

此海报不仅仅需要高级感，还需要增加彩色来显示活力，我们实用白色为底色，

黄色和绿色做渐变，主体为热销手表并且居中，一级标题主要突出节日消息，

“淘宝双12狂欢”，右上角为日期2023年，提示活动年份并且起到装饰作用，

实用英文单词居中虚化，可以防止海报空缺，“新品发布”提醒消费者有新品

上新，可以给新品起到宣传作用，作为高级感的体现，海报不需要有过多的说

明性文案，适当的说明可以对消费者加以引导，并且起到简约的作用。

分类导航除去首页之后有七大模块，每一个都明确的标注了该类目的主要内

容，方便消费者了解店铺的主要产品。活动专区中的签到领取无门槛和9折限时

秒杀专区字体较大，能够很好的吸引消费者的目光并且参与活动，并且还标识了

其他活动，跨店满减和新品优惠能够让消费者一眼能够观察到。

活动区下是热销专区主要用图片展示，用少数文案展示热销排名“TOP-1，

TOP-2，TOP-3”展示了热销款的排名也起到点缀作用，底色用灰色做背景色，

直接放上黑色的文字和价格，明朗的视觉效果，“点击进入”可以帮助消费者进

10

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

一步点击了解。双十二淘宝节设置了男款专区和女款专区，可以更好的让消费者

方便点击了解。

“返回顶部让消费者意识到已经到底部了，如果满意，可以重新“返回顶

部”，浏览之前中意的商品，“全部宝贝”“按销量”“按人气”“按价格”可以让消费

者直接按照标准筛选浏览。

3.2.2产品1详情页文案策划

产品的佩戴情景海报的文案非常简约只有logo加上英文，主要是起到装饰

作用，并且让消费者进一步加深logo印象。该产品的参数是由工厂描述的参数，

是手表最基本的需要告知消费者的消息，也是产品的基本卖点，使用营销文案

营造出产品优越的品质，“日本精工时间模块运动”通过对日本工匠精神的潜

意识认为该国的产品较优质；“拒绝二手货”强调我们的产品是全新的，非他

人使用过“高密度箱，A级袋”“优质皮革”表明产品用料扎实，不会轻易有质

量问题，佩戴较舒适，“防水深度:3BAR”，防水也是手表的一大卖点，在佩戴

过程中难免会有水渍溅到，因此表明防水值能够让消费者更加认为该产品的优

越性。首先我们使用专业的术语阐述手表的特性，然后再是使用大白话来描述

产品的卖点。其中产品卖点有“精致罗盘设计简约大气”，再配上产品的局部

图，展现出产品的设计感满足了为了外观追求手表的消费者，“轻更舒适表盘

厚度0.59cm”显示出手表的轻薄程度，符合长期佩戴手表的商务人士，“网带

编制果险和防水透气”显示出了手表舒适的佩戴体感，适合长期佩戴，经典系

列展示了该系列的全部款式的手表，能够让消费者一目了然更好的选择自己心

怡的款式。

其次是产品展示和产品细节图，能够让消费者更好地看清产品的外观和佩

戴效果，“买家须知”包含了支付问题、售后问题和物流问题等一系列消费体

验，能够给消费者安心的保障，促进消费者下单，提升支付转化率，也进一步

减轻售后压力。

3.2.3产品2详情页文案策划

产品的佩戴情景海报的文案仍然非常简约，只有点缀的英文，由于海报色

彩较丰富和明亮，因此我们的海报文案不能使用过多的文字，而且需要使用白

色来搭配调和，起到画龙点睛的作用。产品的外观参数是生产厂家所测量的数

据，较为准确与实际测量相差不大，右上角为产品的编码主要为了区分各个产

品而设置，是独一无二的，放在右上角也有装饰的作用，我们店铺的产品参数

11

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

的营销文案都是统一风格，优越的品质，“日本精工时间模块运动”“拒绝二

手货”“高密度箱，A级袋”“优质皮革”“防水深度:3BAR”，还是使用专

业的术语阐述手表的特性，然后再是使用大白话来描述产品的卖点。

其中产品卖点有“渐变绿光设计，多色可选表盘细腻简约多元设计”，是

对产品的外观进行描述，主要显示了产品精美的外观更适合女性，“欧洲牛皮

表带，坚韧防水细致做工不开线高级工艺”表现出了手表扎实的质量和舒适的

佩戴体验，满足了一些女性对品质的追求，“纤薄尺寸6.9mm表壳厚度，匠心

打造轻奢质感细节无可挑剔”突出了产品轻薄的特性，长期佩戴不会劳累厚重。

其次仍旧是产品展示和产品细节图，能够让消费者更好地看清产品的外观

和佩戴效果，采用和产品1一致的文案，“买家须知”也包含了支付问题、售

后问题和物流问题等一系列消费体验，能够给消费者安心的保障，促进消费者

下单，提升支付转化率，也进一步减轻售后压力。

4ZealSincere官方旗舰店铺视觉效果制作

了解了店铺的概况、定位、风格、版式和文案后，是店铺的首页效果图，

和2个产品的详情页效果图，以及效果图是如何构思制作的。

4.1店铺首页效果图制作

对首页的装修就是优化消费者的店铺浏览体验，让消费者能够了解店铺的

产品，明确哪些是热销品，以及宣传的活动，帮助消费者从产品中找到合适自

己的产品，我们在设计店铺首页装修的时候需要明确产品的风格与其符合，明

确观众的喜好。

4.1.1店招设计过程

店招能够很好的展示店铺的形象，将消费者和产品联系起来，是消费者的

第一印象，店招能够初步体现出产品的风格，因此店招具有非常重要的作用，

将店招和logo完美的结合起来能够让消费者有良好的第一印象。我们店铺的主

要风格为高级大气感，并且为欧式简约风格，所以主色调为黑白灰色，店招的

背景色为黑色，彰显出一种神秘感，店铺的logo不按照常规放在左侧而是直接

将它放大，使用灰色填充，旋转微调作为店招的背景，既能让消费者清楚地观

察到，又不会将logo名称遮挡住，logo名称为店铺的首字母缩写，放置在中心

将消费者的焦点聚集起来，在logo下面增加英文PRECISELASTING，中文名为

精确的，一方面可以装饰logo，一方面又暗示店铺的手表走位精确，品质优秀。

12

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

导航条和店招的颜色同样使用了黑色，颜色匹配能够让画面更加协调，文

字还是使用白色，和黑色搭配更加的醒目，简短的文案能够让消费者一下子理

解找到自己所感兴趣的产品，使用阿里巴巴普惠体不仅效果美观，而且不会有

侵权的风险。

ZealSincere官方旗舰店店招设计效果图如图8所示。

图8店铺店招设计效果图

4.1.2海报制作过程

海报能够让消费者更好地了解店家的意图，反过来说，为了让消费者明白

我们店铺的节日活动，我们使用了海报来凸显活动，好的海报能够让更多消费

者所接受，并且我们把主推产品放在了海报的正中央，消费者一眼就能看到该

产品，进一步增加了产品的曝光，海报的底色用白色，左上角和右上角用绿色

和黄色渐变装饰，增加了整体画面的色彩和明度，有一种活力感又不失高级感。

“淘宝双12狂欢”展示了活动主题，“LOREXCEP，BRITWISH”使用虚化放

在“淘宝双12狂欢”的上下，解决了该文案该部分的空白问题，不会让消费者

有一种空缺的感觉，其他英文字母等图形都用作装饰画面。

ZealSincere官方旗舰店首页海报设计效果图如图9所示。

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

13

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

4.1.3其他区域制作

其他模块则分为活动促销模块，商品分类模块、产品热销模块、页尾返回

顶部模块。

首先是活动模块，整体使用灰色作为背景色，部分区域使用黑色和橙色，

文案则用白色，部分需要强调的文案使用橙色填充白色描边，让画面看起来高

级简约，放大了“12.12签到领无门槛券”只需要签到就可以领取无门槛，还用

橙色填充数字50白色描边，能让消费者一眼看到活动的力度，积极参与到活动

中来，用橙色图形作为活动时间的背景色，可以一下子吸引消费者的注意力，

让消费者明白活动时间，起到了强调作用，对活动的进一步说明用白色的文案

和黑色的背景，反差的颜色简洁且有阅读性。

然后是新款热销专区，展示了热销的产品，没有过多的文字解释，直接放

置产品用于展示，方便买家了解热销款，产品分区将手表分为男款专区和女款

专区，不同的消费者可以根据自己的需求选购，最后是页尾区，在消费者浏览

到底部时可以根据消费者下一步的操作辅助其返回顶部，或者进一步浏览店铺

产品。

ZealSincere官方旗舰店首页其他区域设计效果图如图10所示。

14

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

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

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

产品详情页1介绍的是男表中的热销款之一，主要内容有：产品情景海报、产品

卖点、产品信息、产品展示、细节展示、支付与配送信息、售后信息等。

4.2.1主副图效果图

首先介绍主图的设计。主图作为产品展示中，最先展示给消费者欣赏的图

15

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

片，在网站搜索页中，很大程度上决定了顾客对这件商品是否具有吸引力。主

图既要展示卖点。

首先展示的是产品的主图，主图具有着无比重要的作用，它影响着产品的

点击率和转化率，在搜索流量中好的主图可以吸引消费者点击，只有拥有了访

客数，产品才能入池，平台提供进一步展现。

主图的促销标签制作用金色文案和黑色搭配，既美观又高级，用金色填充

秒杀价可以让消费者一眼看到优惠后的金额，还有“限时2小时，再享9折”

主图顶部居中增加了店铺的logo，让买家加深印象，同时将产品放在偏左侧，

卖点放在右侧，买家既可以看到产品，又能看到产品的一部分卖点，并且还有

入会礼金，可以增加店铺粉丝量，手表下的台子和背景分格阴影增加了画面的

层次感。产品1主图设计效果图如图11所示。

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

接下来是产品1副图的设计，两幅图为灰色背景图，没有过多的文案，直接

放置产品，然后加以英文修饰，副图1放置了该产品的正面图以及2种不同颜

色的产品，并且用英文装饰，中间图上下文字，摆放美观，排版整齐。副图2放

置了店铺logo重点展示了主图款手表以及手表侧面，为了手表展示更加有立体感，使用

阴影，为了弥补空缺部分，使用英文字段填充。副图3为了展示佩戴效果，使用了左

文右图的排列方式，标题用字母应用斜体，没有过多说明的文案，整体显示出

轻奢、高端大气简约的画风。产品1副图设计效果图如图12所示。

16

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

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

4.2.2产品1详情页效果图

对于产品详情页，主要包括产品情景海报、产品卖点、产品信息、产品展示、

细节展示、支付与配送信息、售后信息等内容。消费者在下拉时，第一眼看到的就

是产品情景海报，因此情景海报需要抓住消费者的眼球，我们使用了产品佩戴场

景图作为背景，将logo放置海报顶部，logo是由Z和S结合设计的，新颖且简

约，海报的整体色调偏蓝色，因此用蓝色做正片叠底装饰，并且增加英文，起

到装饰的作用。

产品信息为左图右文，左边放上产品图方便消费者观看，右边则是一系列的参数

17

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

供消费者阅读，详情页使用白色作为底色使用黑色填充文字方便消费者浏览，提升浏

览体验，产品细节展示区也是使用上文下图，文字使用黑色简约明朗，图片则是田字

排版，四张图排列整齐，充分展示了细节，四张图并没有紧紧挨在一起，而是留有一

些背景色空隙，这是为了避免四张图边缘混淆，四张图整体画面较暗，放在一起容易

看不清楚，留出间隙提升买家观察体验。

产品的卖点也是使用左文右图和左图右文的方法展示，图片为展示卖点的产品局

部图，方便买家将卖点和产品联系，卖点的展示使用了白色填充加阴影效果，文字清

楚并且有黑色形状和白色序号文字标明卖点，各个卖点用灰色隔开进一步提升画面的

简洁高端感。

最后支付与配送信息、售后信息等内容，用场景图作为背景，加上了白色区

块，拉低透明度，既可以显示出其中的支付与配送信息、售后信息，还能看到

背景图，并且加上店铺logo，加深消费者对logo的印象。

产品1详情页设计效果图如图13所示。

18

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

图13产品1详情页效果图

19

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

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

产品详情页1介绍的是女表中的热销款之一，主要内容有：产品情景海报、产品

卖点、产品信息、产品展示、细节展示、支付与配送信息、售后信息等。

4.3.1主副图效果图

首先是主图的设计。和产品1的主图类似，为了保持店铺风格，树立店铺的

设计文化，首先介绍主图的设计。

为了保证店铺整体风格一致，突出店铺特色，仍然是跟产品1主图相似。

主图的促销标签制作也使用金色文案和黑色搭配，既美观又高级，店铺中的产

品大部分参与了活动因此促销标签必须统一风格，不同的风格会让消费者产生

一种不是同一个活动的错觉，并且杂乱的感觉。顶部的logo是区分其他竞品的

主要因素，整体是金黄色的一个色调，高贵的主图往往可以吸引有类似需求的

消费者。产品2主图设计设计效果图如图14所示。

图14产品2主图设计效果图

接着是女表产品2的副图设计，两幅图是灰底图，还有一张是场景图，且有

店铺logo。副图也是和产品1保持了一直的排版和风格，副图1放置了该产品的

正面图以及同一个系列2种不同颜色款式的产品，并且用英文进行装饰，副图2

20

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

放置了店铺logo，且展示了主图款手表以及手表侧面，使用英文字段填充和阴影效果。

副图3为了展示佩戴效果，使用了左文右图的排列方式展示。

产品2副图设计效果图如图15所示。