中国寒茶网店视觉营销设计方案

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

目录

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

1.1中国寒茶淘宝店铺发展现状........................................................................1

1.2茶叶类淘宝店铺现状....................................................................................1

2茶叶类淘宝店铺视觉营销分析...............................................................................2

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

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

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

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

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

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

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

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

3淘宝店铺视觉设计...................................................................................................7

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

3.1.1首页版本设计.....................................................................................7

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

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

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

3.2.1首页文案策化...................................................................................11

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

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

4中国寒茶淘宝店铺视觉效果制作.........................................................................13

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

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

4.1.2海报制作...........................................................................................14

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

I

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

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

4.2.1主副图效果图...................................................................................17

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

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

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

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

5结论.........................................................................................................................23

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

II

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

中国寒茶网店视觉营销设计方案

1淘宝店铺概况

1.1中国寒茶淘宝店铺发展现状

中国寒茶店铺成立于2023年，经营范围包括一般项目：农副产品销售。本

店在淘宝上主要是销售农副产品，主营方向是茶叶这一大类。淘宝店铺名为“中

国寒茶”，“寒茶”这两个字突出店铺重点能够迎合顾客需求，“中国”两个

字可以让客户产生信赖，并且让客户容易产生记忆。本店主要突出高品质的产

品已经优惠的价格，给客户高性价比的购物体验。

1.2茶叶类淘宝店铺现状

近年来，淘宝天猫茶行业市场整体消费趋势好转，用户价值持续增加，用

户茶叶消费粘性逐年增强，代用茶用户规模庞大，但是原叶茶用户消费贡献更

高。在2020-2022年期间，各茶行业品牌都陆续开辟了线上销售的方式，淘系

国产茶品牌的入驻量已经超过1.7万家，市场份额高达94%；国际茶品牌发现

了中国这一市场，入驻数量也在快速增长，增幅达到30%；淘宝天猫平台跟各

大企业联合打造品牌，推动各企业朝着规模化、质量化、品牌化的方向发展，

助力各品牌线上生意更加长效经营，近三年淘宝天猫破亿品牌数量持续增长。

如图1所示为2022淘宝天猫茶行业国产/国际品牌市场份额分布图。

图12022淘宝天猫茶行业国产/国际品牌市场份额分布图

1

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

2茶叶类淘宝店铺视觉营销分析

当今社会发展迅速，消费者接收到越来越多的碎片化信息，如何从众多信

息中脱颖而出，这就是店铺设计的重点。通过前期好的宣传来吸引消费者进店，

通过店铺设计和精美的图片让消费者产生购买欲在店铺下单，从而促进转化。

所以不管是什么产品一定要在视觉上首先吸引顾客。因此针对店铺视觉营销从

以下几个方面来分析。

2.1竞争对手分析

通过对竞争对手店铺的分析了解行业风向，分析竞争对手的产品信息和店

铺数据的分析，来了解竞争对手店铺的优势及缺陷，本店铺在设计过程可以吸

取竞争对手优势以及改善自身不足，来优化本店铺的设计。

2.1.1竞争对手店铺1

第一个竞争对手是狮峰茶叶官方旗舰店，狮峰茶叶官方旗舰店的网址为ht

tps:///成立于2011年，DRS评分相对较高，都是4.8分。粉丝

数为61.9万，其产品也是杭州亚运会官方用茶，这样的介绍会更让消费者信赖。

以红色为深绿色，店铺的产品价格中等偏上。主要销售各类茶叶，针对性不强，

销售范围较广。

狮峰茶叶官方旗舰店视觉效果分析如下表1所示。

表1“狮峰茶叶官方旗舰店”视觉效果分析

效果版

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

块

优点：店招以绿色为背景，用

logo居中凸显店铺名称，海报

采用漫画图为主，并且用红色

店铺和突出活动，有狮子动画呼应店

海报铺名。

缺点：没有设置搜索栏，顾客

操作麻烦，海报设置太花哨，

看久了容易视觉疲劳。

2

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

效果版

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

