湖南香橙专卖店视觉营销设计方案

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

目录

1湖南香橙专卖店概况.................................................1

1.1水果类店铺发展现状............................................1

1.2店铺现阶段发展分析............................................1

2湖南香橙专卖店铺视觉营销分析.......................................2

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

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

2.1.2消费者人群定位分析......................................2

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

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

3湖南香橙专卖店铺视觉设计...........................................3

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

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

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

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

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

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

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

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

4湖南香橙专卖店铺视觉效果制作......................................14

4.1首页效果图制作...............................................15

4.1.1店招效果图制作.........................................15

4.1.2海报效果图制作.........................................15

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

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

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

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

I

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

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

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

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

5总结..............................................................25

参考资料............................................................26

II

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

湖南香橙专卖店视觉营销设计方案

1湖南香橙专卖店概况

湖南香橙店是一个新起步的小众专卖店，成立于2019年，是一个3钻店

铺，粉丝量拥有1万多，DSR的评分：描述相符4.6、服务态度4.7、物流服

务4.7。主营的产品是湖南特色的新鲜香橙，主要销售脐橙、丑柑橘子。店

铺的服务宗旨是：让新鲜的香橙送到每家每户。

1.1水果类店铺发展现状

随着国民经济的不断发展以及人们生活水平的不断提高，水果也逐渐

转变为人们的生活日常消耗品。在淘宝天猫中随着网络的不断发展，水果

店在不断的增加，足已说明网上水果是一个很大的市场。如此大的市场必

然带来巨大的水果需求。经我的调查，店查查插件发现在淘宝网仅仅筛选

淘宝店，水果类店铺就111592家。其中金冠卖家占比12.53%，皇冠卖家占

比45.96%，钻级卖家占比20.53%，心级卖家占比0%。区分天猫店铺，其中

天猫卖家占比72.36%，金冠卖家占比4.32%，皇冠卖家占比17.36%，钻级卖

家占比9.8%，心级卖家占比0%。

由此可见，水果类店铺竞争是比较激烈的，淘宝店铺虽然数量大但是

占比小，而天猫店铺则数量少但占比大。

1.2店铺现阶段发展分析

湖南香橙专卖店是刚刚起步的小店，在注重店铺产品的质量保证前提

下，给予顾客更加实惠的价格和优质品质。主要针对有着喜欢吃水果，品

质优选的消费人群，店铺主销香橙与丑柑种类。

湖南香橙专卖店主营橙子类产品，作为刚起步的店铺，现阶段的经营

理念是在保证产品质量、有自身品牌特点的前提下，扩宽客户群，吸引新

的粉丝客户群体，促成交易，同时，不断完善售后服务体系，对在店铺消

费过的客户做好回访工作，收集整理好客户所反馈的信息，不断提高客户

的满意度，从而增加顾客对店铺的粘性，树立良好的品牌形象。

1

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

2湖南香橙专卖店铺视觉营销分析

随着大数据网络的时代的迅速发展，人们的消费也实现了“质”的飞

跃，大多数的消费者不再是盲目的从众消费，而是有需求有目的的理性消

费。水果类产品这一市场不再是以门店为主导，而是消费者以参数、品牌去

衡量水果类产品。而一个店铺想要做到更好更强，能够在市场上有安身之

地，就必须要对消费者的心思有一定的理解。初步设计分析好店铺定位、

风格、色彩，可以让店铺的装修设计有个大致的风格，方便设计时更好梳

理思路，涌现灵感。

2.1店铺视觉营销定位分析

湖南香橙专卖店经营的产品主要是以香橙和丑柑为主，而购买此类产

品的消费者大多数为女性，收入水平中上，中年人，以一二线城市用户居

多。这一类人群有一定的消费能力，对产品有较高的要求，品牌意识强烈，

有着良好的审美观，我们店铺的色彩搭配设计主要以绿黄白三色调为主，这

种简洁的设计，可以给消费者大气的感觉。另外，以店铺的主题色黄色为点

缀，树立店铺的风格，平衡产品本身的优雅与秩序，让顾客感受到我们的

专业性。

2.1.1店铺产品定位分析

店铺主营的是橙子类产品，我们店铺的主推产品之一是香橙，为了符

合中高端精致优选的定位，这款水果的售价为人民币49.9元/箱，在橙子类

产品中售价并不算高，是大多数消费者可以负担得起的价位。香橙和丑

