蔚然家居淘宝店铺视觉营销设计方案

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

目录

1蔚然家居淘宝店铺概况...............................................3

1.1家居类店铺发展现状...........................................3

1.2蔚然家居淘宝店铺现状.........................................4

2蔚然家居淘宝店铺视觉营销分析.......................................4

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

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

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

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

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

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

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

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

3蔚然家居淘宝店铺视觉设计..........................................10

3.1版式设计....................................................10

3.1.1店铺首页版式设计......................................10

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

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

3.2文案策划....................................................15

3.2.1店铺首页文案策划......................................16

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

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

4蔚然家居淘宝店铺视觉效果制作......................................17

4.1店标效果图制作..............................................17

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

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

4.2.2优惠券效果图制作......................................18

I

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

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

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

4.2.5页尾效果图制作........................................20

4.3产品1详情页效果图制作.....................................21

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

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

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

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

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

5总结..............................................................30

参考资料............................................................31

II

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

蔚然家居淘宝店铺视觉营销设计方案

1蔚然家居淘宝店铺概况

网络平台的兴起让蔚然家居从线下走入线上，顺应时代的发展，蔚然家居

店铺也做出了调研，了解不同网络平台的家居店铺的特点，不同消费者的购物

喜好，去更好的优化自己店铺。

1.1家居类店铺发展现状

2023年对比2022年全国及城乡居民人均可支配收入处于增长状态。而近

年来网络的兴起带来了电商行业的发展，近几年诸多不同购物平台的推出，也

使很多传统行业通过网络走到大家面前。

图12019-2023年建筑行业增值及速度

图22023年人均可支配收入与增速

截至2023年12月，我国网络购物用户规模达9.15亿人，占网民整体的

3

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

83.8%。2023年全国网上零售额达15.4万亿元，连续11年稳居全球第一。同

时2023年，随着房地产行业的回温，与之息息相关的家居行业迎来新的发展

环境，网络家居店铺的兴起也让传统家居行业进入了新的领域，从以往的线下

销售模式走上了线上平台，客户的范围也扩大至全国甚至走向世界。

由于疫情因素，消费者的消费观念发生较大转变，越来越会精打细算，因

此，房屋的装修升级改造代替了购置新房，家装市场趋于年轻化，据统计家居

市场消费者46%为90后，同时决策者中男性比例为57%，女性比例为43%。

这让家居行业呈现出多元化的需求。

同时消费者也更加注重产品的售后体验，在要求全方位提升时，也希望获

得更多的免费服务。目前各个购物平台的家居店铺已经屡见不鲜，除去传统的

工厂制作，个人工作室以及私人定制也走进了大众视野，在购物平台上，顾客

能有更多的选择，商家也能更好的通过网络扩宽渠道，促进销售。通过网络我

们可以不仅仅局限于家周边的家居店选购，而是可以在购物平台上去选择更加

优惠更加符合自己心意的家居产品。

1.2蔚然家居淘宝店铺现状

蔚然家居作为一家于2023年新兴的家居店铺，致力于为广大年轻群体提供

健康、高品质的家具产品，让家的每一寸空间都充满温暖与美好。

蔚然家居的诞生源于对现代生活方式的深刻理解。在快节奏的都市生活中，

年轻人对于家居的需求不仅仅是简单的实用与美观，更多的是对健康、舒适与

品质的追求。蔚然家居秉持着“健康、品质、创新”的理念，旨在为年轻人打

造一个既美观又实用的家居环境。

蔚然家居主营各类家具产品，包括沙发、桌椅、床品、灯具等生活必需品。

所有产品均严格遵循健康环保的标准，选用优质材料制作，确保每一件产品都

符合高品质的要求。此外，蔚然家居还提供专业的家居搭配建议与售后服务，

让顾客在购物过程中享受到贴心的服务体验。

蔚然家居紧跟潮流趋势，注重产品的外观设计，以满足年轻人对于时尚、

个性化的需求。坚持“高品质、亲民价”的策略，力求让每一个年轻人都能拥

有属于自己的高品质家居。

2蔚然家居店铺视觉营销分析

蔚然家居店铺的视觉营销是其品牌建设和市场策略的重要组成部分。视觉

