鲜满满淘宝店视觉营销设计方案

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

目录

1鲜满满淘宝店铺概况..................................................1

1.1水果电商行业发展现状..........................................1

1.2鲜满满淘宝店铺现状............................................3

2鲜满满淘宝店视觉营销分析............................................3

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

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

2.1.2店铺消费者人群定位分析...................................4

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

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

3鲜满满淘宝店铺视觉设计..............................................5

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

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

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

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

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

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

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

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

4鲜满满淘宝店铺视觉效果制作.........................................12

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

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

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

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

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

4.2.1产品主副图效果图........................................16

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

1

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

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

4.3.1产品2主副图效果图......................................20

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

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

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

2

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

鲜满满淘宝店视觉营销设计方案

1鲜满满淘宝店铺概况

鲜满满淘宝店于2022年开店，主要售卖各类新鲜水果。目前店内销售有

苹果，香蕉，橙子，草莓，葡萄。之后，也将逐步扩大销售范围，增加更多的

新鲜水果。店铺的主要竞争点是比其他店铺水果更加的绿色新鲜，爽口饱满，

因此，我为店铺取名为“鲜满满”，以“鲜满满”为店铺名也能让顾客更快速

的了解店铺商品的品质，叠词也会让顾客更有记忆点，加深顾客印象，从而提

高回头率。

1.1水果电商行业发展现状

21世纪随着科学技术的稳步发展，互联网普及率越来越高。受新冠疫情的

影响，电商行业在疫情期间快速发展，《2022年百度电商价值研究报告》显

示，截至2021年年底，国内网购用户规模达8.4亿，占国内网民总数的

81.6%，未来线上渠道仍将不断侵蚀线下渠道的市场份额。随着越来越多的人选

择进行网上购物，线上网购的品类也越来越丰富。

《2021年中国生鲜电商行业研究报告》中，根据国家统计局数据，如图1

所示，2019年中国居民主要生鲜食品消费量达3.1亿吨，说明随着消费水平的

提升，生鲜食品的需求也随之提高，由此可见，水果电商的市场有很广阔的前

景。

分析生鲜零售市场规模结构，如图2所示，2016年线上占比2.8%，2017

年线上占比4.2%，2018年线上占比6.2%，2019年线上占比8.8%，2020年占比

已达14.6%。说明线上占比在不断提升，表明越来越多的居民形成了线上购买

生鲜的习惯。

1

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

图1：2015-2019那年中国居民生鲜食品消费量

图2：2016-2020年中国生鲜零售市场规模结构

近年来，随着消费水平的提升，居民健康生活的意识越来越强，如图3所

示，2015年全国居民人均鲜瓜果消费量为40.5千克，2016年全国居民人均鲜

瓜果消费量为43.9千克，2017年全国居民人均鲜瓜果消费量为45.6千克，

2018年全国居民人均鲜瓜果消费量为47.4千克，2019年全国居民人均鲜瓜果

消费量为51.4千克，2020年全国居民人均鲜瓜果消费量为51.3千克。由此可

见，国民水果摄入量在不断地提升，对水果的需求也在不断增加。

在淘宝网中搜索水果相关店铺，如图4所示，有564870家店铺，其中销

量居前列的店铺基本为天猫店铺，说明水果电商市场中淘宝店铺有很大的蓝海

市场。

从以上分析可知，生鲜电商的市场规模在不断扩大，居民的消费理念也在

不断更新，而淘宝网中，还存在着一大片水果相关店铺的蓝海市场。

2

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

基于以上结论，我决定将淘宝店的主要产品定位水果。

图3：2015年-2020年全国居民人均鲜瓜果消费量

图4：淘宝搜索水果类店铺数量

1.2鲜满满淘宝店铺现状

鲜满满淘宝店于2023年6月10日正式开店，店铺主打特色是水果最新

鲜，主要目标人群在一二线城市。新店开业期间，店铺进行了一系列的优惠活

动，如关注店铺即送5元优惠劵，满十斤送一斤，开张优惠价等活动。除此之

外，因本店主打水果最新鲜，所以本店所有水果均为顺丰包邮，以保证水果的

最佳口感。店铺活动时间定为2023年6月10日至20日。

2鲜满满淘宝店视觉营销分析

随着我国人民生活水平不断提高，人们越来越重视绿色健康的生活理念。

