我的店铺网店美工与设计毕业设计论文

如今电子商务行业竞争越来越大，想要赢得一席之地必须费劲心思，从各方面入手做到极致，谈到网店装修目前存在众多的观点，当然，一个好的店铺，必须要有与商品对应融合的店铺装修，这样不仅能吸引消费者的眼球，更能增加点击率和成交量。

本次本人的作品点位在校内学生的中端产品，设计运用到的颜色以白色，蓝色为主，黄色为辅，完成视觉系效果的网店。

本店铺装修结构为店招加海报+商品展示位，左边增加店铺搜索和商品搜索。

产品详情页以白色为主，打开详情页，第一板块是店铺主打商品，这样做是为了做到关联销售，提高商品的点击率。

第二板块是商品的详情描述，有商品正面，反面，侧面等多角度的实物图，从产品的设计风格，颜色，材质等多方面展示了产品。

让顾客从多方面了解商品的信息，增加成交率。

详情页不仅有商品展示，尺码大小，商品的细节图，还添加了随网页移动的购物车，做到更好的服务顾客是本店铺的经营理念。

关键词：电子商务、网店美工、网店设计、网上购物
弓I言 (1)
第1章网店整体风格和品牌形象 (2)
1.1网店介绍 (3)
1.2品牌形象 (4)
1.3网店整体风格 (5)
第2章网店视觉元素合计 (6)
2.1LOGO设计 (7)
2.2店招设计 (8)
2.3导航栏设计与实现 (9)
第3章首页视觉效果与实现 (11)
3.1首页布局 (12)
3.2商品陈列效果实现 (13)
第4章详情页面视觉效果实现 (14)
4.1详情页布局 (15)
4.2宝贝图片处理 (16)
4.3宝贝描述模板设计实现 (17)
第5章双"一海报设计 (18)
5.1双一海报设计 (19)
5.2双-一海报实现 (20)
总结 (21)
致谢 (22)
参考文献 (23)
随着互联网在中国的进一步普及应用，网上购物逐渐成为人们的网上行为之-0根据2007年12月CNNIC的统计结果，全国网络购物人数规模是4641万人,北京、上海、广州的网民数量占全国2.1亿的9%,而三地的网购网民数量已经占到全国的17%。

上海的网络购物渗透率达到45.2%,是网络购物最为普及的城市。

其次是北京，网民中的网络购物渗透率接近4成，广州的水平则是略超过3成。

其他城市的平均网络购物渗透率要更低一些，21.6%的网民半年内在网上买过东西。

所以，现在真的是越来越多人选择网购了哦！那么为什么越来越多的人开始选择网上购物呢？网上购物的好处有哪些呢？
第一，价格便宜，能花很少的钱买到自己喜欢的商品。

本人们在现实中的一些商品，因为地区差异等等原因，很多东西会经过很多道环节，导致成本被一步步升高；因此价格也相对变高了。

网络上的卖家很多都有各自的有竞争力的进货渠道和价格优势，再加上网络平台提供给大家的广大的竞争平台，使得商品的价格在网络这个平台上已经很透明了，所以网上价格与现实中的价格相比是低很多的，还有好多网上的卖家都是厂方直接在销售，因此在价格上有很明显的优势。

第二，可以再网上买到自己非常喜欢却在当地买不到的东西。

淘宝市场非常的大,如果你仔细的去逛，会发现里面卖什么的都有。

至于如何去甄别，去选择，以后本人会和大家一块分享本人们经验。

第四，可以买到高质量的仿牌商品。

想穿品牌商品的MM们会发现在网上有好多卖香奈儿，古奇，DG,YSL,CL等国际品牌的店铺，商品的价格比正品便宜很多，而且质量是和正品一样的。

这是为什么呢？因为很多国际品牌的商品都是在中国生产的，中国就是他们的一个制造基地，特别是在广州那边有很多这样的工厂。

第五，快递多，便捷，3天左右就能送货上门，减少了本人们的购物时间。