块

优点：宝贝成列统一整洁，消

宝贝成费者一眼看上去很舒服。

列缺点：颜色设计比较凌乱，不

够统一，容易视觉疲劳。

优点：标明了店铺提供的售后

服务。

首页底

缺点：没有翻页设计和一键回

部

到置顶的设计，消费者浏览起

来比较费力。

优点：主图突出活动，比较醒

目，可以吸引消费者点击，副

图设计精美，突出产品卖点。

主副图

缺点：主图要素太多，无法展

示核心卖点，不能立刻吸引消

费者。

优点：画面清晰，产品信息表

达清楚，配色高级，海报设置

合理，买点突出，还有温馨提

示，能够给消费者购买安心的

详情页体验。

缺点：前面都是活动介绍，产

品介绍应该要提前，产品介绍

页面太下，不能很好的吸引消

费者下单。

2.1.2竞争对手店铺2

第二个竞争对手是怀尧堂，怀尧堂的网址/，成

3

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

立于2018年11月2日，DSR评分相对于同行业平均水平高，均在4.8分以上。

粉丝数为1341，店铺好评率为95%，以黑白为主色调，店铺的产品价格中等偏

下。主要销售各类茶叶及相关制品，针对性强，销售范围较窄。

怀尧堂旗舰店视觉效果分析如下表2所示。

表2“怀尧堂旗舰店”视觉效果分析

效果

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

版块

优点：店招以黑灰色为背景，logo

用黑色凸显店铺名称，海报采用动

画效果背景。

店铺缺点：店招过于简陋，没有设计感，

和海让顾客没有记忆点；没有设置搜索

报栏，顾客操作麻烦；导航栏没有细

分，顾客难以找到自己心仪的产品；

海报没有茶叶使用场景，难以让顾

客代入。

优点：商品包装与产品展示清晰，

突出了产品

宝贝

缺点：可以相应在框架上增加价格，

成列

突出活动；统一设计框架，无法记

忆深刻，不够整洁明了；

优点：简洁

首页缺点：没有做链接到顶部之类的；

底部没有设计底部；没有社交平台联系

方式等

优点：主图构图优美，突出重点，

有店铺logo并且主图边框统一首

主副

页；副图为卖点图，突出产品的生

图

长环境优越这一优点。

缺点：没有标明价格；主图背景有

4

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

效果

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

版块

点空，可以加一个场景。副图文案

文字过多建议删减，字体调大更加

亮眼醒目。

优点：商品陈列清晰，卖点清晰明

了，让顾客更加直观清楚地了解产

品的各类信息，以及产品在冲泡过

详情程中到各类状态，激发顾客购买想

页法。排列统一整齐，色调搭配清晰

和谐，给顾客带来良好观感。

缺点：缺少售后保障信息以及物流

服务，无法减少顾客购买时的疑虑。

茶叶行业供应链上游的茶叶种植企业占比不超过7%，说明剩下的93%中

都是潜在客户群体。茶叶种植与生产的消费者主要为茶叶企业，这部分群体在

采购原材料过程中，购买量较大，且为控制成本，通常会跟茶叶种植企业议价，

这部分群体议价能力较强。

寒茶作为精制茶的原材料，其替代品相对较少，如果是茶叶生产企业，寒

茶几乎无替代品，但如果是饮品生产企业、护肤品生产企业，寒茶的替代品主

要有精制茶以及其它成分产品，这部分产品的替代作用相对较强，

2.2店铺视觉营销定位分析

中国寒茶淘宝店铺经营的产品以农副产品中的茶叶为主，目标市场是中高

端市场。主要销售各类茶叶，比如冰里春，寒红。本店的产品定位分析主要从

市场环境分析、产品特点和机会展开。

2.2.1店铺产品定位分析

（1）市场环境分析

茶叶产品丰富多元，优势区域特色明显，产业化水平不断提高，茶叶市场

日趋繁荣，逐渐形成了独具中国特色的茶产业发展体系。

5

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