营销通过创造吸引人的视觉元素和布局，帮助品牌传达其理念，吸引并留住消

4

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

费者的注意力，从而提升销售和品牌影响力。以下是对蔚然家居店铺视觉营销

的具体分析。

2.1竞争对手店铺视觉分析

蔚然家居店铺对两种不同的家居店铺进行了视觉分析，了解不同店铺的优

势所在。

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

第一家店铺选取的是店铺评分都在4.9以上的十三年家具老店铺。

这家店铺首页采用的是轮播海报，图上呈现本店的优势产品，接下来是优

惠专区，采用图文结合的方式，打造节日特价产品，在上面宣传满多少送不同

的赠品，吸引顾客点击以及能把产品更好的展示出来。

下一部分是该店铺的线下实体店的分布位置以及联系电话，让顾客明白该

店铺不仅仅是只存在于线上，让顾客觉得店铺更加的踏实靠谱。下面是产品的

分类区，采用图文结合的方式，让顾客能直接精准的找到自己想要的产品分类，

提高顾客的留存率。同时分类专区也增加了不同板材的分类，让店铺板材能够

更加详细，顾客在挑选的时候也可以直接找到自己想要的木材去进行精准选择。

下一部分的分类是风格分类。顾客可以根据自家装修风格去选择对应风格的家

居款式。下一部分是产品爆款区，不同家具系列，有不同的爆款产品展示。最

后一个部分给顾客做了店铺的品牌故事，让顾客更加了解品牌的文化底蕴，产

品故事深入人心的同时也能达到产品宣传目的。页尾给顾客展示了店铺的质量

保质期，给顾客提供的品质服务等，给顾客提供了良好的售后体验以及免费服

务。

总体来说，该店铺的色彩采用的是蓝白色调，同时店铺的布局大多是图文

结合的方式来介绍店铺，让顾客能够清晰且精准的找到自己所需要东西，同时

主页给顾客做了多种方式的分类方法，让顾客能够根据自己的需求去选择相对

于的产品专区进行购买，大大的提高了顾客的留存率。

5

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

图3原始原木网店的海报与分类

图4原始原木网店的分类区

6

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

图5原始原木网店的品牌故事与产品系列

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

第二家店铺是评分均在4.9以上的私人订制家具店铺。

这家店铺首页采用的是轮播海报，介绍了专利、产品文化、公益活动，让

顾客更好的了解到产品文化，在海报下面给顾客做了店铺的私人订制套餐，直

接给顾客搭配好，避免部分顾客纠结不定。下一部分给顾客介绍了店铺拥有的

产品专利，让顾客对产品的专业度有更深一步的认识，提高顾客的信任度，同

时图片做了私人订制外观的产品图，让顾客可以直观的看到产品是否符合心意。

下一部分是订制分类区，给顾客分不同的类品展示，让顾客能够直观的选择对

应需要的类品进行精准咨询。在下一部分是给做的私人订制样板展示区，以家

居风格作为区分，展示不同家居的应用场景，直观的看见产品与家庭风格的搭

配。同时搭配了明星拍摄的产品宣传视频，明星代言增加了产品的影响力。下

一部分是介绍店铺的品质保障以及免费服务部分，居中大字放上了联系方式，

让感兴趣的顾客可以直接电话联系客服。同时最后一个板块是给顾客展示私人

定制的实景案例，和产品故事，让顾客更加的相信店铺的专业能力，达到促进

销售的目的。

7

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

图6我乐店铺的海报与分类

图7我乐店铺的分类区

8

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

图8我乐店铺的品牌故事与实体案例

2.2店铺视觉营销定位分析

2.2.1店铺产品定位分析

蔚然家居店铺主营业务是床以及沙发椅子一类的常用家具。因为同时物流

业的发展和家具运输成本的下降，而消费者对于家具这一类必需品以及替换需

求在不断提升，同时家具行业的不断发展，从木匠手工制作到全屋智能，家居

行业始终都是消费者们的必需品，同时家居行业的跨境外贸也是逐年升高。加

上近年来定制家具、智能家具的不断发展，我国家具产量也随之稳定增长，同

时在线订购家具为消费者带来了更多的选择和更大的便利，越来越多的人也在

