“如初饰品”店铺视觉方案设计

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

目录

1店铺介绍...........................................................1

2“如初饰品”淘宝店铺视觉营销分析....................................2

2.1店铺装修风格分析..............................................2

2.2消费人群定位..................................................3

2.3价格定位......................................................4

2.4店铺装修特点..................................................5

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

3“如初饰品”淘宝店铺视觉设计.......................................5

3.1店铺板式设计.................................................5

3.1.1店铺首页板式设计........................................5

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

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

3.2文案策划.....................................................8

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

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

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

4“如初饰品”淘宝店铺视觉效果制作...................................9

4.1店铺首页设计..................................................9

4.1.1店铺LOGO设计...........................................9

4.1.2首页店招设计...........................................10

4.1.3首页导航栏设计.........................................10

4.1.4首页轮播图设计.........................................11

4.2店铺宝贝主图设计.............................................12

4.3店铺详情页设计...............................................13

4.3.1产品焦点图设计.........................................13

I

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

4.3.2产品参数设计...........................................13

4.3.3产品特点设计...........................................14

4.3.4产品细节设计...........................................15

4.3.5产品展示设计...........................................15

4.3.6产品保养建议...........................................16

4.3.7产品售后服务说明.......................................21

5店铺装修效果评估..................................................22

6总结..............................................................23

参考资料............................................................24

II

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

“如初饰品”店铺视觉方案设计

1店铺介绍

“如初饰品”淘宝店铺是于2022年4月初新开的一家没有装修的店铺，是

一家具有创意、小众简约但不失奢华的宝藏饰品店，主要面向年轻女性。“如初”

本义是指向着自己的初心，砥砺前行，象征着美好如初，顺从自己的内心去挑

选属于自己心爱的饰品，本着初心和第一感觉来满足自己。希望能将顾客青春

最美好的一面展示出来，让顾客体会到店铺的新颖奇特，从而产生购买的欲望

心理，同时满足顾客对饰品的需求，和顾客建立起心灵上的桥梁，秉承着岁月

如初，饰品如故的经营理念。

店铺其货源渠道主要来源于1688，通过仔细思考和严格筛选，站在消费者

的角度去寻找有品质、性价比高、有保障的饰品，从销售量、好评率等各个方

面来进行挑选。每一位顾客都是独一无二的，因此本店铺为消费者打造了具有

创意和个性化的饰品，根据店铺主营风格设计产品特色，主要目的是为了满足

顾客对饰品的需求，让顾客更快找到自己的喜性偏好，从而带来浏览量提升店

铺的销售额。店铺会不定期更新商品的上新，但目前本店铺前期处于一个还未

进行装修设计的状态。店铺概况如表1-1所示。

表1-1店铺概况

店铺名如初饰品

店铺网址/

主营类目耳饰、手链、耳环、戒指/指环、项链

店铺现况未装修，无店招、LOGO、banner、主图等。如下图：

1

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

2“如初饰品”淘宝店铺视觉营销分析

2.1店铺装修风格分析

随着互联网的发展与进步，越来越多的人对网购的需求和依赖度逐渐增大，

人们足不出户就可以享受自己所需要的东西，因此网购的风潮逐渐占据人们的

生活，而经营一家线上店铺也需要店主的精心装饰，给消费者一个美好的进店

体验。店铺装修是为了使外在形象能够长期保持发展，给商品塑造更加完美的

形象，加深顾客对店铺的印象，从而提高店铺的浏览量、销售量和购买率。在

网店的装修设计中，消费者首次进入店面，是很难一下子对其店铺中的商品的

优劣进行评定，但却能够给消费者留下第一印象，如果一开始就对界面产生了

好感，对店铺的界面布局产生了共鸣，那么在其后的购买行为中，消费者的内

心就会趋向认同。店铺的装修不仅能够留住更多的顾客，同时也可以让销量得

到快速提升，根据不同时期的流行元素来对店面进行装修，这样就可以吸引更

多年轻的消费者，也能够有很好的推广作用。