本店铺产品寒茶不再被认为是中老年人的专属饮品，而是延伸出时尚健康

的生活理念，被年轻群体所喜爱和接受。这转变的过程离不开茶广告的推动：

便携式茶包省去了泡茶的麻烦，瓶装茶饮料、可溶性茶粉等虽在含茶量及口感

方面仍有待商榷，但其为饮茶提供了更多可能，此领域茶广告风格也多符合年

轻人口味。

（2）产品特点

本店主要推广两款产品，第一款是特色寒红茶叶，是一款袋泡碎茶，也是

本店铺春茶节定制。有普通包装和礼盒包装，消费者的不同需求。售价分别是

元和元。价格优惠，品质有保证，都是现采现摘，古法炒

12030g41050g

作。第二款是热卖产品冰里春茶叶。活动售价是元。消费者对于茶叶需求

600

大，所以对价格会比较敏感。本店铺设计了不同包装不同价格来满足消费者不

同的使用需求。

（3）机会

中国的茶文化历史悠久，而中国人民对茶的也都有各自的喜好。现在市场

上的茶叶品牌层出不穷，要如何在市场中生存下来，并且创造利润抢占市场份

额，这是茶叶商家要做的。首先店铺要完善服务，在消费者整个购买过程中我

们都要耐心热情。其次要找准定位，丰富产品品类，让消费者多一点选择。最

重要的是我们要严格品控，注重产品质量，质量好才会有源源不断的回头客。

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

中国寒茶店铺主营茶叶系列产品，这类产品主要是针对30-50岁经济实力

中等的爱茶人士，并且要懂得线上购物，地域主要是二、三线城市的中产家庭。

平时爱喝茶也懂得品茶，追求生活品质的消费者。

2.3店铺风格分析

店铺风格一定要与产品定位相符合，找准店铺的定位才能提升店铺的收藏

和下单转化。店铺设计越精美也能精准吸引一些消费者进店下单。能够加深消

费者对店铺的印象，也能够与其他店铺区分开，吸引回头客。店铺风格的选择

需要根据市场、产品特点、竞品以及买家特点进行选择。本店主要销售是茶叶，

选择的是低调大气风格。来凸显茶叶的文化底蕴。通过各种传统的图形和茶叶

相关的图形配上简单的文字来装饰店铺，显得这个设计非常沉稳大气。

6

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

2.4店铺色彩分析

产品设计颜色是重点，选择好颜色可以确定整个店铺的风格。凸显店铺的

设计理念，通过好的配色也可以给消费者留下深刻印象，也可以提高下单率。

本店铺主打品质、高端。所以店铺颜色设计以朱红色和绿色为主，金色白色为

辅助色。整个设计以朱红色为主配上中国传统图案，显得非常奢华有品质感，

当消费者进店就可以感受到值得信赖。绿色作为主打色是与茶叶相呼应，绿色

也可以给消费者一种清新的视觉体验。通过绿色这一亮色设计可以使消费者眼

前一亮，通过金色和白色作为辅助色也可以给消费者留下强烈视觉冲击，加深

对本店铺的印象。

3淘宝店铺视觉设计

随着物流行业的发展，越来越多的商家选择在线上开设店铺。淘宝上开设

的店铺越多，消费者的选择也是越来越多，造成商家之间的竞争越来越激烈。

正因为如此，店铺设计也称为视觉营销中重要的一环，店铺需要通过好的视觉

营销设计方案在消费者心中留下深刻印象。下面简单介绍一下本店铺视觉设计

的想法和流程。

3.1店铺版式设计

本店铺版式设计主要包括首页和详情页两个部分。首页的设计主要是吸引

消费者进店。所以在首页的设计上，本店铺主要展现的是店铺活动，突出展示

价格，吸引顾客进入店铺了解商品详情。详情页的设计主要是给客户展示产品

信息，在详情页设计中要准确把握消费者心理，展现产品的核心卖点相关特色，

向消费者传达准确的信息，促进消费者进一步了解产品，激起消费者下单购买