柑，这就是湖南香橙专卖店铺对于主推的产品定位，店内另一款主推产品

是沃柑和橘子，经分析比较同类店铺同款产品的价格，将此款水果的售价

定为人民币28.8元/箱，优质的产品加上较低的价格更容易吸引消费者。

2.1.2消费者人群定位分析

店铺主营产品为水果类，此类产品的消费者可大致分为三类，第一类是对

水果有重度需求的50岁以上人群，他们有一定的消费能力和购买意愿，这类人

有每天吃水果的习惯，喜欢吃，能分出香橙的好与坏。第二类是30-50左右的

女性等宝妈，会给自己空余的时间安排一点水果，这类人在消费水果时，关注

的是水果的口感，实实在在的营养功效，这类消费人群消费能力较强，同时占

2

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

比也大。第三类是85后90后轻时尚人群，这一类人饮好偏好于喝果茶，喜欢橙

子的香甜味道，但这部分人骨子里还是对香橙有潜在需求的。

2.2店铺风格分析

想要提高店铺用户基础，最直接的办法就是增加顾客对店铺的粘性,使得

浏览者有更深的兴趣愿意花更多的时间对店铺进行浏览，并且有意向将店铺进

行安利与推荐。从这方面考虑，店铺风格以及页面的规划策划就起到了决定性

的作用。近年来健康生活被大力提倡，因此购买水果的用户会大幅度的提高。

2.3店铺色彩分析

本店隶属水果类品牌店铺，主要针对喜欢吃优质水果的消费群体，在设计

时，整体设计风格以简约为主，采用黄色为店铺的主色调，简约大气有格调，

黄色与白色相结合。白色为主色作为背景颜色，白色代表着大气，使人对健康

的人生与生命力的活力充满无限希望，和我们品牌定位相符，绿色做产品图的

背景和价格的强调色，红色作为膨胀色，在视觉上有种迫近感，用来吸引消费

者的注意和购买欲望。

3湖南香橙专卖店铺视觉设计

伴随电子商务的迅猛发展网店数量的增长，网店的风格在不断的升级变化。

即便店铺有流量，但转化率却没有提高，这种情况发生的很大一部分的原因是

店铺设计没能抓住消费者，没能刺激消费者下定购买决心，同时，文案策划没有能

直达消费者内心，无法直接刺激购买欲望。那么店铺视觉设计就非常重要，而解决这

个问题就需要从店铺页面版式与文案两方面入手。

3.1店铺版式设计

在版式设计中，无论是空间的编排，图片的摆放，色彩渲染以及大小样式

的设计都是需要着重考虑的。

首先需要结合店铺及销售产品表达意图，其次，版面设计需要创意性的构

思，不是字体、图片、色彩等简单组合，还需要追求审美度和设计个性的体

现，以视觉来判断整体的构思效果，所以要运用“外貌”来表明其主旨思想。

3.1.1首页版式设计

店铺的首页设计就是要吸引到顾客，要让顾客在第一眼就能留下深刻的印

3

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

象，这样才能让顾客提高兴趣，激起其购买欲望。所以，店铺首页要有明确的

区域划分，店铺首页设计主要包括：店招（logo）、导航、全屏海报、限时特

惠、主推产品区、产品分类区、产品展示区以及底层海报、页尾9个区域。

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

图1首页版式设计

由版式设计图，结合店铺对各部分细节设计进行说明。

店招、导航部分在设计时，在可点击区域内将其分为左、中、右三部分。

左边部分放入店铺logo与店铺名称，logo设计要简约大气好看，让受众看到

logo就能够想到品牌；紧挨着logo旁的右边的是我们的店铺名，设计字体要给

人眼前一亮，结合湖南香橙专卖店所经营的主要是水果类，因此在设计时选择

了相结合的配色，与店铺产品相关联；右侧放入可爱风爱心的收藏按钮，爱心

的收藏比普通的收藏按钮更具有创意的同时又能更好吸引顾客眼球，使顾客更

愿意收藏本店，当有新品发布和店铺活动时能第一时间将信息推给消费群体，

进而达到成交的目的。导航区位于店招下方，按照分类水平放置，更方便消费

者跳转页面，查看商品信息，提高页面访问深度和产品转化率。

店招、导航版式设计如图2所示：

4

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

图2店招、导航版式设计

首页海报区域主要采用了左右布局，将海报分为左右两部分来放置不同的

视觉元素，以左字右图的形式进行设计，文字以及图片各占据一部分，形成左