第一章网店整体风格及品牌形象
1.1网店简介
店铺网址：https：//
网店的名称：付治豪的店铺
主营产品：服装
网店的特点：时尚街头的日系风格
爱美不仅是本人们的一种本能，在成长过程中，还逐步变成一种有意识的行为。

“人靠衣装马靠鞍”，重视外部包装不仅让自己感觉美好，也是对别人的尊重。

人类爱美是一种天性，早在两千五百多年前，中国著名教育家孔子就讲过，“食色，性也”这句话。

就某种程度而言，美不仅是一种吸引力，还是一种动力。

本店所经营的“服装"店铺定义为时尚街头的日系风格，使用颜色主要以干净的白色和时尚的黄色为主，具有视觉吸引力。

老师在课堂上曾经给本人们讲阿里巴巴的货源知识，本人知道了阿里巴巴有很多货源，不仅产品丰富而且一件发货的功能也很方便。

所以本店商品全是在阿里巴巴网站上找的货源，通过对店铺整体风格分析，为时尚街头的日系风格，然后在阿里巴巴找到相应的商品，认真的对比了店家的信誉，评论，查看商品的详细，商品质量，和商家沟通为一键发货，最后上架到本店铺。

本店铺上架的商品全是店主认真筛选的，个人也比较喜欢这类的商品，希望大家也能够喜欢。

1.2品牌形象
新升流派GrowStyle品牌，是广州市焦石贸易有限公司旗下集"growstyle urban时尚都市系列、growstyle jeans gs时尚休闲系列"于一体的年轻时尚男装品牌。

公司是集服装研发、生产和销售为一体的服装品牌运营贸易公司以投资、研发、生产、营销四大中心为主体构架，拥有设计部、市场部、招商部等16个全方位运营机制连锁部门，员工千余人，专业精英团队数百人，是一家具有超强运营实力及品牌口碑的优秀企业。

公司旗下全资子公司一一广州千实服装有限公司是新升流派GrowStyle品牌产品生产
基地，采用世界顶级水平的CAD、CAM系统和服装加工设备实现排版、设计、裁剪自动化和智能化在同行业中率先采用6S现场管理每一件产品都经过了十大阶段，上百道工序，50多项专业检测确保产品按时按质生产，尽善尽美。

新升流派GrowStyle品牌创建于2002年，至2015年，共拥有专卖店和专柜400多间，遍布全国二十多个省市自治区和十一个国家。

广州市焦石贸易有限公司一贯秉承“诚信、务实、双赢"经营宗旨，本着“认认真真做事，踏踏实实做人”的企业风格广交天下商贾，愿与各界朋友携手共创美好的未来！品牌介绍品牌以“心"为本，传递一种“追求理想、享受生活、寻找艺术”的积极进取的生活态度。

GrowStyle服饰结合国内外时尚潮流，在设计上注重艺术与文化的结合，充分运用色与形的自然交融，为产品注入灵魂，表现出Growstye 人的独特魅力及具有前瞻性的艺术视野。

产品根据个人喜欢及场合需求，分为“growstyle urban时尚都市、growstyle jeans gs时尚休闲”二大系列，让GrowStyle人无论在哪种状态下都能更好的展示自本人。

L3网店整体风格
根据自己所经营的“付治豪的店铺"的风格将店铺的风格定义为简约街头的日系风格，
对于店铺来说，形象设计一方面能够结合商品风格，加深消费者对店铺的了解，从视觉系出发，抓住消费者的眼球，获得更多的点击量。

本次本人的作品点位在校内学生的中端产品，设计运用到的颜色以白色，蓝色为主，黄色为辅，完成视觉系效果的网店。

店铺装修大致结构为店招+海报+海报+商品。

产品详情页以白色为主，打开详情页，第一板块是店铺主打商品，这样做是为了做到关联销售，提高商品的点击率。

第二板块是商品的详情描述，有商品正面，反面，侧面等多角度的实物图，从产品的设计风格，颜色，材质等多方面展示了产品。

让顾客更加了解商品，减少顾客对商品的疑虑。

详情页不仅有商品展示，尺码大小，商品的细节图，还添加了随网页移动的购物车。

