好孩子文具店淘宝店铺视觉营销设计方案

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

目录

1好孩子文具店淘宝店铺概况........................................1

1.1文具类店铺发展现况.........................................1

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

2好孩子文具淘宝店铺视觉营销分析..................................1

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

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

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

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

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

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

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

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

3好孩子文具店淘宝店铺视觉设计....................................3

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

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

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

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

3.2文案策划..................................................10

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

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

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

4好孩子文具店淘宝店铺视觉效果制作...............................12

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

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

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

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

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

I

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

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

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

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

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

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

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

4.4.2主副图效果图制作....................................17

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

5总结...........................................................20

参考资料..........................................................21

II

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

好孩子文具店淘宝店铺视觉营销设计方案

1好孩子文具店淘宝店铺概况

好孩子文具店淘宝店铺成立于2023年。目标客户人群为职场人士、在校学

生、个人及家庭成员等，主要是对书写工具、纸张本册、桌面收纳、办公用品

等进行销售。好孩子文具的文化传统是希望每个使用本产品的顾客都能成为这

样的人。粉丝量超过10万，其中宝贝与描述相符4.7、卖家的服务态度4.8、物

流服务的质量4.9。

1.1文具类店铺发展现况

中国文具店铺占比情况，如图1所示。

图1文具用品网店商城分布情况

中国文具占比情况淘宝是占比最大的占44%，其次是拼多多占32%。

1.2店铺现阶段发展分析

好孩子文具店铺现阶段主要销售中性笔和本册，其次有钢笔、文件夹、透

明胶、收纳盒、订书机等。从细分产品上来看，我国的文具行业产品主要分为

几大部分，第一部分是纸张本册；第二部是书写工具；第三部分是桌面收纳；

第四部分是文具用品等。

2好孩子文具淘宝店铺视觉营销分析

2.1竞争对手店铺视觉分析

1

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

办公文具行业的竞争力越来越大，面对同行的竞争，可以通过竞争者分析

来进行企业市场竞争者的分析。

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

晨光文具是一家在中国极具影响力和在文具市场占比很大的公司，他们的

业务十分广泛，并且受众人群也很广例如办公人员和学生。

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

得力文具公司的每年销量都超过12亿元，均保持着1亿元的递增，发展十

分的稳定，也为消费者提供了售后平台。

2.2店铺视觉营销定位分析

该店铺主营办公用品类产品，所以该店铺的风格要符合现代办公形式，该

店铺的风格就要简约而又不单调，色调上要给人温暖的感觉，所以在设计首页、

详情页的时候，都会以简约为主，有装饰修饰但视觉看出没有违和感，整体的

色调、排版都给人舒适、温暖的感觉。

2.2.1店铺产品定位分析

该店铺主要销售的产品偏向于办公用品和学习用品，对于消费者的定位十

分准确，针对于办公人员和学生，办公用品的市场消费群体庞大，购买力很可

观，面临的竞争会非常激烈。

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

除了在校学生，加上事业单位专业技术人员、政府机构、企业其他在职人

员，中国足足有超过4亿的庞大的文化用品消费群体。所以店铺目标客户人群

为职场人士、在校学生、个人及家庭成员等。

2.3店铺风格分析

该店铺首页的风格主要采用淡黄色的格子背景，给消费者一种俏皮可爱的

感觉，和好孩子店铺的文化传统相呼应，并且背景图采用了各种可爱的元素加

以辅助，更加凸显出品牌的内涵，海报图也是采用以游戏机当背景，小朋友们

一般点进店铺首页都会被深深吸引，这一效果也是根据了当代孩子们喜爱打游

戏的这一性格特点所定制的，每个不同的元素都反映了当代社会的流行走向。

2

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

2.4店铺色彩分析

该店铺首页的背景色彩主要采用淡黄色为主，淡橙色是暖色调，给人舒适、

温暖的感觉，店铺的两张详情页的背景色分别采用的是黑色和蓝色，黑色是与

钢笔的颜色相似，灰色与钢笔的不锈钢材质的颜色相似；蓝色是与笔记本的颜

色相似，采用相似颜色目的是减少眼花缭乱的感觉，并且给予消费者赏心悦目

的效果。

3好孩子文具店淘宝店铺视觉设计