右两部分独立的空间，呈现良好的视觉效果；左侧部分主要根据产品的自身的

特点，突出其卖点与优势，更好的吸引消费者的注意，激发消费者的购买欲

望。右侧放置产品图，以直观的效果达到吸引消费者的注意，在产品图的右下

侧加入了点击抢购的链接按钮，引导顾客进行购买。

首页海报版式设计如图3所示：

图3首页海报版式设计

优惠券设计根据店铺首页的整体风格，将优惠券做成复古风的类型，优惠

券以上下构图的形式呈现，打破了常见的左右构图呈现方式，使得优惠更能抓

住抓住消费者的眼球。顶部添加“使用时间”的文案，让顾客用一种迫切的使

用效果；优惠券的内部设计主要分为10元、20元、30元份额，同时对不同额度

的优惠券都设定了使用门槛。

优惠券版式设计如图4所示：

图4优惠券版式设计

5

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

热销产品区所展示的三件产品都是以左右构图的形式素来呈现，从上至下

三个产品分别采用左图右文、作文右图、左图右文的形式呈现，让顾客可以简

洁明了的看到；以产品一为例，左侧以产品和脐橙构成，右侧为文案设计，将

文案通过不同的颜色、大小、和渐变的方式呈现，来增加文案之间的层次感。

热销产品版式设计如图5所示：

图5热销产品版式设计

3.1.2产品1详情页版式设计

一个全面的详情页是提供高购买的必备，同时也决定了店铺对产品的提

升，所以在详细页面的设计中要简洁要新颖，能够抓住客户的购买心理。细节

页面要设置的大气，从而引发顾客的消费欲望，从而促进成交。

产品详情页版式，主要设计包括：首页海报、产品卖点、产品展示1、产

品展示区2、产品参数、售后服务七个区域。

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

6

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

图6脐橙详情页版式设计

页头海报设计采用全屏覆盖的页面，上部分为全屏的海报，下部分为产品

文案信息，文字及图片各占据一半，整体相结合有海报的亮点也有文案的描述

脐橙页头海报设计如图7所示：

7

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

图7页头海报版式设计

产品卖点部分采用左右构图形式，一边摆放产品的卖点图片，另一边则是

对卖点图片的文字说明。

产品细节部分采用上下构图形式，上面为对产品细节的文字说明，下面则

是与产品细节说明相对应的细节图片。

产品卖点、产品细节版式设计如图8所示：

8

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

图8产品卖点、产品果园版式设计

产品展示部分主要是对产品外观进行展示，上部分采用的文案描述。下部

分则多图展示。

产品展示、产品参数版式设计如图9所示：

图9产品展示、产品参数版式设计

售后服务部分采用的是上下构图形式，上下标题文案，下面是售后支

持的信息说明，然后在插入一张果园的照片服务。

售后服务版式设计如图10所示：

9

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

图10售后服务版式设计

3.1.3产品2详情页版式设计

产品2的版式设计由页头海报、产品参数、产品卖点、产品细节、产品

展示、产品参数、品质保障以及售后服务7个部分组成。

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

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

页头海报采用上下构图的版式，上部分为产品的信息文案，下部分则是产

10

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

品的实物图。

产品2丑柑详情页设计将重点更多的放到产品的卖点上，产品卖点部分

采用上下构图和左右构图的形式来呈现其卖点，两种不同排版的构图方式能呈

现出更好的视觉效果，使顾客有兴趣对该产品进行深入了。

产品细节部分采用的是左右构图方式，用左图右文和左文右图的两种不同

的版面的呈现。

页头海报、产品卖点、产品细节版式设计如图12所示：

图12页头海报产品卖点、产品细节版式设计

产品展示采用上下构图的形式，上部分为对产品实物的展示，让顾客更加

的可以直观看到我们实物的产品；下部分则为产品的一个描述。

产品参数采用简单的版式对产品的相关信息进行文字性的描述。

11

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

产品展示、产品参数版式设计如图13所示：

图13产品展示、产品参数版式设计

品质保障采用全文详细文字描述，第一个部分是收到果子少了情况处理，

第二部分包装破损处理方案。第三部分说明哪些问题是正常出现的，这样说明

的售后服务具有权威性，能打顾客对产品质量的疑虑，增加顾客的产品的信任

度。

售后服务版式设计如图14所示：

图14品质保障、售后服务版式设计