水果也成为大众饮食日常，由此引申的水果电商市场也越来越多人加入。因

此，想要在水果电商市场中占有一席之地，必须打造属于自己的品牌特色，有

区别于其他店铺的设计。对于水果的产地，口感，价格及售后服务等也在页面

写明，避免出现客户纠纷等事件。

2.1店铺视觉营销定位分析

《2022年美好生活水果新食尚消费趋势报告》中指出，水果食用频率高线

3

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

城市高于三线以下城市；26-35岁高于其他年龄段。所以本店将目标人群定位

于一二线城市，26-35岁年龄段的中青年。如图5所示，一二线城市消费者相

较于其他城市更看重水果的品质及新鲜度，因此，本店采用绿色，橙色为主，

主要凸显出水果的新鲜，品质的优良。

图5：2020中国不同级别城市消费者网购生鲜时看着的因素

2.1.1店铺产品定位分析

26-35岁年龄段人群有一定的经济基础，部分人群已成家立业，对于水果

的品质及产地都有较高标准。本店主推产品是麻阳冰糖橙和洛川红富士苹果，

为迎合消费者选择，本店将价格定为288元5斤，并着重强调水果的产地麻阳

和洛川，以此凸显水果的品质，让更多的顾客下单。麻阳冰糖橙产自于湖南省

麻阳苗族自治县，麻阳因其独特的自然条件，成就了冰糖橙的上乘品质，被誉

为“中国冰糖橙之乡”。麻阳冰糖橙果形端正，口感醇正，富含维生素C，营养

价值极高。洛川红富士是中国陕西省延安市洛川县特产，属于全国农产品地理

标志。来自于洛川的苹果肉质细嫩，酸甜适口，富含多种维生素和纤维素，适

合婴幼儿、妇女、老人食用。

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

本店铺将目标人群定位于一二线城市，年龄在26-35岁阶段的女性。此目

标人群学历为研究生，本科，专科，有一定的经济基础，收入水平处于中上

段，有一定的消费能力。该阶段的女性开始注重美容养颜，对食物的品质要求

4

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

极高，部分女性家中有婴幼儿更加关心食品的安全及营养成分，大多为白领，

家庭妇女。

2.2店铺风格分析

水果电商市场快速发展，越来越多的人加入市场的争夺，都想要分到一块

水果电商的蛋糕。在众多的水果类淘宝店铺中，想要抓住顾客的心，吸引顾客

下单，不仅需要品质高的水果，还需要能够一下抓住顾客眼睛的店铺装修。本

店的风格为自然品质风格，让顾客对本店形成“绿色新鲜”的印象，并且，水

果的价格，品质，产地及店铺的活动也在页面写明，让顾客一目了然。

2.3店铺色彩分析

一个好的店铺装修一定离不开舒服吸睛的色彩搭配，本店的色彩以绿色为

主，搭配红色，黑色，如图6所示。背景采用最简单的白色，避免因颜色过多

造成混乱的视觉感受，全页面用绿色作为主色调，栏目分割使用深绿和浅绿，

使色彩不会过于单调；文案字体同样使用最基本的黑色，重要信息以红色作为

强调，黑红的经典搭配也不会出差错，同样黑红这样的百搭色系与绿色搭配也

不会让人觉得不和谐。

图6：店铺色彩色卡图

3鲜满满淘宝店铺视觉设计

版式设计与文案设计对于店铺装修来说缺一不可，独特的版式设计，不仅

可以让顾客感受到舒适的购物体验，还能一下抓住顾客的眼球，让顾客记住。

而新颖的，直击消费痛点的文案，可以促使顾客下单，提高转化率。

5

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

3.1店铺版式设计

合理地排版会让顾客觉得赏心悦目，舒服的色彩搭配可以增加在顾客心中

的印象分，清晰明了的版式可以加少页面的跳失率，增加顾客购买产品的机

会。

3.1.1首页版式设计

对于店铺首页的版式设计，因为首页相当于一个店铺的店面，所以首页的

版式一定要清晰明了，突显店铺的风格。本店首页最开头分别是店招以及导航

条，往下是一幅新店开业的海报，海报下方有优惠券专区，提醒顾客领取。之

后设置了产品分类区以及产品展示区。产品分类区有本店售卖的五种水果，为

了更好的展示本店全部水果，我们在分类区下面设置了产品展示区，旨在向顾