伴随着电商的发展，网店的数量也随之增长，店铺间的竞争逐渐激烈化。

店铺能不能受欢迎，很大程度上由店铺的设计决定，消费者点开商品的时候一

般都会看详情页、首页等，那如何做好详情页、首页等就需要先做好版式的设

计，版式设计能影响后面效果图的呈现。

3.1店铺版式设计

在版式设计中，一个店铺的架构设计好与坏都会影响到后面效果图的设计，

所以在版式设计的过程中要多考虑。版式设计是现代设计艺术的重要组成部分，

是视觉传达的重要手段。表面上看，它是一种关于编排的学问；实际上，它不

仅是一种技能，更实现了技术与艺术的高度统一。

首先需要明确销售的产品及店铺的风格；其次，要想好大概的构思，如：

空间排版、图文布局、产品摆放等等；最后设计出版式图。

3.1.1首页版式设计

顾客在打开一个店铺的时候，给顾客第一印象就是店铺的首页设计，所以

店铺首页的设计如何做到最大程度上吸引客户，就显得非常重要。那么有明确

的区域划分是重要条件之一，在看一个店铺首页的时候往往最上面是店招、导

航，依次往下就是全屏海报区域、优惠券区域、活动区、商品分类区、产品展

示区、页尾区等栏目等8个区域组成。

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

3

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

图2首页版式设计

店招区域主要分为两个部分，左边部分为店铺LOGO，LOGO的设计是一

个可爱的文具袋里面有各种各样的文具，这LOGO的设计很可爱，会比较吸引

小朋友们的注意力；右边为店铺搜索，可以在其中搜索店铺的所有商品，便于

消费者们查找。导航区域则放在店招区域下方，按分类专区水平放置，便于消

费者挑选所需商品。

店招、导航区域版式设计如图3所示：

图3店招、导航区域版式设计

首页海报区主要采用中心构图，中间是文案和促销语，根据所销售的产品

类型和卖点而设计，四周是根据当代青少年所热爱的物品所包围着，这独有的

设计形式可以让浏览者留下深刻的印象并且可以吸引消费者的注意。

4

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

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

图4首页海报版式设计

优惠券设计区域整体有三部分组成，第一个是活动区域的总标题，是运用

两个长方形叠加所做成的，有两个文具元素所包围，和店铺环环相扣；第二个

是优惠券，优惠券是一个卷轴，是根据古代考卷所设计，卷轴内部分为上中下

三个部分，数字下面添加了“点击领取”的文案，每张无门槛优惠券按照相同

的间隔所隔开。整体感觉条理清晰，层次鲜明；第三个是活动区域，是运用一

本摊开的书作为背景图，其中有两个活动方案，是运用上中下进行排版的，和

优惠券排版一致，其中的活动价格运用红色字体所标记出来，让消费者更能直

观的注意到这一活动。

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

图5优惠券版式设计

产品分类区域的设计比较具有独特性，是由两部分所构成的，第一部分是

大标题，是运用两个长方形叠加所做成的，有两个文具元素所包围，和店铺环

环相扣；第二部分是商品分类区，背景是一个黄色的便利贴，和首页背景所匹

配，周围也包含着各种和店铺相符合的可爱元素，其中有四个产品区，分别是

学习用品，纸张本册，桌面收纳，办公用品，每一个区域都含有四个相匹配的

产品，方便消费者便于查找自己所需要的商品。

产品分类区域版式设计如图6所示：

5

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

图6主推产品区域版式设计

产品展示区域的设计比较具有立体性，总体从上到下由两个区域组成，第

一部分是大标题，是运用两个长方形叠加所做成的，有两个文具元素所包围，

和店铺环环相扣；第二个区域采用一张文件夹作为背景，并且加了阴影来提升

这一模块的立体感，其中有九个产品，价格都用反差较大的红色进行了标注，

方便消费者们进行查看，每一产品的边框都运用黑色进行填充，并且这一模块

的周围都含有各种和店铺相匹配的可爱元素，来提升店铺的内涵。

产品展示区域版式设计如图7所示：

图7分类导航区域版式设计

页尾设计是在海报的最末端，其中包含了八个部分，分别是品质保障，七

天无理由退换货，特色服务体验，帮助中心，购物指南，天猫保障，支付方式，