店铺整体的布局比较简约，但又不失时尚，符合新兴年轻人的喜好。

第2章网店视觉元素设计
2.1LOGO设计
由于店铺的整体风格为简约街头的日系，再结合店铺主打商品为简约日系的服装，所以LOGO 将结合简约街头的和日系风格。

因为作者喜欢街头文化，对于美国，日本街头文化都有了解，故，及其喜欢涂鸦文化，涂鸦就像是城市的调味料，能够使城市文化更好的展现出来。

从网上找到这种蓝色底色，绿色，黄色，紫色的卡通人物，风格及其富有日系街头的元素的LOGO=
图2-1店招LOGO的图标
2.2店招设计与实现
店招，顾名思义是一个店铺招牌，是店铺的形象。

所以店招一定要做的美观，有创意，并能够结合店铺整体风格。

所以，本人的店招是LOGO+店铺名字+店内搜索+店铺收藏，这与平常的店铺店招不同，但是更有创意，而且使用功能也强。

1,使用Photoshop,新建一张950*120的图像。

提取LOGO背景颜色制作一张店招背景。

图2-2店招背景
2、把事先找好的的LOGO设置合适的尺寸，放置在店招背景上。

图2-3店招制作
3、使用横排文字工具，把店铺名字及购物车、本人的订单，收藏本人们等字样放置在合适的地方。

图2-4店招成型
4、使用Photoshop的矩形工具制作搜索框及搜索按钮，摆放在合适位置，然后保存桌面。

图2-5店招完成
5、将设计好的店招反搜索框、搜索按钮分别上传至图片空间。

图2-6上传至图片空间
/6、打开码工助手网站，点开店内搜索配置，将店招，搜索框，搜索按钮，店铺网址等连接放置在相应的地方，然后点生成代码。

图2-7生成店招搜索框代码
/7、进入店铺装修点击店铺招牌，将默认店招设置为自定义招牌，将自定义内的代码删除，然后将店招代码粘贴在编辑框内，保存即可。

图2-8将代码复制在店招内
8、店招完成效果图，如下
2-9店招效果图
2.3导航条设计与实现
导航条一般是分为店铺自带和自定义，为了符合店铺风格，使得店铺更有格局，本人使用店招的背景做为导航条背景，并将文字背景为白色，这样也比较有设计理念。

1、首先使用Photoshop,新建一个1920*150的图层，作为店招和导航条背景。

图2-10导航条背景
2,打开网页，搜索淘宝导航条在线制作，进行字体颜色和背景颜色的编辑。

图2-11导航条在线制作
3、设计自己想要的导航条效果，点击生成代码，然后复制代码。

店铺标志设计免费描述模桓标志设计宝贝详情页模根手机店铺装修导航栏在线制作男士脱毛详情页设计
中性荧新手P叭门教程海工学习男人肾虚原因免费店铺装修酒报制作自学网pg教程P电速入门刀剑酒城
图2-12生成导航条代码
4、打开淘宝装修页面，将代码粘贴在导航设置框内，保存即可。

图2-12将代码粘贴至内容区
5、将店招背景上传到图片空间。

图2-13将店招背景上传到图片空间6、点开淘宝装修页面，将背景图片设置为店招背景即可。

图2-14更换页头背景
7、按照上述步骤完成之后的导航条效果图。

图2T5导航条效果图
第三章首页视觉效果实现
3.1首页布局
本店铺首页主要有，店招、导航、海报、产品分类、客服旺旺、产品展示、店铺页尾等这几部分组成，店铺总比风格定位于简约时尚日系风格。

图3T首页布局效果图
1.大屏海报主要是放置店铺活动和主要推广的商品。

并要结合店铺主题装修风格。

（大
屏海报一般为：1920*650,普通店铺可用在线代码制作实现）。

2.客服旺旺，作用为，买家像卖家质询商品信息，解决自己的疑问。

3.产品自定义主图展示，用于展现店铺商品，可根据自定义排列，可以一排三个，四个,五个，根据店铺风格进行自定义。