客展示本店所有的水果类型，而在分类区中，不同的水果由深浅不同的色块区

分，更加的清楚。全部页面没有非常跳脱的颜色，简单干净，符合本店的特

点。

鲜满满淘宝店铺首页版式设计草图如图7所示。

6

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

图7：店铺首页版式设计草图

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

产品1是本店主推水果之一的冰糖橙。整个详情页的版式设计分为五个板

块，首页第一个板块是产品海报，产品海报放在首位主要在于，通过海报中对

冰糖橙的描述，展示，让顾客产生往下阅读的兴趣。海报往下是产品卖点，产

品卖点区块设计的是上文下图的模式，文字中，用一个字表达产品最重要的特

点，通过图片加文字的方式展示本店水果最新鲜的特点。往下是细节展示区，

此区块采用左图右文的设计，方便顾客观看，并以长方形色块区分，更加清

晰。之后是产品规格区，通过本区块向顾客表达本店产品的原生态。最后是购

前须知，让顾客清楚本店对于各种问题的处理方式，避免以后产生纠纷。

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

7

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

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

3.1.3产品2详情页版式设计

产品2的详情页是本店主推产品之一的洛川红富士，与产品1一样，产品

2的详情页同样设为五个板块。首先是红富士的产品海报，往下是产品卖点，

与产品1不同的是，此区块没有像产品1一样使用上文下图的排列顺序，而是

采用左图右文的排列，且没有设置色块区分，这样既不显得杂乱，又保持了图

文的和谐。后面是细节展示区，此区块采用上图下文的排列。产品2的区块排

列方式与产品1区分开来，让顾客不会觉得无聊，没新意。最后是与产品1一

样的产品规格区和购前须知区块。

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

8

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

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

3.2店铺文案策划

一个好的文案可以吸引顾客继续阅读，还可以精准定位产品。文案需要表

达出消费痛点，激发顾客对产品的需求，抓住消费者心理，为产品在顾客心中

建立熟悉感，增加产品心理上的价值。

3.2.1首页文案策划

首页中店招相当于店铺的门面，所以店招一定要表达出本店的特色，基于

此，我在店招的中间设计了店铺的slogan“绿色无污染，看得见的新鲜”，在

标语旁边我设置了关注店铺的区域，使用“收藏店铺，健康生活”的文案，抓

住消费者心理。

首页的页面中，顾客点进去一眼看到的是不是店招和导航条，而是占大多

数地方，处于视觉焦点位置的海报。对于首页海报，我没有使用产品海报，而

9

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

是使用活动海报，比起产品的介绍，此时，活动优惠更能吸引顾客。“新店开

张，优惠多多”直接点明店铺新开张，有许多的优惠。并且字体颜色选择与红

色搭配的金黄色，更有喜庆的氛围，并在下方用同颜色写明了活动时间“2023

年6月10日至20日”。

其他区域设置了三个分类，首先是优惠券区，与其他两个区域不同，优惠

券区域使用“先领券·后购物”分隔，使页面不至于呆板无新意。

产品分类区使用中英结合的文案，苹果，橙子，草莓，葡萄，香蕉，都写

出了对应的英文，apple，orange，strawberry，grape，banana。中英结合使

文案读起来不呆板。

产品展示区中所有品类的水果都有对应的介绍作为主要卖点，吸引顾客点

击，“正宗洛川红富士苹果皮薄肉厚，甜味十足”，“新疆阿克苏冰糖心苹果高

山种植，脆甜多汁”，“大凉山红颜奶油草莓高原露天种植，颗颗饱满”，“丹东

99新鲜草莓果园直采，绿色种植”，“云南高山新鲜香蕉焦形饱满，香甜软

糯”，“广西正宗小米焦入口即化，果香浓郁”，“云南阳光玫瑰葡萄饱满大果，

汁水充足”，东北巨峰大葡萄现摘现发，新鲜直达“，”正宗麻阳冰糖橙橙香浓

郁，清甜多汁“，”四川爱媛果冻橙果冻口感，橙香十足“，让顾客更直观的感

受水果的品质，并且在介绍下方设置了“立即购买”，引导顾客进入详情页。

最后设置了“返回顶部“”backtotop”，让顾客可以一键返回顶部，再次

寻找钟意的水果。

3.2.2产品1详情页文案策划

第一个产品是本店主推水果之一的麻阳冰糖橙，在最开头的产品海报中，