商家服务，便于消费者们转移下一个所需要的页面。

页尾版式设计如图8所示：

6

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

图8页尾版式设计

3.1.2产品1详情页版式设计

客户在浏览商品的时候，最主要的是浏览该商品的详情页，详情页做得好，

有足够的吸引力，客户才更愿意买该店铺的产品。

产品1详情页版式，主要包括：产品情景海报、产品卖点、产品信息、产

品展示、细节展示、支付与配送信息、售后信息等内容。。

产品1详情页版式设计如图9所示：

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

页头海报的细节设计是采用了左文右图的结构，左部分的文案主要是由产

7

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

品文案、产品卖点组成，右部分为产品的展示图。

页头海报版式设计如图10所示：

图10页头海报版式设计

规格参数部分，主要是对钢笔的各个规格所进行归纳总结，方便消费者们

查看，是运用一个矩形作为框架所进行归纳；产品卖点部分，主要由三个角度

所设计；产品展示部分，主要是为了展示钢笔的各个角度，其中包含四个角度，

方便消费者查看；细节展示部分，分为三个框架，分别是左图右文，右图左文，

左图右文，文案分别是顺而不滑，柔滑触感，镀金笔尖。

规格参数、产品卖点、产品展示、细节展示版式设计如图11所示：

图11规格参数、产品卖点、产品展示、细节展示版式设计

温馨提示设计区域主要是八个部分，分别是当天发货，全国包邮，赠送运

费险，包退换，发票，便于消费者们。

8

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

温馨提示版式设计如图12所示：

图12温馨提示版式设计

3.1.3产品2详情页版式设计

产品2详情页版式设计主要有：产品情景海报、产品卖点、产品信息、产

品展示、细节展示、支付与配送信息、售后信息等内容。

页头海报采用的是产品图片；产品信息区域主要是对产品的各种规格进行

展示，分为左、右两个部分，左边是产品实拍图，右边分别展示产品品名、风

格、元素、幅面、场景、页数；产品卖点区域由三个卖点构成，分别是肤感面

料，亲肤触感和加厚80g纸张和加厚320页；产品细节区域主要是左右结构，

左边部分是产品图的展示，右边部分是产品相关细节的描述。产品细节设计区

域主要是交叉的左右结构。

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

图13页头海报、产品信息区、产品卖点区、产品细节区版式设计

产品展示设计区域是通过四宫格对齐，是由一张产品图带着下面四张不同

9

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

颜色的产品四宫格构成的，其中的文案分别是，陌上花开意义是春天春暖花开

和产品的粉色，星辰大海意义是漫无边际的大海对应着产品的蓝色，繁花似锦

意义是秋天万物复苏对应着产品的绿色，浮生若梦意义是梦幻般的梦幻紫对应

着产品的紫色；温馨提示设计区域主要是对发货、包邮、退换货、运费险、发

票、团购的描述。

产品展示、温馨提示版式设计如图14所示：

图14产品卖点、生活场景、温馨提示版式设计

3.2文案策划

3.2.1店铺首页文案策划

首页的文案设计是店铺是否经营好的核心，首页文案设计主要包括海报、

活动区、商品分类区、产品展示区、页尾区这几个区域的文案策划。

首页海报的文案主要集中在中间部分，首先用文本工具写上“开学季”其

次在下方写上迎新送豪礼，这样给消费者一种活动力度很大的感觉并且提醒消

费者开学季到了需要进行购买文具用品；在中间写上“满199减59”，意思是

该店铺销售的产品都是可以参与此活动的，这相对于其他店铺力度更加大，也

能让消费者对该店铺提高兴趣；整体的文案比较单调，在文案周围添加菱形工

具，遮住字体的部分用“蒙版”给隐藏起来，显得更具有特色，并且在中间区

域采用了阴影，增加了立体感。

10

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

开学季活动区域由优惠券和活动方案这两部分构成，总体感觉更有层次。

产品分类区域有四个部分，分别是学习用品，纸张本册，桌面收纳，办公

用品，这四组文案构成，便于消费者们进行查找。

产品展示区有9个产品，其中包含标题和价格还有已售产品数，给予消费

者一种便宜实惠并且很多人购买，让消费者更信任本店铺的产品。