本店铺的装修风格主要以清新、简约为主调，颜色为浅绿和淡蓝色，给人

一种倾向大自然、舒适清雅的体验感。树立店铺的完美形象，与所卖的饰品相

结合，能使顾客快速找到自己需求的产品，给买家留下好印象，促进买家下单，

降低跳失率，从而提高转化率，打造"如初饰品"的品牌，紧跟时代的装修风格，

吸引到更多的年轻消费者，从而增加店铺的销售。店铺装修风格如图3-1所示。

图3-1如初饰品店铺装修风格图

2

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

2.2消费人群定位

通过百度指数对“饰品”行业的搜索与分析，可以确定如初饰品店铺的目

标人群。

根据图2-1可知，“饰品”行业的目标人群以女性为主，年龄为30-39岁居

多，其次是20-29岁，可见目前饰品消费市场女性占主导，而对饰品的消费人

群地域分布主要集中于沿海城市，沿海地区比较发达，交通也比较便捷，且这

类人群平常的兴趣爱好喜欢影视音乐、教育培训和医疗健康等，可以知道他们

从事教育、娱乐和医疗方面的工作比较多。目标用户属性如图2-1所示。

年龄性别分布

地域分布

兴趣分布

图2-1目标用户属性

3

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

2.3价格定位

从不同年龄阶段的消费群体来看，20-29岁的消费者注重仪式感，其独特

的外观和色彩是亮点，而对质量的要求并不高，她们在乎的更是一种性价比，

容易跟风网红产品，也会被另一个消费热点所吸引，只要样式独特美观，用相

对合理的价格来装饰自己是最好的选择;而30-39岁的消费者更加生活化，注重

对生活品质的追求，她们对于饰品的价格的要求比较高，这类人群有能力且有

实力追求时尚与质量，消费水平也在不断提升。因此对于年轻的消费群体，可

以采用低价策略，而对于中年消费群体则可以采用高价策略来保障饰品的品牌

以及质量。

通过以上的分析，将同类饰品在淘宝某两家店铺的最高与最低价格进行对

比，如图2-3价格对比可知，如初饰品本店铺经营类目多样，有项链、耳饰、

手链等，经过考虑与筛选，将本店铺饰品价格定位在最低价与最高价之间，处

于居中价位，整个店铺的价格主要集中在10-35元之间，一方面给年轻女性减

少消费压力从而吸引她们的购买欲望，满足她们对饰品的消费需求，另一方面

增加中年女性消费者对本店铺的信任度，保障本店铺的品质。而店铺的个别商

品定位在10元以下，主要是考虑到学生这类低消费人群的消费理念，没有收入

来源而又想用饰品来妆扮自己以满足自己的内心。本店铺价格总体偏低，主要

以中底消费人群为主。

“如初饰品”店铺价格

“如初饰品”店铺价格

4

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

图2-3价格对比

2.4店铺装修特点

店铺装修特点可以从店铺经营的产品范围、类别以及消费人群的行为习惯

和特点来确定，突出店铺的独特风格和经营特色，将顾客吸引到店铺，选图清

晰、干净，符合银饰店铺的定位。“如初饰品”店铺装修风格采用简约清新的特

点，来展现“时尚轻奢、韩系百搭、小众甜美”的风格特点，搭配暖色、浅色

的色系来突出店铺的风格，点缀出

女性对饰品的喜爱以及对生活的热爱，展现每位年轻女性的个性和独特的

魅力。

2.5店铺色彩分析

由于本店铺的目标消费群体为年轻女性及年轻情侣，正是浪漫且喜欢简约

的年龄段，因此本次视觉营销设计中主要将采取青色、蓝色、浅绿色及白色的

色调来迎合该消费群体。同时这四种颜色也非常的契合本店商品“简约”、“时

尚”等标签元素。

3“如初饰品”淘宝店铺视觉设计

3.1店铺板式设计

3.1.1店铺首页板式设计