3.2店铺文案策划

由于人们生活质量的提示，页内同行的竞争，在我们店铺设计文案是必不

可少一个重点。在现在互联网大变更的时代中，要像抓住客户的心里、购买的

12

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

欲望，所以，文案设计具有吸引力的文字就显得尤为关键。

3.2.1首页文案策划

首页文案策划包括店招、导航栏、全屏海报，热销产品、分类产品、主推

产品六个部分。

店招是展示自己店铺形象，体现店铺的名称及主营方向，让顾客进店之后

能够第一时间对店铺有个大概的了解；在店招最左侧放入品牌logo与店铺

名，让顾客知道自己的品牌，中间部分放入店铺的点名，最右侧的收藏按钮设

计为卡通可爱，能让顾客有新奇的感觉订阅店铺，同时能给顾客留下深刻的记

忆点。

在设计首页海报时，考虑到海报是整个首页占版面最大、最先映入顾客眼

帘的一个部分，在海报的文案策划上我使用了“湖南香橙”做为海报的主文

案，主要是为了突出主题，辅文案使用“绿色纯天然有机水果”“上新”，用

简短精炼的词语将产品的来源、味道等信息传达给顾客，为了激发顾客的购买

欲望，在海报的左下侧添加了带有“点击抢购”的引导按钮，能让顾客快速点

进产品的主页，实施购买行为。

在策划热销产品区、主推产品区以及分类产品区的文案时，考虑到让顾客

更新新明的看到产品，所以产品区都是采用商品大图及促销文案，如：“0添

加，自然舔”“先酸后甜，入口即化”，不仅突出了产品的主要卖点，而且顾

客看起来简短明了，更容易激发起顾客对产品的兴趣；同时，将每款产品的价

格突出显示出来，价格旁边设计了“立即购买”字样的按钮，方便顾客直接购

买该款产品

3.2.2产品1详情页文案策划

产品的详情页是提高转化率的直接方法。产品海报文案部分用简单的语言

进行概括，利用产品的主要卖点策划以“现摘现发，保证新鲜”为主文案，

“脐橙之乡，湖南”为辅助文案，主次文案通过不同的字体来增加文字不同的

感觉。

产品卖点描述中使用图文结合的方式来呈现，每个卖点的重点都用大张的

图片来突出显示，下面用小号字体进一步对卖点进行说明，方便顾客在阅读时

抓住重点信息。

产品细节文案统一使用圆圈图片加文案设计，主文案下面是对产品细节的

详细说明，如在介绍脐橙时生产的过程“历经9个月的日晒雨淋”做为主文

案，顾客一看便知脐橙的生长，可以详细的看到变化的图片还有我们的文案描

13

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

述。”生动形象的描述配上生长变化的细节图更能激发顾客消费需求。

产品参数部分主要对商品的产地、品名、保质期、口感、营养价值等进行

了介绍，便于顾客了解产品。

园区这部分用图文结合的方式将脐橙的生产发源进行介绍，让顾客对产地

有进一步的了解。

售后保障这一部分包含A、怀疑收到果子重量不足，B、收到的包装破损，

C、我们能处理哪些的问题，详细的说明让顾客能更安心的购买产品。

3.2.3产品2详情页文案策划

页头海报的文案用“长沙丑柑”为主文案，上面加上“尝尝自然的甜”进

行点缀，主文案下面添加辅助文案“看起来丑丑的，吃起来甜甜的”并对其添

加一些橘皮装饰元素，使海报整体效果显得更加饱满，让顾客看到海报产生想

购买的欲望。

产品卖点是直接从产品的实物展示，从而直接突出卖点。卖点一以“新

鲜、无添加、营养”为中心，向顾客介绍丑柑的核心产地以及丑柑的生长环

境，并用精美的图片展现出鲜嫩多汁，还有我们丰富的营养价值展示。

产品细节部分为了买家能直接的看到我们丑柑的汁水、饱满，所以使用

“凌晨采摘、脆嫩爽口、鲜甜多汁”描述丑柑的颜色、形态，使用“金碧辉

煌”。

产品展示介绍丑柑的营养价值，果子的大小。让顾客了解产品的更全的信

息。

产品参数对丑柑的品种、规格、重量、数量、口感信息进行了介绍。

发货时间将是在3天发货前一天果园采摘。

售后保障这一部分包含A、怀疑收到果子重量不足，B、收到的包装破损，