使用”正宗麻阳冰糖橙橙香浓郁，清甜多汁“的文案提醒顾客现在是冰糖橙的

详情页，并用“了解详情”促使顾客下拉进入详情页。

接下来是产品卖点，对于水果的卖点，本店从消费者的角度出发，挖掘消

费者对于水果网购的消费痛点，以及对于水果购买时看中的特点。在此区块我

主要运用总-分的表达，先是总起“橙心橙意，绿色健康“作为冰糖橙的

slogan，将诚心诚意中的“诚”替换为冰糖橙的“橙”，让文案更有趣味性，也

更贴合冰糖橙的主题，而绿色健康再一次强调冰糖橙的自然无污染。为了使画

面不单调乏味，”橙心橙意“使用不同的橙色与”绿色健康“的黑色区分开。

在slogan下面，我用少数文案对冰糖橙的卖点进行简单陈述，”挤在嘴里，橙

在人生“同样将“成在人生”换为“橙在人生”，不仅有美好祝愿，更有点题

意味，”沁入一年四季的雨露，身披春夏秋冬的光芒“运用对账的写作手法，

10

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

让文案更具文学性，欣赏性，”颜值与实力并存“，”颗颗爆汁，满满维C，甜

过初恋“。接下来的卖点陈述，用”鲜“，”甜“，”嫩“作为分论点，用最简

单的一个字概括，让顾客最快找到重点，在对分论点进行简要陈述，”鲜坚持

树上自然成熟，不催熟，人工新鲜采摘，还原橙子本身的味道“，”甜甜蜜在

舌尖肆意流淌，脆甜化渣，果香四溢，富含丰富维C“，”嫩一口下去，果肉

鲜嫩多汁，细腻柔嫩，老少皆宜好吃不停口“。

产品卖点下方是细节展示区，此区域的文案根据冰糖橙的细节图进行总结

和陈述，“清甜爆汁入口滑嫩，一口爆出香甜汁水“，”浓郁芳香汁多甘醇，

香甜口感铺满口腔“对于口感和香味的具象化，让顾客更能想象到冰糖橙的美

味，”精心挑选圆润饱满，每个都经过严格筛选“展现对于水果的严格挑选，

说明本店水果的口感有保证。

接下来是产品规格和购买须知，产品规格区中，用严格的数字表示本店对

于水果挑选的严格，说明本店经营的标准化，精细化，让顾客买得安心，吃得

放心。购买须知中，对退货，发货，赔付，损耗，拒收等顾客关心的问题进行

解答，充分展示了本店得专业性和服务的用心。

3.2.3产品2详情页文案策划

第二个产品是本店主推水果之一的洛川红富士苹果，在最开头的产品海报

中，使用”正宗洛川红富士苹果皮薄肉厚，甜味十足“的文案提醒顾客现在是

苹果的详情页，并用“了解详情”促使顾客下拉进入详情页。

产品卖点，使用四个四字词语总结卖点，并对四字词语扩充解释。“果大

核小外表红中带黄，光鲜诱人，果子大小均匀，果皮果肉醇厚”苹果核一直

是消费者关心的问题，太大的苹果核会影响到食用的过程，果肉也不会很多，

所以我用“果大核小”直击消费痛点，促使顾客下单，“精选大果颗颗甄选，

新鲜大果，脆甜爽口，甜蜜多汁”精选大果表示本店对于水果挑选的严格流

程，对于水果的品质保证，“甜脆爽口来自世外桃源的味道，肉质脆嫩，细腻

多汁，口感醇香”，“香味浓郁原产地种植，树上自然成熟，口感香浓，脆甜

回味”。展示苹果的脆甜口感及细腻肉质。

细节展示中，“果香四溢，脆甜多汁，洛川原产地种植，味道甜美郁香”，

“清甜水润，回味无穷，酸甜适中口感浓郁，让你爱不释手”对于苹果口感和

香味的描述，让顾客更加感同身受，“果形端庄，色泽艳丽，苹果表皮色泽诱

人，苹果大小均匀”大小均匀的外形，不仅观看愉悦，更能当礼物送好友，

“肉质细腻，液汁饱满，好果离不开洛川好山水”洛川原产地种植，品质有保

11

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

障。

最后的产品规格和购买须知与产品1详情页一致。

4鲜满满淘宝店铺视觉效果制作