首页板式设计，最顶部是店招，其次是海报，优惠券，产品分类，产品展

示以及页尾。为了让整个页面不显得“腻”，整个首页采取的是“青、蓝、浅绿、

白”的颜色应用，不仅如此，还使用了颜色的渐变，以及不规则图案的排插，

显得整个页面有层次感，让消费者看起来也没有那么累。

5

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

店铺首页板式设计草图如下：

图3-1首页版式设计草图

3.1.2产品1详情页板式设计

产品1的详情页版式设计主要根据产品调性而定，产品1是情侣常购商品，

因此整个基调以棕红色色以及白色色调为主。详情页中包括“产品海报”、“产

品卖点”、“产品信息”、“产品展示”、“细节展示”、“支付与配送”以及“售后

信息”。

6

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

图3-2产品1详情页板式设计草图

3.1.3产品2详情页版式设计

产品1的详情页版式设计主要根据产品调性而定，产品2是年轻女性常购

商品，因此整个基调以白色鹅黄色等暖色调为主。详情页中包括“产品海报”、

“产品卖点”、“产品信息”、“产品展示”、“细节展示”、“支付与配送”以及“售

后信息”。

7

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

图3-3产品2详情页板式设计草图

3.2文案策划

3.2.1店铺首页文案策划

首先在店招版块仅仅是留下了店铺名字“如初饰品”和“收藏本店”的基

础文案。

再往下的首页核心位置海报上，留下最希望让消费者记住的文案，一个是

店铺名称，第二个是店铺的理念。

接下来的产品分类区以及产品展示区只是把最基本的产品信息作为文案，

以契合店铺简约、时尚的形象定位。

最后页尾留下一句暖心的“谢谢您的光顾”文案，让消费者在浏览完首页

后还能感受到店铺的用心。

3.2.2产品1详情页文案策划

产品详情海报是的文案较比首页是比较简单的，简简单单的放了一个“产

品海报”的标题，然后尽可能的将产品清楚地展示给消费者们；在“产品卖点”

模块则将本产品的制作精良、独特工艺以及所色可选的特点展示出来，文案分

8

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

别为“时尚，轻奢”、“人生若只是初见，唯有美饰来相见”以及“共美丽饰不

可挡”；而“产品信息”的文案则是重量、材质、规格以及包装；“产品展示”

则简单的向消费者展示了两种背景下的产品模样，做了一些简单的文字说明；

细节展示中没有放文案，直接用图片展示给消费者；最后的“售后信息”则是

放上了一些常见的文案文字。

3.2.3产品2详情页文案策划

与产品1的路线不同，产品2主要走的是时尚路线，因此在详情页的“产

品海报”中直接用了“独一无二”的文案；产品焦点图集文字、图片、动态交

互效果于一体的内容呈现方式，利用一些具有指导性的设计元素让消费者的眼

睛随着页面元素的引导，完成对信息的关注与吸收；让消费者能更加清楚了解

产品的细节品质，从而对产品有一个高品质产品的印象，将产品做工等细节放

大展示，拉近买家和产品之间的距离，尽可能地展现产品的卖点和优势，让他

们对产品有更全面的认知；最后的“售后信息”则是放上了一些常见的文案文

字。

4“如初饰品”淘宝店铺视觉效果制作

4.1店铺首页设计

4.1.1店铺LOGO设计

店铺LOGO代表着该店铺的标志，对店铺的认识和推广起着重要的作用，通

过形象的LOGO能够让消费者深刻记住该店铺的主体和品牌文化。

“如初饰品”店铺的LOGO尺寸为80px*80px，本店铺的LOGO整体由正方

形构成，周围由四个三角形铺垫而成，里面则是由两个正方形线条勾勒成一个

菱形，菱形中“如初”二字代表着该店铺的名称，让顾客体会到要像自己的初

心一样去挑选自己心爱的饰品，给人一种不忘初心的使命。色彩整体是以浅褐

色为主，使设计具有简约优雅风，给顾客一种简约而不失奢华的气派风格，从