C、我们能处理哪些的问题，详细的说明让顾客能更安心的购买产品。

4湖南香橙专卖店铺视觉效果制作

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

店铺首页、产品详情页1、产品详情页2的各个部分是怎样结合之前的设想

来制作的。

4.1首页效果图制作

首页是网店的头部，是买家进入店铺的第一眼，其装修的质量直接关系到

14

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

能否吸引顾客的注意力，提供买家的观感，让使网站的广告展示和买家的购买

欲望产生更大的影响力。从而影响到商店的流量和转化。我的店铺首页主要分

为店招导航栏、首屏海报、优惠券区、热卖区、产品展示区等部分，通过这5

个部分的展示，使首页规划更加简介，亮点突出信息全面，可以让买家更好的

购买浏览。

4.1.1店招效果图制作

店招是顾客对我们店铺观看的第一效果，简洁且有特色的店招对于店铺来

来说是重中之重。店铺的主题风格为清新简约，主色调为灰白色，店招的背景

使用了底纹磨砂，店招左边logo，logo由一个黄红色的两个橘子加叶组成，旁

边是店铺名称“湖南香橙专卖店”，为了增加店铺的订阅量同时也为了方便顾

客第一时间收到店铺的上新及活动推送，在右侧添加了红色爱心，让展示的效

果更为的突出。

导航条为了让其更加醒目，简约的竖条排列，然后用黑色黑体字体写出分

类导航，给人一种沉稳高级的感觉，非常的简约大气。

湖南香橙专卖店铺店招设计效果图如图15所示：

湖南香橙专卖店铺店招设计效果图如图8所示：

图15店铺店招设计效果

4.1.2海报效果图制作

首页海报有着向消费者展示店铺商品和形象的作用，同时海报也能提高店

铺的浏览量从而提高店铺的销量，因此设计一个好的的首页海报显得尤为重

要。结合店铺的整体风格，在制作海报时使用白灰色底纹为背景，广告语用不

字体设计，并给字体添加了立体加粗的效果，在广告语比较空的地方加入树叶

和小橘子元素，画面更加协调、完整。同时给产品的卖点文字设计上下排序右

上角再用矩形填合，让整体文案是一个长方矩形这样增强文字之间的层次感。

在下方用线条设计了一个展台，在展台上摆放我们主要产品图与装饰的树叶，

为了让海报看起来更加有氛围感，添加了动感的模糊、小光圈以及树叶做装

饰，为了填补产品图左右空荡的地方，添加了橘片的图片做装饰。产品图的左

下边使用有立体感的绿色圆圈形状标注“点击抢购”的字样，引导顾客消费。

专卖店淘宝店铺首页海报设计效果图如图16所示：

15

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

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

4.1.3其他区域制作

对于其他区域的制作，我将其分为了优惠券、脐橙专区、产品分类、产品

展示以及售后服务五个部分。

首页的背景使用灰白色为主色调，并用底纹的磨砂让背景更为的自然。

首先是优惠券部分，使用以浅绿色为底，外添加黄红边框所形成的矩形为

优惠券的背景，在矩形顶部添加“领取”并用复古风格的元素对其进行装饰，

让整体看起来更加协调，优惠券由带金属外框的红色矩形为底，内部添加深红

色的圆角矩形做“领取”按钮，两种对比度强的颜色更能引起顾客的注意，优

惠券的券额字体设计为加粗立体样式，同时将数字进行放大处理，能让消费者

对优惠券数额感到心动。

脐橙产品区使用矩形边框纯白色为主背景，为了更突出显示卖点文案内

容，给文案添加了白黄的渐变色，呈现出美观新颖的效果。

产品分类区域每个产品使用带浅黄色边框的长方形为背景，对产品的标题

区域添加一个绿色圆角矩形做其背景，为了加强标题专区重点，并每个产品区

采用了左右分裂排布。

产品展示区域使用浅黄色边框的黄色圆角长方形作为每个产品的背景，为

了让背景更加的简约化使用了透明的效果，为了突出显示产品的卖点，用了专

门的对称圆点进行卖点文案，并对“立即购买”也添加了圆角矩形的装饰，更

能引起消费者的注意。

最后是首页结尾部分的服务售后，这部分我做的比较简单，用了一个果园

的背景做宣传的装饰然后添加了我们的logo，在下方则是我们的发展历史和处

理售后的服务。

16

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

湖南香橙专卖店铺首页其他区域设计效果图如图17所示：