4.店铺页尾，用于展现店铺快递，物流以及售后
5.店铺背景，更适用于根据店铺风格装修，打造高端的店铺主题风格，也可以放置店铺二维码。

图3-2首页布局
3.2商品成列效果实现
淘宝店铺宝贝陈列的目的是让顾客做出决策，让店铺宝贝超越自身的价值，卖出好的价位、第一时间争夺顾客的眼球也是商家为了促销商品，将商品有美丽的表现出来的一技术卖本人们称为陈列。

其实它就是商品卖相的一种表达方式，是一种为了扮靓的技术，是为了更加吸引消费者的目光，引起消费者的兴趣，激发购买欲望的一种手段，它可以为消费者提供最佳的效果与购买依据！
通过反复尝试与考虑到店铺的风格，所以本次商品陈列效果图的设计为日系简约式，颜色以白色为主，这样搭配使店铺的风格比较容易融洽，下面本人通过店铺装修，手工推荐完成商品排版。

把我的悲仍留结自己
你的美航t你带走
港风男士棉衣冬季棒球服韩版男装棉服加厚外套里情侣棉日系201啾冬季if款水果香蕉青年男装百搭HI领纯色套头1潺装冬季新款羽绒服男式日系小有新白鸭城保暖外食勇袄加绒卫衣潮士连帽上衣
¥399.00¥88.00¥436.00
图3-3商品陈列效果图
把珏的悲伤留始目己
你的美丽M带走
图3-4海报图
打开店铺装修，进入宝贝推荐
图3-5宝贝编辑
设置一行显示三个商品
图3-6进入宝贝显示
手工显不宝贝
图3-7手工显示宝贝
第4章详情页面视觉效果显示
4.1详情页面布局
与众不同的宝贝描述页面，不但为宝贝的介绍增色不少，而且能增加了买家对于商品的浏览时间，增加商品成交的机会。

宝贝描述模板就是店铺的形象页面,所以本店设计采用了本店搜索、宝贝分类、宝贝排行榜、店铺活动、宝贝介绍、实物图、使用效果图、产品知识、品牌说明等一系列描述和功能为卖家带来快捷的使用。

付治豪的店铺的产品详情页以白色为主，打开详情页，第一板块是店铺主打商品，这样做是为了做到关联销售，提高商品的点击率。

第二板块是商品的详情描述，有商品正面，反面，侧面等多角度的实物图，从产品的设计风格，颜色，材质等多方面展示了产品。

让顾客更加了解商品，减少顾客对商品的疑虑。

详情页不仅有商品展示，尺码大小，商品的细节图，还添加了随网页移动的购物车，做到更好的服务顾客是本店铺的经营理念。

E37图4-1详情页效果图
4.2宝贝图片处理
产品展示图片是展示网店产品形象的重要窗口，而且一张产品图片会引发一系列连锁反应。

1、提升了产品的形象2、提升了顾客的体验3、提升了网店的形象4.提升了网店的效益。

正所谓：“细节决定成败”。

每一个成功的案例都离不开案例中的每个小细节，成功的网店也同样离不开经营过程的每一小步。

所以必须重视每一张产品图片、每一次与客户沟通、每一次产品发货。

所以一张质量过关的图片带来第四个反应时提升网店的效益。

打开Photoshop,打开宝贝细节图，使用图像大小编辑，把宝贝细节图修改为750*480大小的图片。

图4-2宝贝细节图
将细节图保存JPG 格式至桌面。

国走到四
图片H 详情页
育理
々增
x
或
10打开.12 w
⑥历史记录
田全部选择
肖
m 复嘤 Mt 1
一
文骸
畔
口 口反向
新建
rm
龄
>此电脑 > 圄片 > 倡宝装修 > 毕业设计 > 详情艾
详情页
新犊
mindmandger
闺安图片+快速访问
M 皇面
■下裁
On e Drive
■视频
>囹片
B 加
8个项目
图4-3将宝贝细节保存至桌面
4. 3宝贝描述模板与实现
一个好的宝贝描述图可以很好的提高客户体验，减少客户的流量压力，在宝贝描
述图中把商品各有点展示出来，提高转化率。