页尾区域是对本店铺的服务进行总结，方便消费者们查看。

3.2.2产品1详情页文案策划

详情页1的文案设计主要在于产品情景海报、产品卖点、产品信息、细节

展示、支付与配送信息、售后信息这几个区域。

页头海报的文案设计的层次感是字体大小和粗细划分，首先，字体最大且

相对粗点的是“经典延续，英雄国民钢笔”，下面一部分是其卖点“私人订制，

笔墨重燃”，字体相对小些；最后一部分是写了钢笔新品上市，使整体更加有

层次。

规格参数的文案设计的层次感是用字体大小和粗细区分，让顾客有效读取

信息。产品卖点的文案设计比较简单，每个卖点都在产品实拍图的周围，清晰

分明。细节展示文案设计中采用的是左右图文的结构，每一张图所对应每一产

品的细节。最后的温馨提示部分的文案设计主要是对退换货、包邮、运费险、

发票的描述，温馨提示的设计获得客户的信任，提高该店铺的销售率。

3.2.3产品2详情页文案策划

详情页2的文案设计主要是在于产品卖点、产品信息、产品展示、细节展

示、支付与配送信息、售后信息这几个部分。

规格参数的文案设计采用左图右文的结构，让顾客有效读取信息；产品卖

点的文案设计比较简单，主要是产品的描述，单个文案就显得非常单调，通过

底层不同图片的色彩搭配，再添加一些修饰元素，使得文案设计栩栩如生；产

品细节文案设计是采用左右图文的结构，运用对角线所布局；产品展示区域主

要是由一张产品图带着下面四张不同颜色的产品四宫格构成的，其中的文案分

别是，陌上花开意义是春天春暖花开和产品的粉色，星辰大海意义是漫无边际

的大海对应着产品的蓝色，繁花似锦意义是秋天万物复苏对应着产品的绿色，

浮生若梦意义是梦幻般的梦幻紫对应着产品的紫色；最后的温馨提示部分的文

案设计主要是对退换货、包邮、运费险、发票的描述，温馨提示的设计获得客

户的信任，提高该店铺的销售率。

11

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

4好孩子文具店淘宝店铺视觉效果制作

4.1店标效果图制作

店铺的LOGO是对该店铺品牌的认知。所以设置LOGO的时候要简单且让

客户看到这个LOGO的时候就知道是该店铺。店标包括三个部分，分为上中下

结构，其中上和下分别是店铺的中文和拼音，中间结构采取的是一个可爱的文

具袋，文具袋里包含着各种各样的文具，都是本店铺所销售的产品，和店铺息

息相关，并且店招的可爱形象更能吸引小朋友们的注意。

店标设计效果如图15所示：

图15店标设计效果图

4.2店铺首页效果图制作

产品1为档案盒的制作，是该店铺的主要销售的产品之一。详情页内容分

别有页头海报部分、产品展示部分、产品信息部分、细节展示部分、产品卖点

部分、适合人群部分、温馨提示部分这七大部分组成。如图16所示。

图16店铺首页效果图

4.2.1海报效果图制作

12

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

首页海报设计比较可爱，符合儿童文具的风格，整体设计属于中心构图法，

中间是文案的设计，周围包围的是该店铺所销售的产品或者当代年轻人最爱的

游戏机、照相机和玩具汽车等来修饰，使海报更加的丰富可爱，和小朋友们热

爱的东西相呼应；店铺的背景色是以淡淡的黄色为主，与该店铺大部分的产品

的颜色相似，这样的相似性的色彩搭配看起来更舒服一些，不会感觉到眼花缭

乱；而文案使用的是白色，颜色边框采用的是淡蓝色，与背景色有鲜明的对比，

能让客户一眼的就能看出该店铺所销售产品的类型，价格一般采取的都是统一

红色，更有有强烈的对比，让顾客能够一眼看出产品的活动。

首页海报效果如图17所示：

图17首页海报效果图

4.2.2优惠券效果图制作

优惠券设计区域整体有三部分组成，第一个是活动区域的总标题，是运用

两个长方形叠加所做成的，有两个文具元素所包围，和店铺环环相扣；第二个

是优惠券，优惠券是一个卷轴，是根据古代考卷所设计，卷轴内部分为上中下