的欲望。所以详情页设计一定要准确清晰，突出重点，一目了然，这样才能激

起消费者购买欲。

3.1.1首页版本设计

首页版式设计的画布大小为1920px×7660px，大背景采用朱红色，奢华低

调大气。采用的是暗红色带有颗粒磨砂质感作为首页背景，在具有设计感同时

也显得沉稳。进入店铺首页，顶部是店招、导航条。店招、导航条集合在一个

红色带花纹的框架内，采用白色为底，文字居中，右侧放置了一个满减活动。

店招从左至右分别放置logo、店铺名称、店铺活动。导航条主要是店铺商品分

7

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

类。

导航条往下走是放置的“猜你想找”，通过猜你想找来展示爆款产品，在

潜移默化中给消费者暗示，通过活动促销来吸引消费者继续往下看。这一部分

底色为白色，主打色为红色，通过简单的设计，来向消费者展示产品。

再往下就是海报，本店铺海报设计大小为1440px×900px，构图采用的是

中心构图。突出“春茶节”这一活动重点，主色调是朱红色，与整个店铺颜色

相呼应，金色的字体尽显奢华，在海报的中央，我选取了一张茶叶树的图片作

为主视觉元素。茶叶树的形象传递了寒茶的原料来源和制造工艺，同时也让人

联想到大自然的恩赐和生机。为了增强视觉效果，我将茶叶树的图片进行了简

化处理，使其更加醒目和突出。又通过产品图向向消费者展示活动内容，促进

消费者下单的欲望。

海报往下走是活动专区，在这个部分本店铺设计了优惠券，直降专区，五

折专区，一元秒杀，通过各种促销优惠活动给消费者心理暗示，现在下单很划

算，让消费者产生想要购买的心理，从而点进详情页。

首页最后是热卖尖货以及活动链接。通过营造活动期间火热现象，白色打

底的产品展示图以及优惠价格，让消费者产生购买心理，附上的活动链接可以

促使消费者再一次选择，又增加了下单的几率。

中国寒茶网店店铺首页版式设计草图如图2所示。

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

3.1.2产品详情页1版式设计

产品1的详情页设计，第一个产品是中国寒茶的特色产品寒红茶叶。寒红

详情页的第一部分是海报的设计，大小为750px×333px，此海报和首页的海报

8

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

一致，背景是朱红色，采用中心构图，上文下图的版式，大小字体以及颜色差

异使文字产生对比突出重点卖点。接下来依次是茶叶展示图、产品信息、品质

认证、产品卖点和细节展示，最后是包装展示和温馨提示。产品细节通过实物

图，细节图与整体图依次排列，产品一目了然，给客户提供准确信息。产品卖

点通过主副图依次展示，清晰明了向顾客展示产品特色，促进购买。详情页底

部采用了红色斜线增加页面的层次感和设计感。温馨提示部分用黄色的复古纸

张告诉顾客藏茶小技巧，增加了整个详情页的完整程度。

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

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

3.1.2产品详情页2版式设计

产品详情页2设计，第二个产品是中国寒茶网店店铺的热卖产品冰里春茶

叶。冰里春的详情页主色是绿色，为了凸显寒茶的清爽和健康特点，我选择了

清新的绿色作为主题色调。绿色代表着自然、生机和健康，与茶叶的特性相呼

应。同时，绿色也与春天的气息相契合，使整个海报更加贴合产品特点。第一

9

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

部分是海报的设计，大小为750px×762px，此海报和首页的海报一致，背景是

茶叶的实物图，采用中心构图，上图下文的排版。大小字体颜色差异使文字产

生对比突出重点。。接下来依次是茶叶展示图、产品信息、品质认证、产品卖

点和细节展示，最后是包装展示和温馨提示。产品细节通过实物图，细节图与

整体图依次排列，产品一目了然，给客户提供准确信息。产品卖点通过主副图

依次展示，清晰明了向顾客展示产品特色，促进购买。详情页底部采用了红色

斜线增加页面的层次感和设计感。温馨提示部分用黄色的复古纸张告诉顾客藏