图1：店铺首页热销、分类、主推设计效果图图17首页其他区域设计效果

17

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

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

产品脐橙详情页制作的是店铺的主推产品之一的脐橙。详情页的主要内

容有：商品情景海报、产品卖点展示、产品细节展示、商品展示、商品参数、

售后保障这六大部分组成。

4.2.1主副图效果图

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

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

图既要展示卖点，又要具有吸引力，同时还能展现店铺的文化，设计时还是比

较困难。为了能在网页排名中靠前，让消费者第一眼就注意到我的产品，我给

主图加了红色的框线。其次在右上角加入了店铺logo和店铺名称，让顾客对店

铺名称印象更深刻。下面左侧使用不规则图形并填充渐变，为了凸显价格，标

上活动价字眼说明产品的优惠力度，右侧设计了一个红色突出“甜”的文案，

让买家一眼看到卖点。

产品1主图设计效果图如图18所示：

图18产品1主图设计效果

接下来是脐橙副图的设计，三幅图都采用不同的背景为底。副图1、2、3

分别展示了脐橙的内部、整体的大果、产地，为了让副图看上去更高级，对文

字添加了渐变效果，同时为了让文字有立体感，给文字增加了加粗效果。

18

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

产品1副图设计效果图如图19所示：

19

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

图19产品1副图设计效果

4.2.2产品1详情页效果图设计

产品1是脐橙，其详情页主要分为页头海报、产品卖点、产品参数、产

品细节、产品展示以及售后保障六部分组成。

页头海报部分使用高斯模糊黄白做背景，将产品放入右下角放大上突出显

示，用模糊的橘片做陪衬，使海报版面更加丰富，为避免海报底色过于单调，

在海报的文案设计中增加了田形虚线设计底纹，用来突出显示卖点文案，让文

案更有丰富性。

产品卖点展示区域图文结合的设计，图片采用了圆形设计，中间图片设计

为圆形样式，上下文字统一为居中对齐，每组文字中间用圆点符号隔开，让画

面更有秩序感，我们图片文案的排版有上图下文、左图右文两种，多种排版方

式不易使顾客产生审美疲劳，让顾客更愿意往下读。

产品参数展示区域为右文左图，考虑到产品卖点部分已经有了上文下图的

20

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

排版方式，产品卖点以文字描述为主，所以这部分我将文字设计为靠右对其，

并在下面做了一个半透明的背景，平衡版面。在文字样式上我用了比较细腻的

微软雅黑字体，因为描述较多所以要让观感更为简单。

产品展示区域分为了两个部分，一个是果园的展示，一个是脐橙生长的全

过程直到配送到买家手中。果园的展示使用了分布大图的效果展示，可以让买

家更直观的看到发出的产地。脐橙生长过程则是采用了图文图案相结合，运用

了9个不同圆形虚线设计作为展示，并添加配合圆形的弧形文字，让这个模板

更为的新颖全面。

售后保障，为了让售后保障模块更有质感，采用了不同颜色字体用于突

出，将重要的细节用黄色标记，让买家可以直观的看到我们售后的保障，同时

使用A、B、C将各个售后服务明细隔开，让其显得整齐美观，是顾客注意到这

个模块，打消内心的顾虑，让详情页更具有专业性。

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

图20产品1详情页设计效果

21

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

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

产品丑柑详情页2制作的是店铺的主推产品之一的丑柑，详情页的主要

内容有：商品情景海报、产品参数展示、产品细节展示、商品展示、产品产

地、售后保障六大部分组成。

4.3.1主副图效果图制作

首先是主图的设计，主图使用金属边框来突出显示，同时给主图添加了光

影和飘带，正上方放入店铺的名称，加深顾客对店铺的印象，框内产品展示设

计为左大右小，在其中间放置丑橘，左下角使用有立体感的花边圆框用来突出

显示价格，右边用用一大一小的花边矩形突出产品的卖点。

产品2主图设计设计效果图如图21所示：

图21产品2主图设计效果

接着是丑柑的副图设计，三幅图都是采用不同设计背景。分别橘片、橘皮

和橘内，同时保持店铺的风格统一，三张副图统一使用简约设计，第一张是采

用多图组合、第二张是背景裁减突出设计、第三种则是采用不同图案结合文案

描述卖点。用最少的文字将卖点表现出来，方便顾客直接获得产品的信息。

22

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

产品2副图设计效果图如图22所示：

图2产品2