选择网络购物。

床桌椅等作为家庭中必须要有的家具，经济的不断发展，居民消费水平的

提高，对家具这一类生活必需品的需求及替换需求不断提升，所以家居行业的

发展前景无疑是宽广的。

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

据调查显示18～29岁的年轻人在淘系平台上的消费增长引领了整个年龄

9

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

段的消费增长，因为年轻人对于新品的尝鲜意愿较强，并且年轻人的消费更加

的去追求“性价比”，同时对品质的要求也是不断的升级。

蔚然店铺是一家主要面向年轻群体的家居店铺，店铺风格基于百搭的现代

风格，符合年轻群体追求的轻奢风和简约风的，同时也用优质的售后服务去体

现店铺的价值。

2.3店铺风格分析

蔚然家居店铺产品多以棉麻或者皮质为主的产品，对于消费者不同风格的

家年轻群体中流行的简约风、原木风，都有很高的适配性。所以蔚然家居店铺

是一家现代风格的店铺，对于大众审美有很高的适配性。

2.4店铺色彩分析

绿色是自然界中最常见的色彩，给人生机勃勃、万物复苏的感觉，和纯洁

素雅的白色搭配显得优雅柔和，所以蔚然店铺整体以绿白色调为主，和店铺中

木质产品的色调搭配，让人置身于大自然，给人视觉上的舒适感。

3蔚然家居店铺视觉设计

3.1版式设计

店铺的首页以及详情页采用了不同的板式设计，已达到呈现产品多元化的

目的。

3.1.1店铺首页版式设计

首页的设计，主要分成了四个小区域，来进行版式设计。

第一个小区域是：简约海报、分类和优惠卷，最上方的大长方形，是简约

海报，中间的文字采用了居中对齐的方式，下方是分类设计，总共有四个小分

类，每个小分类文字大小，文字间隔相同，最下方的优惠卷，是由四个小长方

形组成，每个小长方形长宽高相同，这四个小长方形，采用上下两行的设计，

每个里面，都有一条优惠卷，文字都采用了居中对齐的方式。

第二个小区域是：爆款推荐，商品1价格信息和商品2价格信息，最上方

的是爆款推荐分割线，它中间的文字采用居中的设计，商品1价格信息，采用

左图右文的设计，左图是展示图，以长方形的方式呈现，右边是价格信息，显

示展示图的价格，材质和规格。最下方，商品2价格信息，采用右图左文的设

10

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

计，右图是展示图，长方形的方式呈现，左边是价格信息，展示图的价格，材

质和规格。

第三个小区域是：新款上新分割线、商品1到商品6的展示图，以及价格

信息。最上方的新款上新分割线，中间的文字采用居中的设计，下方商品1到

商品6的展示图，是以六个大小相同的正方形来呈现，六个正方形采用上下两

行的设计，每一行有三个正方形，下方是产品信息，采用了上图下文的设计，

依次在展示图下面，显示产品的信息和价格。

第四个小区域是：更多服务分割线、送装售后按钮，家具保养按钮，木材

课堂按钮，以及返回顶部。送装售后按钮，家具保养按钮，和木材课堂按钮，

这三个按钮，是以三个数值相同的圆形来呈现，三个圆形，并列成一行，每个

圆形中间间隔相同，每个按钮都会用文字标注作用，三个按钮中的文字，数值

相同，都采用居中对齐的方式，最下方的返回顶部，采用居中对齐的文字方式，

点击即可返回顶部

图9蔚然家居首页版视图1

11

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

图10蔚然家居店铺首页版视图2

3.1.2产品1详情页版式设计

产品1详情页版式设计，主要分成了六个小区域，来进行版式设计。

第一个小区域是：是优惠券区域，由上下三条窄长方形组成，长方形下的

间隔相同，里面是优惠卷内容，文字采用居中对齐的方式，下方的优惠券信息，

采用了底对齐加居中对齐的方式。

第二个小区域是：是产品情景展示图，用一块大正方形呈现，主要展示产

品在情景中，整体使用效果。

第三个小区域是：是产品细节与特点展示区域，总共展示产品三个细节，

每一行介绍一个细节图，细节图1和细节3都采用左图右文的设计，左边是细