打开photoshop,新建一个750*1250的图层，使用网上找的涂鸦图片作为背景，使用矩形 选框工具，在背景的中间选择一个长方形，填充为白色。

图4-4宝贝详情页制作
将宝贝放在合适的位置，使用文字工具添加合适的文案。

图4-5宝贝详情页制作
添加宝贝背面图片，使用文本工具，添加宝贝尺码表，并将网上找的LOGO添加在合适的位置。

图4-6宝贝详情页制作
完成以上设计后，打开店铺后台、找到图片空间，将设计好的详情图片上传至图片空间。

图4-7将图片上传至图片空间
上传完成后，打开店铺后台，点击出售中的宝贝，点击编辑宝贝。

排下架：砍06时47分，:r 查看:价格类目 在线：OA
原创秋冬K 装欧美曰系复古中长款工装带帽风衣夹克休闲男士外套期
田做nrn
189.00598
2016-12-0722:23
编辑宝贝复制鼬
图4-8编辑宝贝
为宝贝完善产品信息。

立即设置宝贝未设置无线详情
发布无统详情，改善买家无盆浏其体验
提升打开速度，港too 万卖家m 设置：
手机购买歌
帮助
衣*:常规版型:标准领型:翻领
销售重收痕数
衣门襟:拉槌
颜色:黑色
尺码：M LXL 面料分类:其他品牌：M^/other 材质:其他
, I W1实拍约1硼季 ■] ¥150.00
・'已售出。

件
话用季节:秋垂细分风格：日系复古
适用场景:其他休闲
基础风格：青春流行
图4-9完善产品信息图
完善宝贝信息之后，本人们打开出售中的宝贝，要对本人们要对宝贝详情页面的宝贝进行编 辑。

在宝贝编辑页面中找到详情页面内容，在这里本人们将本人们所做好的宝贝详情图插入
到详情页面内容中。

图4-10插入详情页图片
完成上述步骤然后点击确定，本人们的宝贝描述页面就完成了。

SHWfi®
fiSSfl：标溥
&«：g/atw*
尺明：M LXL
君就：*他
迁用心M倍休雨swats：KKIHSTOUC
肩宽
图4-11宝贝详情页效果图
6IMW1
V AMI112
a
第5章双十一海报设计
5.1双十一海报设计
店铺海报在店铺中占据的面积相对比较大，店铺海报对面顾客的吸引力也是非常大的。

因此一张海报给店铺带来的流量和顾客转化率的增加也是有相当大的作用的，海报的制作一定要有创意，出彩的淘宝店铺海报才可以吸引顾客，让顾客产生购买欲望。

所以本人们做海报设计时要明确目的，文案梳理清晰，明确中心主题。

图5-1双十一海报效果图
首先新建一个1920*650像素的图像,将自己准备好的背景图像用移动工具拖到新建图像内。

图5-2双十一海报背景图
然后将网上找的效果素材添加在背景图上，调整好大小和位置。

图5-3添加素材图片
使用文本工具添加文案，并添加投影效果。

图5-4添加文案图片
复制文案图层，并添加斜面和浮雕、内阴影、渐变叠加、投影等文字效果。

图5-5双十一海报成型图
5.2双一海报实现
把制作好的图片保存为JPG格式，并上传到淘宝店铺的，图片空间。

每张
图片就具有了特定的代码，方便本人们在后面的代码和图片链接的使用。

U买豕手机蝙惟少敲叫JUr您H站网1言匿消息▼冲玉图片目录Q我的囹片店$甫装修大屏轮藩区£上传图片:G?新建:
技文件夹名称实时搜索Q
曰一我的囹片
,;51zwd_pic5
国一宝贝图片
S店浦装修
S04444
D950海报
—，卫衣海报
大屏轮播区
口站酷
—，手机淘宝口全选
未标题-2.jp g大屏轮播图片i.jpg大屏抡擀图片Jpg 图5-6上传至图片空间
打开码工助手网页，点击大屏海报生成，将图片空间的双十一海报复制链接，放入相应
的按钮内。