而留下深刻的印象。由此构成了此店铺的LOGO。店铺LOGO设计如图4-1所示。

图4-1店铺LOGO设计

9

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

4.1.2首页店招设计

首页店招代表着网店的店铺招牌，从店铺商品的品牌推广来看，如要在整

个网店中给人们留下一个深刻的印象，就要在店招的设计上遵循一定的设计原

则和要求，具备易于传播、独特新颖等特点。一个好的店招设计，能够清晰地

让消费者了解到店铺地特色与特点，提升店铺的形象，增强店铺信誉度和知名

度。

“如初饰品”店铺的店招尺寸为950px*120px,整个店招的颜色主要以绿色

为主调，清新绿代表着无限的青春活力，给人一种柔和、静谧、饱满以及和谐

的感觉，将店铺的LOGO置于店招的最左方，用蝴蝶结来点缀店铺名称，使其更

加突出和美观，下方设计了一个“收藏店铺”的按钮，便于消费者再次进店选

购，也是给本店铺增加浏览量的一种方式。中间设计了一句广告语“美丽，饰

不可当”，利用谐音字来吸引消费者，画面具备强烈的视觉冲击力，同时也是明

确本店铺的产品类型——饰品，让消费者用饰品来装饰自己的美丽，毕竟爱美

之心，人皆有之。店招左边设计了一张模特展品图，给消费者传达明确的信息，

最右下角有一张店铺的二维码，方便消费者扫码进店。首页店招设计如图4-2

所示。

图4-2首页店招设计

4.1.3首页导航栏设计

首页导航栏位于店招与轮播图的中间，导航栏，顾名思义就是给消费者指

明一条路，能够让消费者在导购时不“迷路”，快速找到自己想要的产品方便进

行下一步。合理的导航可以增加用户粘性，提高店铺的浏览量。清晰大方的导

航更容易获得用户的好感，从而提高店铺的回访率。

“如初饰品”店铺首页导航栏设计是以整合店铺装修风格即蓝色为主，将

店铺内的产品进行分类，分为首页、耳钉、耳环、手链和项链五个导航栏，让

消费者一目了然、清晰可见。首页导航栏设计如图4-3所示。

10

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

图4-3首页导航栏设计

4.1.4首页轮播图设计

首页轮播图指的是以多张主图的形式，像幻灯片一样，消费者可以去滑动，

位于首页地位，通过不断地轮播，给顾客提供一种视觉新鲜感，丰富了动画效

果，更好的展示商品的个性和特点，提高消费者的浏览量，同时也让消费者始

终能够保持浏览的热度，不容易散失客户群。通过简单的方式，达到较大的宣

传效果，吸引消费者进店消费。

“如初饰品”店铺地轮播图设计尺寸为950px*400px，轮播图位于导航栏

的下方，使顾客一眼就能清晰看见。一共设计了两张轮播图左右滑动轮播，颜

色以绿色与浅蓝色为主，形成简约清雅风，轮播图中间用简单的标题与修饰语

来点缀饰品，使其商品更具有灵动性，右边加入模特展品，美观而又生动，能

够吸引顾客的眼球与好奇心，从而进店选购。加上新品图标标志，打造本店铺

饰品独具一格的风格，营造热卖势力，既满足了消费者的需求，也达到了店铺

的宣传效果。如图4-4、4-5所示。

图4-4首页轮播图设计1

11

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

图4-5首页轮播图设计2

4.2店铺宝贝主图设计

宝贝主图的设计将店铺的亮点展现出来，主图更有内容和意义，店铺的成

交率才会达到更高，在主图设计中打造“独一无二”的风格，提高产品地点击

率，从而突出本产品的优势。主图主要体现产品的属性信息或细节展现。

“如初饰品”店铺的主图设计尺寸为800px*800px,边框颜色以蓝色和绿色

渐变为主，与轮播图和店招相呼应，形成一个整体，清新不失优雅。左边标明

商品的名称、相关卖点以及到手价，让消费者对该商品一目了然。“七天无理由