节的展示图，用正方形的方式呈现，右边是它的优势介绍，文字采用了左对齐

的方式，在细节图2，采用右图左文的设计，右边是细节的展示图，用了正方

形的方式呈现，在左边是它的优势介绍，文字采用了右对齐的方式

第四个小区域是：产品详细信息展示区域，左边产品的展示图，采用正方

12

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

形的方式呈现，右边的长方形是产品的详细参数，长方形里面的文字，采用左

对齐的方式描述产品。

第五个小区域是：商品角度展示区域，总共展示商品的4个角度，每个角

度的展示图都用了大小相同的圆形呈现，每个圆形都不在同一行，4个圆形错

位摆放，每个圆形使用长短一样的实线相连。

第六个小区域是：购买须知区域，购买须知的文字采用了居中对齐的方式。

图11·蔚然家居产品1详情页版视图1

13

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

图12蔚然家居产品1详情页版视图2

3.1.3产品2详情页版式设计

产品2详情页版式设计，主要分成了六个小区域，来进行版式设计。

第一个小区域是：优惠券区域，由上下三条窄长方形组成，间隔相同，里

面都有一条优惠卷文字，采用了居中对齐的方式，下方的优惠券信息，采用了

底对齐加居中对齐的方式。

第二个小区域是：产品详细信息展示区域，左边产品的展示图，采用正方

形的方式呈现，右边有六条黑色横线，用上下间隔相等的排序方式呈现，产品

的文字参数，在黑色横线上用底对齐的方式呈现。

第三个小区域是：产品情景展示图区域，有两张展示图，每张用长方形的

方式呈现，上下的方式排列，每一行展示一个效果图。

14

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

第四个小区域是：产品细节与特点展示区域，总共展示产品四个细节，细

节1和细节2在同一行，细节3，细节4单独一行，共用了三行，其中细节1

和细节2采用了上图下文的排版设计，细节3采用了左图右文，细节4采用了

右图左文，这四个细节图用圆形的方式呈现，细节1和细节2的文案采用水平

对齐的方式，细节3和细节4的文案采用垂直对齐的方式。

第五个小区域是：商品角度展示区域，总共四个角度展示图，两个展示图

是一行，四个展示图都以正方形的方式呈现，每个展示图的文案，都采用了居

中对齐的方式。

第六个小区域是：购买须知区域，购买须知的文字采用了居中对齐的方式。

图13蔚然家居产品2详情页版视图2

3.2文案策划

不同的详情页介绍的产品不同，文案策划也是不同的。

15

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

3.2.1店铺首页文案策划

海报文案信息，店铺的宣传策划，在这个区域，一共有两条水平，错位的

文案写的是“北欧风尚时尚简约”，通过把字体加粗加大加粗的设计，来达到

吸引顾客眼球，宣传店铺的目的，让顾客可以一眼明白，店铺的风格。

分类文案信息，店铺的划分策划，在这个区域，一共有四个不同的分类，

“沙发”、“餐桌”、“衣柜”、“床”，字体都进行了黑体加粗的设计，能

让顾客一眼看到自己需要的物品在哪个区域，让整个店铺功能划分的更精准，

分类采用了中英双语上下水平的设计，让界面看着雅观，不臃肿。

优惠卷文案信息，在这个区域，有四个额度不同的优惠卷，“满1000减

50”、“满2000减80”、“满3000减100”、“满4000减150”，字体都进

行了加粗加大的设计，用来突出金额数字，从而实现吸引顾客进店购买，达到

引流的作用。

爆款推荐文案信息，店铺商品的曝光策划，一共推出两个爆款商品信息，

“2.3米双人大床”、“棉麻工艺”、“大理石餐桌”、“简约时尚”，每一条

文案都突出商品的优势，比如它的材质、规格和价格，都用加粗加大字体进行

设计，每一个商品都有三条介绍信息，三条信息上下水平排列，让界面更一目

了然，更清晰，从而让商品得到最大程度曝光，让销售量得到更高的提升。

新款上新文案信息，店铺的促销策划，一共推出六个新款商品信息，“餐

椅，优惠价79元”、“简约茶几，优惠价59元”、“储物柜，优惠价129元”、