三个部分，数字下面添加了“点击领取”的文案，每张无门槛优惠券按照相同

的间隔所隔开。整体感觉条理清晰，层次鲜明；第三个是活动区域，是运用一

本摊开的书作为背景图，其中有两个活动方案，是运用上中下进行排版的，和

优惠券排版一致，其中的活动价格运用红色字体所标记出来，让消费者更能直

观的注意到这一活动。

优惠券效果图如图18所示：

13

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

图18优惠券效果图

4.2.3产品分类区效果图制作

产品分类区域的设计比较具有独特性，是由两部分所构成的，第一部分是

大标题，是运用两个长方形叠加所做成的，有两个文具元素所包围，和店铺环

环相扣；第二部分是商品分类区，背景是一个黄色的便利贴，和首页背景所匹

配，周围也包含着各种和店铺相符合的可爱元素，其中有四个产品区，分别是

学习用品，纸张本册，桌面收纳，办公用品，每一个区域都含有四个相匹配的

产品，方便消费者便于查找自己所需要的商品。

产品分类区效果图如图19所示：

图19产品分类区域效果图

4.2.4产品展示区效果图制作

产品展示区域的设计比较具有立体性，总体从上到下由两个区域组成，第

一部分是大标题，是运用两个长方形叠加所做成的，有两个文具元素所包围，

和店铺环环相扣；第二个区域采用一张文件夹作为背景，并且加了阴影来提升

这一模块的立体感，其中有九个产品，价格都用反差较大的红色进行了标注，

方便消费者们进行查看，每一产品的边框都运用黑色进行填充，并且这一模块

的周围都含有各种和店铺相匹配的可爱元素，来提升店铺的内涵。

产品展示区效果图如图20所示：

14

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

图20产品展示区效果图

4.2.5页尾效果图制作

页尾设计是在海报的最末端，其中包含了八个部分，分别是品质保障，七

天无理由退换货，特色服务体验，帮助中心，购物指南，天猫保障，支付方式，

商家服务，便于消费者们转移下一个所需要的页面。该区域的设计是让该店铺

所承担的责任，也是对消费者的承诺，真实和诚信更能让消费者信服。

页尾效果图如图21所示：

图21页尾效果图

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

产品1为钢笔的制作，是该店铺的主要销售的产品之一。详情页的主要内

容有产品情景海报、产品卖点、产品信息、产品展示、细节展示、支付与配送

信息、售后信息这七大部分组成。

4.3.1主副图效果图制作

主图的设计背景色为白色，整体分为三部分，左上方是店铺LOGO。中间

的颜色为白色主要是产品展示，放置在平面上，再加点阴影，突出了立体的感

觉；主图下方是价格和活动，价格部分用灰色矩形框包围，字体为白色，数字

的字体相对大些，再加上阴影的烘托，更有立体感，让消费者感觉真实。

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

15

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

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

副图1、副图2、副图3分为三部分，背景色以白颜色为主。左上方是该店

铺的LOGO，中间是产品的展示，下方则是卖点阐述；整体的设计非常简约，

但是整体效果看来比较和谐、舒适、大方。

产品2的副图效果图如图23图24图25所示：

图23产品2副图1效果图

图24产品2副图2效果图

图25产品2副图3效果图

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

详情页的主要内容有产品情景海报、产品卖点、产品信息、产品展示、细

16

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

节展示、支付与配送信息、售后信息这七大部分组成。

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

17

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

图26产品1详情页效果图

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

详情页2与详情页1大致相似，除了某些区域的排版不同。详情页2背景

色是以蓝色为主，与产品笔记本颜色相似。

4.4.2主副图效果图制作

主图的设计背景色为蓝色，整体分为三部分，左上方是店铺LOGO。中间

的颜色为蓝色主要是产品展示，放置在桌面上，再加点阴影，突出了立体的感

觉；主图下方是价格和活动，价格部分用红色矩形框包围，字体为白色，数字

的字体相对大些，再加上阴影的烘托，更有立体感，让消费者感觉真实。

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

18

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

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

副图1、副图2、副图3分为三部分，背景色以糖果色为主。图片是产品的

展示，旁边则是卖点阐述；整体的设计非常简约，但是整体效果看来比较和谐、

舒适、大方。

产品2的副图效果图如图28、图29、图30所示：