退换货”保证商品的质量，能够让消费者放心下单。店铺宝贝主图设计如图4-

6所示。

图4-6店铺宝贝主图设计

12

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

4.3店铺详情页设计

4.3.1产品1焦点图设计

产品焦点图指的是集文字、图片、动态交互效果于一体的内容呈现方式，

在吸引眼球、页面排版优化等多个方面具有重要的作用。在设计中，利用一些

具有指导性的设计元素让消费者的眼睛随着页面元素的引导，完成对信息的关

注与吸收。

“如初饰品”店铺的焦点图以模特的形式展现，模特戴着本店产品的饰品，

背景颜色为黑白色，能够凸显整体的气氛，没有使用太过华丽的元素，简单而

朴素，图片中的的文字能够突出产品的卖点，用浅色文字深色背景，给顾客一

种简约舒适的感觉，更能凸显饰品的美。因为是通过图片的形式，所以具有一

定的视觉吸引性，能够增加消费者对本店铺的点击率和转化率。产品焦点图设

计如图4-7所示。

图4-7产品焦点图设计

4.3.2产品1参数设计

产品参数图的设计是将不同元素进行整合，运用创意的思维，通过各感官

进行信息传达，以构建与目标受众共同的意义空间，从而达到营销目标。产品

参数设计图能够有利于提升品牌价值，将产品的具体信息展示出来给消费者看，

打消消费者对产品的顾虑，刺激消费者的购买欲望，从而提高店铺的销售量。

“如初饰品”店铺产品参数图颜色主要以白色为主，白底黑字，简约、清

晰，让消费者一目了然，产品的信息主要以图片的形式展现，丰富产品展示的

图片设计。产品的链长、材质、品牌信息等明确标注，这样的设计让内容更加

醒目，突出其产品的重点。在参数图底部清晰备注了“手工测量尺寸存在些许

误差，具体以实物为准”提示语，给消费者一份保障，提高对店铺的信任度。

13

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

产品参数设计如图4-8所示。

图4-8产品参数设计

4.3.3产品1特点设计

产品特点即产品的特色、卖点，指最能够打动用户的亮点，其设计展示了

整个产品的外观、结构和功能，反映了产品对消费者的吸引力。产品特点是影

响消费者认知、情感和行为的主要刺激物。这些特征是凭借消费者自身具有的

价值观、信仰和过去的经验来评价的，从而达到产品畅销、建立品牌的目的。

“如初饰品”店铺的产品特点主要以银色饰品为主，简约清雅风，通过两

张模特图的展示，冷色调美观而又显白，激发消费者的购买欲望，满足消费者

对饰品的需求。产品特点设计如图4-9所示。

图4-9产品特点设计

14

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

4.3.4产品1细节设计

产品细节图是用来展示产品的细节，让消费者能更加清楚了解产品的细节

品质，从而对产品有一个高品质产品的印象，将产品做工等细节放大展示，拉

近买家和产品之间的距离，尽可能地展现产品的卖点和优势，让他们对产品有

更全面的认知。

“如初饰品”店铺的产品细节图以三张图的展示，清晰地将产品的各个细

节展示出来，包括链条、吊坠以及环扣处一一展现，用正方形工具然后创建剪

贴蒙版，使产品特点更加鲜明，空白处配有文字标注“如初饰品店铺”，让买家

尽可能的消除疑虑，做到对店铺商品的全面了解，安心购买。产品细节设计如

图4-10所示。

图4-10产品细节设计

4.3.5产品1展示设计

产品展示设计图就是指的是将店铺中的产品通过图片的方式展现出来，可

以让消费者直观感受产品的外部特点和状态，能够让消费者对产品有一个全方

位的理解和认识而不是通过只言片语了解的一知半解，与其用文字来描述，不

如直接用展示图向消费者直观的反应产品的特色，与其更具有生动可观性。

“如初饰品”店铺展示图的设计，整体添加了灰色调了不透明度，以四张