“单人沙发椅子，优惠价299元”、“电视柜，优惠价，598元”“衣柜，优

惠价359元”每一条文案都要突出新款商品的优势，价格用黑色字体突出它的

优惠，让顾客有点击购买的欲望。

更多服务文案信息，店铺的引导策划，在这个区域，有三个按钮的文案信

息，“送装售后”、“家具保养”、“木材课堂”它们分别代表店铺其他的功

能服务，每一个按钮字体都要足够的大，足够的明显，用白色字体居中对齐的

方式，让顾客能一眼明白按钮的作用。

顾客须知文案信息，店铺的提醒策划，这个区域，主要用来提醒顾客，店

铺商品可能存在的一些不可避免的小瑕疵，防止后期与顾客产生纠纷。

3.2.2产品1详情页文案策划

优惠卷文案信息，店铺的引流策划区域，“满1000减50”、“满2000减

80”、“满3000减100”、“满4000减150”，四个额度不同的优惠卷文案信

息，字体进行加粗加大的设计，用来突出金额数字，从而实现吸引顾客进店查

16

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

看，达到引流的作用。

店铺商品的促销策划，主要在产品情景展示“构筑简约而静谧的空间”、

产品细节与特点“构筑简约而静谧的空间”、“进口北美FAS级黑胡桃木床体”、

“21cm高挑床脚扫地机随意进出”“排骨骨架采用俄罗斯进口桦木，无涂装更

健康”、产品详细信息、商品角度展示这四个大区域展示，需要让顾客明白商

品的最大优势

顾客须知文案信息，店铺的提醒策划，这个区域，主要用来提醒顾客，店

铺商品存在的一些不可避免的瑕疵，避免后期与顾客产生纠纷。

3.2.3产品2详情页文案策划

优惠卷文案信息，店铺的引流策划，共有四个额度不同的优惠卷文案信息，

“满1000减50”、“满2000减80”、“满3000减100”、“满4000减150”

字体都进行了加粗加大的设计，用来突出金额数字，从而实现吸引顾客进店查

看，达到引流的作用。

店铺商品的促销策划主要在产品详细信息、产品情景展示“精心为您打造”、

“雅致，简约，实用，不但能满足生活需求，也能赏心悦目”，产品细节与特

点“黄牛真皮，坚固品质”、“宽大舒适，持久耐用”、“自由组合，随意排

列”、“高密度海绵，柔软不会弹”，商品角度展示这四个大区域展示，在四

个区域，“因为品质，所以健康舒适，我们不只说故事，品质保障才是重要”

所有的文案信息都需要让顾客明白，商品最大优势是什么，多角度的展示，让

商品优势得到最好的体现

顾客须知文案信息，店铺的提醒策划，这个区域，主要用来提醒顾客，店

铺商品一些不可避免的瑕疵，避免后期与顾客产生纠纷。

4蔚然家居店铺视觉效果制作

4.1店标效果图制作

店标采用了跟店铺相对应的绿色调配色，店标里搭配黄色的沙发图案，显

得温馨治愈，同时字体采用了白色的字体，整体看上去不突兀与店标背景和沙

发图案相互搭配，其中家居两个字体有描边和色彩填充，让顾客看见店标的一

瞬间能够被家具两个字吸引，精准让顾客知道该店铺的销售内容。

17

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

图14蔚然家居店铺店标

4.2店铺首页效果图制作

店铺采用了不同的图文效果来制作，总体以绿白色调为主色展现。

4.2.1海报效果图制作

蔚然家居的海报采用的是绿色系为主，白色字体搭配的风格。绿色作为自

然之色，搭配白色字体看起来清爽以及简约，跟店铺的现代风简约风定位相符

合。同时海报的正中央放置蔚然家居的店铺店标，给人留以深刻的印象。海报

搭配的图片，是简约风的餐桌椅一类的家具，整体给人一种简约时尚风格体系。

图15蔚然家居首页海报

4.2.2优惠券效果图制作

店铺的优惠券采用4个相同的长方形，用绿色渐变的色彩填满白色加粗加

大的字体，着重描述金额的满减。能够使顾客在点进店铺时，注意到店铺的优

18

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

惠，从而促进顾客的购买欲望。