茶小技巧，增加了整个详情页的完整程度。

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

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

42

3.2店铺文案策划

文案是营销的一个重要组成部分，通过文字描述可以让消费者更加清晰的

了解产品的特性，也能够通过文字描述给予消费者想象空间，从而促进下单率。

10

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

3.2.1首页文案策化

店铺首页顶部是店招，从左到右分别是店铺logo店铺名称“中国寒茶官方

旗舰店”处于正中间，店铺名称的右边是“春茶节，优惠来袭。”通过这一活

动宣传标语可以提醒消费者店铺处于活动期间，现在下单价格划算。最右边是

用红底白字标注“全场满200-20”再一次强调活动，给消费者埋下心理暗示。

店招往下走是导航条，分别是首页、所有宝贝、冰里春系列、寒红系列、精品

茶礼。导航条位于店招下方，页面中间，从左到右依次排列，符合消费者平时

阅读习惯，也方便消费者根据自己的需求快速定位到合适的商品，减少不必要

的搜索时间从而促进下单率。

海报主题颜色采用的是朱红色，文字排版采用的是上文下图。文字整体采

用大小对比颜色差异来突出卖点重点。首先正中间的“春茶节”突出这次活动

主题，是围绕春茶节展开。采用黄色字体突出醒目，能够一瞬间抓人眼球。上

方的“中国寒茶”采用白色小字与主字体产生对比，又能够加深消费者对店铺

的印象。下方“经典韵味，特级品质”突出产品特点，让消费者对产品产生兴

趣，从而继续往下滑动。

店铺优惠专区，背景采用渐变红色，突出白色字体。放置了一张优惠券，

一张分享券。首先是满200减20的优惠券，可以促进消费者多下单，来提高销

售额。然后是分享三位好友可以获得一张满600减100的分享券。消费者在分

享给好友的同时也为店铺做了免费的宣传，并且满600的使用条件也会刺激消

费者多购买，这一分享券设计也可以提高店铺销售额。

栏目分类分为三个专栏，分别为直降专区，五折专区，爆款促销。每个专

栏有对应的大标题提示顾客。直降专区主要是礼盒装展示方式是图文结合，左

图右文。产品图片加产品优惠价格以及产品最终价格，红色加粗字体非常醒目，

可以刺激消费者的购买欲。五折专区主要是简约装产品展示，文案排版排版选

择的是左图右文，红色标注五折起强调作用。爆款促销是上图下文和左图右文

相结合，左上角加粗“一元秒杀”黄色字体，可以刺激消费者参加秒杀活动提

高下单转化。整个活动专区风格统一，排版清晰。通过大量活动优惠留住消费

者，不断的给予消费者心理暗示，增加消费者对店铺的记忆，也可以提升消费

者在本页面的浏览体验感。

页脚的设计我们采用了“热卖尖货”和活动链接两个部分。通过整个页面

的浏览，部分消费者可能会产生选择困难症，这个时候本设计在页脚部分设计

的“热卖尖货”可以给消费者提供部分选择，不会因为消费者的难以抉择心理

流失销售额。活动链接的设计主要是基于，在整个首页浏览过程中，有的消费

11

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

者会对此次活动产生兴趣，设置这样一个链接方便消费者直接参与活动，不需

要再返回，减少了再次浏览的时间，通过短时间内消费者的购买心理可以迅速

成交订单。

3.2.2产品详情页1文案策划

当我们通过首页的设计将消费者吸引点击进入产品详情页后，产品详情页

的文案设计也是非常重要一个环节，决定了消费者最终是否会下单。首先出现

在详情页的是寒红的海报设计，消费者对寒红这一茶叶平时了解可能不够多，

这个需要我们详情页对此做出详细的说明。海报使用黄色加粗小字标注寒红是

一款袋泡碎茶，让消费者初步了解这一款茶叶。主要是展示产品名称以及产品

特色。接下来是产品信息，包括产品名，规格，保存方法以及产品相关的温馨