Quels',■-0i£?_O X
CSS3HK1I&*
定义DIY自毂08
图5-7生成大屏海报代码
复制生成的大屏海报代码后，进入淘宝店铺装修，添加自定义模板。

图5-8添加自定义模板
添加完自定义模块之后点击编辑，将自定义内容区确定上面编辑源代码点上勾，在将代码复制到自定义内容区，如下图5-9。

图5-9编辑代码
完成以上操作点击确定，双十一海报实现就完成了，然后预览效果图。

图5-10双^一海报实现效果图
总结
刚开始接触毕业设计时，根本无从下手，找不到方向，也没有头绪。

后来和指导老师黄子宸老师经过详细的探讨，最终本人的毕业设计题目定位“付治豪的淘宝店”网店美工与设计。

虽然之前任课老师在大一的时候有讲过淘宝店装修的课程，但这么久没有动手实践，能忘记得都忘记，这个题目也是有很大的困难，相当于本人是从零开始，重新对于淘宝店铺进行认识和理解。

很感谢黄子宸老师给予本人毕业设计制作的帮助，不仅帮本人理清头绪，还发了学姐论文共本人们参考，以及在网上寻找素材。

这让本人少走很多弯路，谢谢宸哥了。

通过对自己店铺风格进行详细的分析，在站酷，千图网等网站找到相应的素材,重新进行装修店铺。

看了大量美工的作品，发现人外有人，天外有天，生活就是不断的学习，不断的给自己充电。

通过制作毕业设计的过程，让本人更加了解本专业的知识，以及发展趋势。

认识到互联网交易将是未来人们一种新生活。

毕业设计虽然已经进入尾声，但是本人的学习路才刚刚开始，通过制作毕业设计，看到大量淘宝美工大神的作品，并根据大神的教程做出优秀的作品，拥有内心的满足和成就感。

逐渐开始热爱自己的专业，希望以后能用本专业知识找到工作并一直发展下去。

致谢
这次毕业设计能够得以顺利完成，并非本人一人之功劳，是所有指导过本人
的老师，帮助过本人的同学和一直关心支持着本人的家人对本人的教诲、帮助和鼓励的结果。

本人要在这里对他们表示深深的谢意！
感谢本人的指导老师一一黄子宸老师，没有您的悉心指导就没有这篇论文的顺利完成。

感谢辅导员丁晓老师，三年的生活相处不久，却从您身上学到了太多，必将终身受益。

感谢黄子宸老师、向明月老师、孙晓庆老师、欧阳红魏老师、龚芳芳老师等对本人的孜孜不倦的教导。

可能本人不是个好学生，经常翘课，但是你们给本人比给别的同学更多宽容，让本人有机会进行悔改，谢谢欧阳红魏老师说的，余下的课程务必本着对自己负责任的态度认真对待。

让本人受用终身！！
感谢本人的父母，没有你们，就没有本人的今天，你们的支持与鼓励，永远是支撑本人前进的最大动力。

感谢阳健，足球场上挥汗如雨，排练室的忘情高歌，深夜里的把酒言欢……最难忘的记忆里都有你身影。

感谢一起欢笑一起惆怅的日子，不论何时，请不要忘记最初的梦想。

虽然即将毕业，都将各奔东西，但是老师，同学传授给本人的知识和人生感知将谨记于心。

本人们的情谊将永存在哈利路亚。

参考文献
[1]《秋山孝吴艺华译，秋山孝海海报作品集》上海人民美术学院出版
社.2007
[2]《网店美工》电子工业出版社出版.2011
[3]《网店设计与制作教程》河北教育出版社.2007年2月1日
[4]《淘宝网店一本通》电子工业出版社.2013
[5]《色彩构成与造型基础》武汉华中科技大学出版社.2007
[6]《商业海报设计创意解析》清华大学出版社.2007
[7]《秋山孝海报作品集》上海人民美术出版社.2005
[8]《朱琪颖海报设计》中国建筑工业出版社.2005
[9]《平面设计法则》中国青年出版社.2009
[10]《灵感仓库：海报创意设计》中国美术学院出版社.2007。