图16蔚然家居首页优惠券

4.2.3产品分类区效果图制作

产品的分类区采用绿色圆角矩形框，字体用黑色的黑体字居中显示四个不

同的分类板块，同时搭配英文，让分类专区看起来不单调。

图17蔚然家居首页分类

4.2.4产品展示区效果图制作

商品的展示区分为爆款推荐以及新款上新爆款推荐采用左图右文跟右图左

文相对应的格局去展示店铺的爆款产品，同时搭配价格以及产品的主要信息，

产品名称采用黑色加粗字体，价格采用加大加粗，让顾客能够清楚的看见产品

的优惠价格以及优惠信息。

新款上新区由六个相同的正方矩形组成，在正方形外有绿色的边框包裹，

统一色调，看起来不杂乱，搭配非常有特色的实物图案，让新款区看起来不单

调，给店铺首页增加特色，同时在下方居中对其产品种类以及优惠价格。

19

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

图18蔚然家居首页产品展示区效果

4.2.5页尾效果图制作

页尾区分为更多服务区与顾客须知区，更多服务区由三个相同的原型组成。

20

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

里面分为三个种类，给大家介绍该店铺的免费售后相关的内容。同时顾客须知，

单独的用长方形曲线隔开整体以绿色的字体为主，简约大气。

图19蔚然家居首页售后维护

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

产品一是蔚然家居店铺的热门爆款牛皮沙发，采用真牛皮制作，多种组合

拼接，色彩百搭。

4.3.1主副图效果图制作

产品的主图使用了绿色边框，在左上角用绿色的字体配白色边框，简单介

绍了产品的风格，同时右上角搭配店铺的店标，在下方大字采用绿色的字体白

色的边框显示了新店开张优惠价格等关键信息，同时主图上搭配了被抢爆款的

红色图标能够让顾客直观地看见店铺的优惠价格。附图搭配沙发不同角度的拍

摄图片跟图片相对应的文案，右上角放置店铺的店标，图中字体都采用绿色字

体，白色边框，更好的突出重点，同时还在图上标明了限时秒杀，新品爆款，

假一赔十等优惠标识。

21

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

图20产品1主图

图21产品1副图1

22

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

图22产品1副图2

图23产品1副图3

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

沙发的详情页整体的色调是与店铺相对应的绿白色调搭配，详情页的第一

部分是优惠券区域采用的是绿色搭配白色的字体能够清晰地看见满减金额，外

框是绿色的圆角矩形框边，更加的柔和，往下情景展示专区是沙发的样板图片，

23

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

搭配黑色的字体描述沙发的风格，更加醒目两眼，让顾客能看见样板图片的搭

配风格。

产品特点与细节专区用四个小圆形，把沙发的特写图片剪切在圆形上，在

旁边搭配白色的文字，同时背景是绿色与白色的圆形搭配，醒目亮眼，最下方

的宣传标语着重标明了品质和健康舒适等特点，用于增加用户的信任度。在商

品参数区，采用的是左图右文的格式，用黑色的字体呈现，沙发图图标有具体

的数据以及材质颜色等等具体内容。

在下一个区域是不同角度展示区，横屏放置了三个不同角度的沙发图片。

同时最下面给大家设置了顾客须知专区，用绿色的字体居中对齐的方式搭配白

色的背景，去告诉顾客因拍摄所展现的不可避免的瑕疵。

24

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

图24产品1详情页

25

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

4.4产品2详情效果图制作

产品2是蔚然家居店铺的新品胡桃木床，采用进口头层牛皮搭配胡桃木床

体，内里填充鹅毛，轻奢白搭。

4.4.1主副图效果图制作

产品的主图在周边采用了跟店铺主色调对应的绿色的边框。优惠活动价格

用白色标出并加大加粗，同时在周边用红色的图标标明爆款。同时主图的左上

方介绍床体的实木品类，整体用绿色字体白色描边来构成加粗加大的字体效果。

附图采用绿色字体，白色边框左上方有店铺图标，同时根据床体图片，介绍对

应的特点，字体均采用加粗加大，达到让顾客能一眼看见的目的。

图25产品2主图1

26

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

图26产品2副图1

图27产品2副图2

27