提示，通过这些文字又可以加深消费者对此款茶叶的了解。

产品卖点板块主要是一张高山采茶图，文案配上“天门香，高寒茶。”来

突出寒茶的原料来源与海报1000米的高山之上，体现出原料的纯粹于干净。“现

采现摘，古法独做。”这一文案主要是提现寒红的制作工艺独具匠心，采用的

是传承几千年的古法制茶，还原茶叶本味。

接下来是细节展示，采用一张茶叶的图片配上文案“茶叶经豪分明，色泽

乌黑匀润。”这个文案是描述茶叶的品相，高品质的茶叶一定有好的品相。通

过茶叶的细节描述进一步加深消费者对茶叶的了解，还可以加深消费者中国寒

茶的信赖度。

接下来的“物流与售后”，“藏茶小建议”这两个板块的文案是详细描述

店铺的售后服务，让消费者售后无忧。并且对消费者的疑问进行一定程度的解

答，消除消费者购买过程中的顾虑，从而促成下单。

3.2.3产品详情页2文案策划

产品详情页2首先设计的是一张茶叶的海报，来突出冰里春这一款产品。

“经典韵味，特级品质”突出冰里春这一产品的主要卖点——口感香醇，品质

高级。这一文案设计可以增加消费者对这款产品的兴趣，激发了消费者继续浏

览的欲望。

产品卖点版块主要由产品细节图展示，配上文案“茶形，苗峰秀丽，金豪

翠丽。”简洁地传递了寒茶的主要功效和产品特点。口号采用了醒目的红色字

体，与绿色背景形成鲜明对比，吸引人们的眼球。通过这一文案来介绍冰里春

这款茶叶的外形，一款好的茶叶一定是有一个好的品相。“8泡香亦浓”说明

冰里春这款茶叶茶香浓厚，香气高锐持久，滋味鲜香甘醇，回味悠长。这样的

12

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

详情页设计可以吸引对于茶叶的香气有追求的消费者，来促成下单。正宗天门

山原产地的茶叶才能经得起如此久泡，可以消除消费者购买过程中的顾虑，给

消费者一个愉快的消费体验。

4中国寒茶淘宝店铺视觉效果制作

一个店铺的整体设计对消费者下单有至关重要的影响。店铺设计要基于消

费者的立场，不能一味只是图片的堆砌，要了解消费者心理挖掘消费者需求。

根据店铺实际情况来进行店铺定位，店铺风格颜色的选择。接下来所展示的就

是首页与详情页是如何呈现效果的。

4.1店铺首页效果图制作

一个店铺的首页，是消费者点击店铺最先看到的。所以首页的设计一定要

足够吸引消费者，在最短的时间内激起消费者的兴趣，促使消费者继续看下去，

产生进一步了解的欲望。首页设计一定要清楚明了，把最重要的信息都在首页

展示出来。首页的导航条以及各个链接的摆放一定要安排清楚，方便消费者迅

速找到自己想要的产品页面，为消费者节省时间，也可以利用短时间内的消费

冲动来促成下单。

4.1.1店招设计过程

店招，是消费者点进店铺首先映入眼帘的。店铺的店招一定要足够抓人眼

球，能够在最短的时间内吸引住消费者。所以店招的设计一定要清晰明了，能

够让消费者的了解到店铺的主营方向。因为本店铺是主要销售的是茶叶，店招

主要采用了白色为底色，导航条采用了一个红色调边框。店招左侧放置了一个

店铺的logo,金黄色的logo和白色形成对比，能够突出店铺的logo。往右边接

下来是“中国寒茶官方旗舰店“采用红色方正姚体来展示店铺名称，通过颜色

差异来进行对比，能够更加突出店铺名称，加深消费者的印象。中间部分的“春

茶节，优惠来袭”采用金黄色的方正姚体，采用投影的视觉效果。放置在正中

间，突出此次活动，给予消费者强烈的心理暗示。最左边采用一个红色方框，

用白色字体写上“全场满减，满200-20”这是这次活动的主要内容，通过活动