介绍完店铺的概况、定位、风格、版式以及文案之后，接下来我主要介绍

店铺首页、产品1详情页、产品2详情页的各个部分是怎样制作的。

4.1店铺首页效果图制作

首页相当于一个店铺的店面，所以对于店铺来说首页相当的重要，好看清

晰的首页不仅可以降低跳失率，还可以提高转化率。本店的首页主要分为店招

导航条、宣传海报、优惠券专区、产品分类、产品展示五部分，通过这五部分

的展示，使首页规划更加合理，各类信息十分明确，有助于消费者更好地浏览

购物。

4.1.1店招设计过程

店招一般处于整个首页的最上方，好的店招可以增加顾客对于店铺的第一

印象分，因此店招需要体现整个店铺的特点。本店的店招背景为绿色的草地，

因为草地很容易让人联想到新鲜的空气和清新的大自然，这也符合本店“最新

鲜”的特色。在店招的左边，我放置了本店的logo，logo整体为深绿色的圆边

正方形对应店铺的主色调，用白色写了本店的名字“鲜满满”，并且在“满

满”两字中，用树叶代替三点水偏旁中的一点，树叶不仅代表大自然，而且代

替之后让整个logo更加鲜活，增添设计感，除此之外，在“鲜满满”的下方我

还加入了鲜满满的拼音，使整个logo更充实。店招中间，处于视觉的中心点，

我放置了为店铺设计的slogan“绿色无污染，看得见的新鲜”，并使用与logo

同样的深绿色，使画面和谐统一，并为字体加粗，向顾客强调此slogan，两句

话呈上下放置，增加页面的设计感。在slogan旁边，写了“关注店铺，健康生

活”，并用不同的红色，让顾客不至于忽略。

导航条整体使用浅绿色，不让整个画面的颜色太过于死板。然后用白色的

微软雅黑字体

写出我的分类区块“首页”“所有宝贝”“全部分类”“热销宝贝”“新品上

架”。

鲜满满淘宝店铺店招设计效果图如图10所示。

12

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

图10：店铺店招设计效果图

4.1.2海报制作过程

海报在页面中占据了大多数的位置，从而最吸引顾客的眼球，考虑到店铺

新开张，我决定使用新店开张的活动海报。为凸显活动的氛围，与其他区域区

分，整张海报使用大红色作为主色调。添加向两侧拉开的幕布，寓意着新开

张，海报正中间是活动标语“新店开张，优惠多多”，用金黄色华文行楷字体

与主色调区分，色调上也是统一的，配色很舒服，下方用同色仿宋字体写明活

动时间，提醒顾客。为了不让海报太过于单调，增加新店开张的喜庆氛围，我

在右下角添加了礼物的图案，并增加一些彩带。

鲜满满淘宝店铺首页海报设计效果图如图11所示。

图11：首页活动海报效果图

4.1.3其他区域制作

其他区域分为了优惠券区域，产品分类区域，产品展示区域。为了区分这

几个模块，除了文字的分隔符，我还添加了漫画式的花朵对模块进行划分，花

朵也选用的青绿色是整个页面更和谐，还让其增加艺术观赏性。

首先是优惠券区域，用简单的镂空长方形作为优惠券，中间立减的金额使

用加粗放大处理，让顾客一眼就能看到，三张优惠券竖直排列，清爽整齐。产

品分类区域，用五个简单的绿色长方形色块区分各类水果，并将它们整齐的码

13

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

在一起形成一个大的正方形。一个色块代表一种水果，色块里面放置了对应水

果的图片，图文结合让画面更和谐舒服。接下来是产片展示区域，因每种水果

都有两个不同的品种，所以我以每个大类作为区分，每个模块用深浅不一的绿

色作为区分，每种水果同样图文结合，使页面不至于单调，保持画面的一致

性。最后用等边三角形作为返回顶部的标识。

鲜满满淘宝店铺首页其他区域设计效果图如图12所示。

14

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

图12：首页其他区域效果图

15

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

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

产品1详情页制作的是店铺主推产品之一的麻阳冰糖橙。详情页的主要

内容有：商品情景海报、产品展示、产品细节、产品规格、购买须知这五大部

分组成。

4.2.1产品主副图效果图

主图是顾客进入购买页面时第一眼看到的图片，所以主图要做到配色舒