模特图将饰品展现出来，中间文字代表店铺的主打风格，让顾客能够想象自己

戴上的样子，有一种身临其境的感觉，从而产生购买欲望，促使其下单，增加

店铺销售量。产品展示设计如图4-11所示。

15

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

图4-11产品展示设计

4.4产品2详情页设计

4.4.2产品2主图设计

“如初饰品”采用的主图设计就是围绕着LOGO和店招的基调一脉传承的粉

嫩马卡龙色调，有效的缓解了视觉压力，本图运用了浅色系的文本框作为基底，

标注上稍微深色调的字体，由此来突出店铺目前的折扣活动，再通过主图中央

白底的产品展示，将前来选择购买的客户目光集中在主图最中央产品的身上，

在中心的展示框外围选择了使用地中海图片作为边框，通过照片能使主图的展

示更显灵活悦动，不会产生视觉疲劳，由此更能达到吸引顾客眼球的目标，最

终达成产品的转化率提升。如图4-12产品主图所示。

16

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

图4-12产品主图

4.4.2产品2展示图设计

“如初饰品”的展示图选择了类似于主图的展示风格，并将背景的铺底照

片调整到透明度较低的状态，以此来突出作为这张图主要视觉焦点的产品毛绒

耳环，整个主展示图并没有使用较多的装饰元素和贴画，以暖色、浅色系的方

框打底为主，在产品图片上下加上方框限制，以突出整个图片的重点，再在浅

粉色方框上添加白色字体标注店名“如初饰品”，以此来明显展示店铺名称。如

图4-13产品展示图所示。

17

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

图4-13产品展示图

4.4.3产品2信息图设计

“如初饰品”还是选择了与上述图片风格统一的女性喜爱的颜色，运用简

洁、直白的设计方式展示了产品的必要信息，粉色作为基底色调，再用醒目的

白色标注产品的信息，在朴素的背景中再加上降低透明度的店铺名称，也是在

不断地强化、深化客户对店铺的记忆，潜移默化的促进增长转化率。如图4-14

产品信息图设计所示。

18

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

图4-14产品信息图设计

4.4.4产品2展示设计

“如初饰品”的展示直接截取了“产品展示”的英文翻译，使排版更显得

高端时尚新颖，此次运用了白底和浅色调的方块元素为产品图片铺底来突出产

品饰品，主色系还是选用了马卡龙色调，显得更年轻活力、灵动可爱，再使用

部分的糖果、棉花糖的贴图素材进行装饰，展示出店铺的少女心特性，虽然没

有文字标注，但是通过直白、简便的排版方式也能直接突出产品的特点，让客

户能一眼定位到图片展示的重点。如图4-15产品展示设计所示。

19

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

图4-15产品展示设计

4.5产品2保养建议

产品保养建议设计是教消费者如何对产品进行保养，以及保养时需要注意

的事项，确保产品正常使用，延长使用寿命以保持产品更长久地使用，能够让

消费者感受到店铺的细心和用心，从而感受到温暖。设计上主要是由图标和文

字组成，图标是从千图网站中搜寻，文字的字体是微软雅黑，整体颜色是以黑

白色为主调，比较简约直观，文字说明背景颜色以灰色调解不透明度正方形打

底，让文字更加清晰突出。产品保养建议如图4-12所示。

20

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

图4-12产品保养建议

4.6产品售后服务说明

产品售后服务说明是在商品出售后给消费者提供各种服务活动。在追踪跟

进阶段，通过售后服务来提高店铺的信誉度。售后服务的优劣能影响消费者的

满意程度，商品的售后服务可以使顾客摆脱疑虑、摇摆的心理，从而下定决心

购买。设计上是由文字加图标的形式展现，图标在千图网站搜寻再用圆形工具

将图标囊括起来，让消费者直观可见，感受到店铺真诚的服务态度，包括保修、

退换货、派送信息等都有详细地向消费者清晰说明，让顾客做到放心购买，给

消费者一个保障。产品售后服务说明如图4-13所示。

21