优惠来吸引消费者继续往下看，一个红色的边框比较醒目，让人一眼就看到。

店招下面是导航条，导航条采用的是红色的边框与店铺主色调相呼应。通

过放射性直线将导航条分开，采用MicrosoftYaHeiUI的字体，整个导航条设

13

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

计一目了然，能够方便消费者迅速找到自己想要的内容。

中国寒茶淘宝店铺店招设计效果图如图所示，店铺店招在PHOTOSHOP软

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

图5店铺店招设计效果图

图6店铺店招制作过程图

4.1.2海报制作

店铺首页的主色调是朱红色，海报设计采用的也是相呼应的红色。整个海

报背景采用的是类似于朱砂墙质感，增加了海报的高级感。一个红色的设计也

可以给消费者一种愉快的购物氛围，海报采用中心构图上图下文的版式。在正

中间选取了一个茶树叶配上一杯茶，下方放置的是茶叶的成品图。字体采用的

是金黄色的字体，与整体的红色背景形成对比。能够一眼抓人眼球，达到活冻

宣传的效果。

鲜挑鲜选淘宝店铺海报设计效果图如图所示，店铺海报在PHOTOSHOP软

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

14

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

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

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

4.1.3其他区域制作

其他区域的制作包括优惠券，满赠活动，直降专区，五折专区，一元秒杀

这个四个区域的设计。

首先是优惠券，优惠券区域我我们设计的是一个红色的边框，整体的一个

形状是纸质券的形状，让消费者更加有代入感，通过白色加粗字体形成对比强

调优惠力度。优惠券旁边设计了一个金色渐变的分享券，通过这一分享券的设

计可以促使消费者在浏览店铺是分享给身边人达到一种宣传效果，加粗字体的

设计能够更加吸引人的眼球。

接下来是满赠活动，这一部分本设计采用的是一个大的红色边框，内部是

15

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

三个小的白色边框，中间配上两个圆形的“赠”，右边是三个圆形的图片。中

间红色圆形的“赠”，强调此次活动。右边的三个图片来展示赠品，在视觉上

给消费者冲击。通过满赠活动来吸引消费者下单。

直降专区的设计，采用了一个红色的大边框，里面分为了六个白色的小边

框。通过左图右文的设计来展示这次活动福利。加粗的红色字体与白色形成对

比，强调直降专区活动的优惠。

五折专区的设计，首先是一个红色大边框，内部是几个小的白色边框。顶

部的金黄色“五折专区”这个字体非常醒目，能够让人一眼看到。红色的圆形

图案，配上白色加粗“5折”字体能够突出本专区的活动优惠，通过优惠来刺

激消费者下单。

最下方是一元秒杀，一个红色的大边框，配上左上角加粗艺术字体的一元

秒杀，这个版块采用的是上图下文清晰明了。能够通过大力度秒杀活动来吸引

消费者持续关注店铺，在本店下单。

中国寒茶淘宝店铺首页其他区域设计效果图如图9所示，店铺首页其他区

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

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

16

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

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

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

产品详情页需要图文相结合，让顾客在购买之前对商品有更全面和客观的

了解，简洁明了的商品名称，便于消费者理解和辨认；高清晰度的商品图片，

能够全方位地展示商品的外观以及其特点。一个好的详情页能够切中消费者的

需求与心理，达到提升销售额和顾客满意度的效果。产品详情页1制作的是店

铺的人气产品寒红。

4.2.1主副图效果图

主图有利于吸引顾客的停留，能够带来点击转化收藏，进而影响店铺的整

体销售转化。寒红的主图的边框采用的是深邃的红色，在人的主观意识上，红

色能够给人一种十分强烈的迫近感，让人感到紧张，起到吸引顾客注意与购买

欲。运用白色为产品主图背景，突显出产品并且使产品更加立体。方框的左上

角写明了优惠活动，增加了顾客的理解速度。

中国寒茶产品1主图设计效果图如图11所示，店铺产品1主图在PHOTO