适，要点突出。为了使整个画面更加饱满，我增加了红色的边框线。在画面的

左上角放置了店铺logo，增加顾客的印象还能避免被盗图。因为选择的图片

中，冰糖橙主要集中于左面，所以选择将卖点放在右上角，用三个浅绿色的圆

角长方形区分，色彩也更丰富。最下方用金黄色渐变填充“正宗麻阳冰糖

橙”，左下角用椭圆形写价格，并为椭圆形增加阴影凸显价格。

产品1主图效果图如图13所示。

图13：产品1主图设计效果图

接下来是产品副图，为了让顾客更熟悉产品，同样左上角都有店铺logo。

副图1中也在画面的右上角写了产品卖点，圆角长方形用绿白色渐变填充。副

图2表现另一个卖点，因为此卖点是本店特色，所以单独拿出来，增加顾客印

象。副图3用的白底图，为了与主图区分，边框线用的与冰糖橙相同的黄色，

16

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

使色彩更统一。用不同的字体颜色突出重要内容，让顾客一眼看到，并且为冰

糖橙增加了阴影，让画面更有层次。

产品1副图设计效果图如图14所示。

图14：产品1副图设计效果图

17

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

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

产品1详情页在最上方的是产品海报，整张海报的背景用绿色和橙色的渐

变，绿色不仅是本店的主色调，而且象征着大自然无污染，而橙色象征的是冰

糖橙。在海报的正中间放置的是冰糖橙的图片，用橙子的英文orange在图片

周围形成包围，让海报更具艺术欣赏性。

接下来是详情页的主体部分，主色调没有选择一直运用的绿色，而是另辟

蹊径选择与冰糖橙相同的橙色，避免了色彩的重复造成顾客审美疲劳。产品卖

点中，将重要信息“鲜“”嫩“”甜“用加大的橙色文字，以及圆形边框突

出，让画面更有秩序感。并且根据文字选择图片，在总起的第一段中，选择有

阳光照射下的冰糖橙的图片，阳光让人感觉暖和健康，与“绿色健康“相呼

应。同样分论点中，根据”坚持树上自然成熟“选择冰糖橙在树上还未采摘的

图片。这种图文相呼应的方式比单纯的文字更容易让顾客理解接受，吸引顾客

购买，从而提高转化率。细节展示中，用三个圆角长方形区分，整齐竖直排

列，让顾客浏览时能够更直观的感受色彩的美妙，长方形中使用左图右文的方

式，左边的图片运用蒙版对图片进行裁剪。产品规格也用长方形框住，但是背

景颜色使用降低透明度的橙色，这样不会显得颜色太过单调。

最后是购买须知，每一小点用浅橙色区分，然后整体用橙色框架。同时购

前须知用橙色镂空正方形突出强调，使客户注意到这个模块，打消内心的疑

虑，让详情页更具有专业性。

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

18

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

图15：产品1详情页效果图

19

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

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

产品2详情页制作的是店铺主推产品之一的正宗洛川红富士。详情页的主

要内容有：商品情景海报、产品展示、产品细节、产品规格、购买须知这五大

部分组成。

4.3.1产品2主副图效果图

产品2的主图与产品1一致，为了使整个画面更加饱满，我增加了红色的

边框线。在画面的左上角放置了店铺logo，增加顾客的印象还能避免被盗图。

将卖点放在右上角，用三个浅绿色的圆角长方形区分，色彩也更丰富。最下方

用金黄色渐变填充“正宗洛川红富士”，左下角用椭圆形写价格，并为椭圆形

增加阴影凸显价格。

产品2主图设计设计效果图如图16所示。

图16：产品2主图效果图

接下来是产品副图，也与产品1一致，为了让顾客更熟悉产品，同样左上

角都有店铺logo。副图1中也在画面的右上角写了产品卖点，圆角长方形用绿

白色渐变填充。副图2表现另一个卖点，因为此卖点是本店特色，所以单独拿

出来，增加顾客印象。副图3用的白底图，为了与主图区分，边框线用的与冰

糖橙相同的黄色，使色彩更统一。用不同的字体颜色突出重要内容，让顾客一

眼看到，并且为冰糖橙增加了阴影，让画面更有层次。

20

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

产品1副图图设计设计效果图如图17所示。

图17：产品2副图效果图

21

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

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

详情页中最上方依旧是产品海报，产品2的海报背景选择户