SHOP软件中制作过程如图12所示。

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

17

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

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

副图能够起到解决用户的核心需求，让买家有代入感的作用，可以理解为

是详情页的一个缩影。副图的设计主要是产品加文案，文案居于图片中上方，

大致占四分之一的位置，具有一致性。采用一图一文案，能够更加吸引顾客的

眼球，提高顾客的阅读兴趣，增强真实感。

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

图如图14所示

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

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

4.2.2产品详情页1效果图

产品1的详情页主要由产品海报、产品信息图、产品细节图、产品卖点图、

物流与售后、活动详情这六大部分组成。

产品海报采用的是场景加产品相结合的方式，背景采用朱砂红更加醒目，

突出产品的信息，整张海报从上至下，可分为三部分，第一部分为茶寒的loge

以及虚化的碟装散茶；第二部分为大写的产品名称以及活动信息，产品名称采

18

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

用倒影以及颜色渐变效果，使其更加醒目突出；第三部分采用左右构图，左边

为盒装的产品，右边为冲泡好的茶水，可以联想到茶叶从开包到冲泡的过程。

产品信息图,产品信息图本设计采用的是一个红色细边框，以白色为底，字

体采用的是黑色的小字体。这一设计非常简约，可以让消费者更加直观的了解

到产品相关信息。右下角采用采用了一杯茶的图片让消费者通过图片更加直观

的了解这一产品。

产品细节图，这部分我们采用的是图文结合的方式。细节图的主色调是绿

色，配上茶树图，人工采茶图能够凸显出我们原料的新鲜。增加消费者对我们

产品的信赖程度。绿色的主色调是与茶叶茶树相呼应，在整个设计都是红色，

一抹绿色能够给人眼前一亮，绿色也可以给眼睛带来短暂的休息，这部分细节

主要是给客户一种视觉冲击。

产品卖点图，这一部分主色调是红色，采用的是图文结合的方式，上图下

文的版式。三张卖点图片都放置在一个红色的矩形边框内，与店铺的整体色调

一致。中间白色连接部分用文字来对图片进行描述补充，这样设计可以帮助消

费者更好的了解这款产品。

物流与售后，这一部分主要是为了消除消费者在购买过程产生的顾虑，通

过完善的售后服务，让消费者感受到值得信赖，提升消费者对店铺的信任感。

下方黄色复古纸张展示的是藏茶小技巧，通过动漫的方式生动形象向消费者展

示藏茶的技巧，确保消费者能够品尝到茶的本味。

产品1详情页设计效果图如图15所示，在PHOTOSHOP软件中的制作过

程图如图16所示。

图15产品寒红详情页设计效果图

19

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

图16产品寒红详情页制作过程图

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

当消费者点进产品详情页以后，店铺的营销已经成功一半了。产品的详情

页主要是介绍产品的卖点，讲解产品的细节，消除消费者购买过程中的顾虑，

以此来成下单。产品详情页2制作的是店铺的热卖产品冰里春茶叶。

4.3.1主副图效果

一个产品的点击量多不多主要取决于这款产品的主图。主图足够精美就能

够吸引更多的消费者点击进来了解这款产品。所以冰里春这款茶叶的主图在设

计中我们采用了一个红色的活动边框来吸引消费者眼球。主图采用的是一个牛

皮纸盒的产品图。左上角采用的是一个金色的渐变字体，采用颜色差异强调这

款产品现在参加的活动。下方的白色加粗字体通过大小字体对比，来表现产品

价格的优惠，吸引消费者点击产品。整个主图的设计简约自然。

中国寒茶淘宝店铺产品1主图设计效果图如图17所示，店铺产品1主图在

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

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

20

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

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

下面是产品的副图，产品副图主要是对产品细节卖点进行补充说明。副图

的设计主要是用白底配上产品的实物展示图和细节展示。配上红色的边框贺主

图相呼应，中间上方红色的加粗字体来展示产品细节卖点，激发消费者购买欲。

产品2副图设计效果图如19所示，在PHOTOSHO