电子商务专业美工毕业设计文论

　 毕业设计

　题

　目：

　深夜美食网店美工整体设计

　 院

　系：

　大数据与电子商务系

　 专

　业：

　 电子商务

　班

　级：

　 2018 电子商务(3)班

　学

　号：

　201601030125

　 学生姓名：

　何密海

　 指导老师：

　吴翊

　2 20 020 年 年 7 7 月 月 6 6 日

　黔南民族职业技术学院大数据与电子商务系毕业设计

　I

　 诚

　信

　承

　诺

　 我谨在此承诺：本人的毕业设计《深夜美食网店美工整体设计》均系本人独立完成，没有抄袭行为，凡涉及其他作者的观点和材料，均作了注释，若有不实，后果由本人承担。

　承诺人（签名）：

　年

　月

　日

　深夜美食网店美工整体设计

　II 摘要 在互联网时代，电子商务是不可缺少的重要组成部分，因为它能带来巨大的经济利润，促进行业的蓬勃发展，所以有很多的传统企业转变了经营理念与营销策略，以获取新的商业商机与发展。

　本文以“深夜美食网站”为对象进行设计，对该网店进行美工设计，并进行店铺装修，装修内容主要包括店铺首页、产品主图以及详情页设计，其中首页装修包括店招、轮播海报、产品陈列设计。通过对店铺的整体装修，使店铺装修设计更加具有视觉冲击力,能够牢牢地吸引住客户的目光，引导消费者购买，从而提升流量和销量。

　关键词 ：美工设计；店铺装修；首页设计；主图设计；详情页设计

　黔南民族职业技术学院大数据与电子商务系毕业设计

　III 目

　录

　摘要 ................................................................................................................................................................... II 目 录 ............................................................................................................................................................. III 第一章 设计说明与装修前准备 ..................................................................................................................... 1 1.1 网店设计装修背景 ........................................................................................................................... 1 1.2 网店装修的作用 ............................................................................................................................... 1 1.3 店铺装修的风格 ............................................................................................................................... 1 1.4 店铺素材来源 ................................................................................................................................... 1 第二章 美工的岗位要求 ................................................................................................................................. 2 2.1 设计美工的岗位职责 ....................................................................................................................... 2 2.2 美工岗位的常见问题 ....................................................................................................................... 2 2.3 美工薪资待遇 ................................................................................................................................... 2 第三章 PC 端店铺设计介绍 ............................................................................................................................ 3 3.1 首页设计 ............................................................................................................................................ 3 3.1.1 店标设计 ................................................................................................................................ 3 3.1.2 店招与导航设计 .................................................................................................................... 3 3.1.3 轮播海报焦点图设计 ............................................................................................................ 3 3.1.4 产品陈列设计 ........................................................................................................................ 3 3.1.5 店铺尾部 ................................................................................................................................ 3 3.2 主图设计 ............................................................................................................................................ 3 3.2.1 主图设计的重要性 ................................................................................................................ 3 3.2.2 产品主图设计要求 ................................................................................................................ 3 3.2.3 主图设计与制作 .................................................................................................................... 3 3.3 详情页设计 ........................................................................................................................................ 3 3.3.1 产品详情页设计的作用 ........................................................................................................ 3 3.3.2 产品详情页设计要求 ............................................................................................................ 3 3.3.3 产品详情页设计与制作 ........................................................................................................ 3 第四章 手机端店铺设计 ................................................................................................................................. 4 4.1 轮播海报焦点图设计 ........................................................................................................................ 4 4.2 陈列图设计 ........................................................................................................................................ 4 4.3 店铺尾部设计 .................................................................................................................................... 4 第五章

　总结与展望 ....................................................................................................................................... 5 参考文献 ........................................................................................................................................................... 5 致谢 ................................................................................................................................................................... 5

　黔南民族职业技术学院大数据与电子商务系毕业设计

　1 第一章

　设计说明与装修前准备

　1.1 网店设计装修 背景

　随着电子商务时代的到来，多数企业向着电商化发展，而购物群体则更倾向个性化消费，在这种电子商务化的背景下，传统的购物方式已经暴露出他的局限性，他已经不能适应当下时代的要求。而且随着互联网的普及，企业竞争更加的激烈，所以为了脱颖而出，我们要紧跟电子商务时代的步伐。淘宝店铺装修可以有效的美化店铺形象，提高店铺知名度、买家的购买欲和回头率，以此博得更好的销售量。店铺装修设计能够全面展现店铺风格，有效增加顾客对店铺的信心，获得更好的转化率。

　人在疫情期间，在当地荔波金荔百香果公司上班，主要运用所学的相关知识以及实习所积累的实战经验，来进行“深夜美食”淘宝店铺的店铺装修设计。

　1.2 网店装修的作用

　如今电子商务行业竞争越来越大，在越来越多的同行的出现，想要在人群中脱颖而出实在是不易。至关重要的就是店铺“门面”的装修了，买家往往只能够通过网店的图文信息来了解产品内容。

　好的装修能够吸引买家驻足，吸引顾客进一步了解产品。淘宝店铺的首页就相当于是一个门面，人家都是看了主页才有了第一映像，所以首页一定要做的引人注目，不比过于高调，简约大气即可。

　1.3 店铺装修的风格

　店铺装修首先要确定店铺的整体风格，根据产品对买家的定位，走什么样的路线就要设定什么样的装修风格，否则就会显得不伦不类。在设计的时候，首页和详情页也要保持相同的风格，这样才会统一不失格调。我采用的是首页轮播广告业的设计，黑白灰为主色调，也符合我的本身的品味喜欢简约的东西，构上也是以简单为主，使顾客用起来方便快捷。我制作的淘宝店铺叫做——“深夜美食”，主营类目为“美食调料”。整个风格以暗色为主，大气简约而不失格调。目标人群为在美食爱好者。

　1.2 店铺素材来源

　阿里巴巴供货商提供、摄图网、花瓣网。

　深夜美食网店美工整体设计

　2 第 二 章

　美工的岗位要求

　2 2 .1 设计美工的岗位职责

　1、对店面产品进行宣传设计。

　2、配合公司安排，设计活动海报。

　3、负责运营店铺产品的摆设与管理。

　4、熟悉掌握设计软件，努力提高工作能力。

　5、搜集素材，进行处理。

　6、积极完成上级临时交予的工作任务。

　2 2. .2 2

　美工的岗位常见问题

　我们平时的学习，会让人认为这些理论知识不是很重要，而且在所有的课程中，并不是所有的知识都面面俱到，在我们实习期间，难免会遇到一些有关理论知识的盲点。而我们在校学习期间，会认为教学理论中的很多东西是非常抽象的，有一些知识是很难与实际过程结合的，并且大部分学习的还是理论知识，所以有关实际操作，我们就有待提高。

　在学校我们学到的美工知识大都是有关 PS 软件，在企业里，进行图片处理的时候，用到了很多老师没有涉及过的地方，这也是我们一个学习的地方。

　2 2. .3 3

　美工的岗位常见问题

　据统计，网店美工的工资待遇一般在 4000 元/月左右，部分掌柜还包吃住，再有好的会交 5 险 1 金。有 2 年网店美工经验的人员，底薪通常在 3000-6000 之间。

　一般大城市美工分为初级、中级和高级：

　初级美工，月薪 3000-5000 元，半年淘宝经验; 中级美工，月薪 4000-6000 元，1 年以上美工经验; 高级美工，月薪 5000-8000 元，3 年以上美工经验。

　黔南民族职业技术学院大数据与电子商务系毕业设计

　3 第 三 章

　C PC 端店铺设计介绍

　1 3.1 首页设计

　3 3 .11 .1 店标 设计

　店铺 Logo 我采用的是深黑色背景，字体用字魂 49 号-逍遥行书，填充白色，凸显出店铺名，让消费者影响深刻。店标展示如下。

　图 3-1 店标效果图 2 3.1.2 店招与导航设计

　店招我采用了深黑色作为背景，用画笔画出中间高光，添加背景颗粒杂色，营造深夜的氛围。左边放店铺 logo，右边放上商品美食。

　导航部分，背景深棕色，字体选用思源黑体 CN，右边放上店铺收藏填充白色背景，让消费者注意到。店招展示如下。

　图 3-2 店招效果图

　3 3.1.3 轮播海报焦点图设计

　网店的轮播海报焦点图制作通常是用来传递产品信息，网店的轮播海报焦点图一般 2-3 张作为合适。轮播海报焦点图不仅能推广产品还能美化店铺，一张大气漂亮的海报会吸引顾客去看你推荐的宝贝。通过数据分析，绝大多数网店中交易量最高的产品通常都来自轮播海报焦点图推荐。顾客进入店铺的第一眼看到的就是轮播海报焦点图，漂亮的海报能成功吸引顾客。所以在做轮播海报焦点图的时候一定要注意细节，让店铺显得更专业，增加顾客购买的信心。轮播海报焦点图上的信息一定要做到让顾客看到就能吸引顾客眼球，让顾客产生购买的欲望。本店做的轮播海报焦点图是要移动端实现全

　深夜美食网店美工整体设计

　4 屏轮播的效果，在淘宝店中全屏轮播海报焦点图宽度是 1920px，高度虽然没有固定的大小，但是也不能随便做，一般做的高度刚好是电脑显示屏全屏的效果最为合适，不宜过大也不宜过小，本店做的轮播海报焦点图大小为 1920px×640px，高度刚好能在大多数显示器中展现。海报展示如下。

　图 3-3 轮播海报焦点图

　图 3-4 轮播海报焦点图

　图 3-5 轮播海报焦点图

　黔南民族职业技术学院大数据与电子商务系毕业设计

　5 3 3. . 1.4 4 产品 层 列设计

　本店层列图分成五个专区，第一个活动收藏关注店长有礼品赠送，第二个专区选项，买家进到店内，选择适合专区进入。第三个产品一，实拍图、产品、活动和价格，让消费者知道这款调料可以做出和实拍图一样的美食。第四个产品二，实拍图、产品、活动和价格结合，让消费者知道这款调料可以做出和实拍图一样的美食。下面一张同样如此，层列图展示如下。

　 图 3-6 产品陈列图

　深夜美食网店美工整体设计

　6 3 3. .5 1.5 店铺尾部

　店铺尾部背景填充黑色，中间加高光。文字活动说明、七天无理由退款、产品严格筛选、产品实拍。

　图 3-7 店铺尾部

　 2 3.2 主图设计

　1 3.2.1 主图设计的重要性

　在网店购物中，当消费者在淘宝购物时会输入关键词搜索，这时页面跳转看到的是主图，由你的主图吸引住顾客，顾客接下来是否点击你的主图进入你的淘宝店铺，关键点除了你的店铺自身排名之外，你的主图是否成功吸引住顾客。还看你主图的制作，好的主图能成功吸引顾客，才能提高店铺点击率和曝光率。从而你的店铺才会受消费者关注，从而店铺产品销售量才会提高。

　在网店美工设计中，主图与流量是画等号的，主图页面就等于流量，一张好的主图能够吸引大量的消费者。

　3.22 .2 产品主图设计要求

　在淘宝网店产品主图设计中，设计角度要站在消费者角度去思考设计。这就要了解本店产品市场，调查消费者对本店产品需求，清楚消费者最想了解本店产品哪些信息，然后在消费者角度结合产品特点设计主图。很好设计出产品主要卖点，产品主要内容。干净整洁的主图才能吸引消费者点击，才能激起消费者购买愿望，从而达到销售产品的目的。

　3 3.2.3 主图设计与制作

　好的主图决定了自然搜索下顾客会不会点击你的产品，要先有点击后再转化，这就是产品主图设

　黔南民族职业技术学院大数据与电子商务系毕业设计

　7 计的要求，主图的第一张图为首图，因为首图是在自然搜索页面出现的图片，然后在规则的范围内，同时有点击的欲望需求。

　主要突出产品的卖点与特点，设计出来的产品要吸引客户，将他们引进店铺看我们的产品，做到让客户进来之后，就不想离开，让客户下单购买，主图展示如下。

　图 3-8 新奥尔良腌料主图

　深夜美食网店美工整体设计

　8 3 3.3 详情页设计

　1 3.3.1 产品详情页设计的作用

　详情页是整个店铺聚焦点，是每个消费者购买产品前必须要看的关键地方，消费者能进店浏览产品详情页说明对本店商品产生购买欲望，所以详情页的制作更不能随意，反而要更加花心思，有的网店只是想到美化页面，完成产品信息和产品参数等。其实不是这样，如果制作产品详情页不重视的话，产品转化率就会很低，销售量也会大大降低。所以在制作商品详情页是不但要做到非常重视还要精心设计，详细介绍产品。商品详情页他是提高转化率的入口，激发客户的购买欲望，树立客户对店铺的信任感，打消客户的疑虑，最终目的是促使客户下单。

　2 3.3.2 产品详情页设计要求

　在设计商品详情页之前，要对商品进行分析，设计时文案不宜过长，设计风格理念要突出。促销理由、促销政策要清楚。产品信息要全面，产品卖点要鲜明，产品展示要注重样式，。细节要清楚，细节做好了可以让消费者买得放心。做到人无我有、人有我优，通过和自己的竞争对手比较，哪些卖点是别的商家没有的，我要把它做上去，哪些卖点是别的商家有的，我要做得比他优秀，通过不断地优化，才能提高转化率。

　3 3. . 3.3 3 产品详情页设计与制作

　详情页整体布局我分为八个模块来完成：顶部海报、实拍图结合文案、五种口味全家桶、精心挑选原料、小教程、我们有更多用途、最后实拍图。以这样的形式进行排列，以下详情页展示。

　黔南民族职业技术学院大数据与电子商务系毕业设计

　9

　 图 3-9 详情页展示图

　深夜美食网店美工整体设计

　10 C 3.4 PC 端装修上传效果

　 图 3-8 新奥尔良腌料主图

　黔南民族职业技术学院大数据与电子商务系毕业设计

　11 第 四 章

　手机端店铺设计

　1 4.1 轮播海报焦点图设计

　图 4-1 详情页展示图

　深夜美食网店美工整体设计

　12 2 4.2 陈列图设计

　 图 4-2 详情页展示图

　黔南民族职业技术学院大数据与电子商务系毕业设计

　13 3 4.3 店铺尾部设计

　图 4-3 详情页展示图

　深夜美食网店美工整体设计

　14 4.4 手机端装修上传效果

　黔南民族职业技术学院大数据与电子商务系毕业设计

　15 第 五章 章

　总结 与展望 毕业设计作为大学学习最后环节，也是大学期间最重要设计。毕业设计是考验我们在大学两年多时间所学，要求我们熟练掌握，还会融会贯通。在做本次毕业设计期间，我的整体综合能力都到很大锻炼和提升，也学到很多新知识，在对《深夜美食》网店整体设计装修中，让我学习新的美工技术，对 Photoshop 里工具更加熟练，美工设计技术有全面性提升。《深夜美食》网店装修效果良好。在设计论文过程中也是进一步学习，从开始开题报告，开题报告就花了好几天时间，这就是对论文不了解，在老师讲解下慢慢找到毕业设计方向。大学时光如流水，本次毕业设计能顺利完成也离不开我在两年多时间的努力学习和老师教导。

　通过本次毕业设计让我了解很多相关知识。淘宝网店设计装修过程中了解许多淘宝知识，美工设计提升，了解更多设计风格，设计样式，文案设计等，网店首页，详情页，主图等都要精心设计，一点不能马虎。在论文设计方面了解更多网站，更方便查阅资料，了解更多产品信息，进一步了解，才能更好设计论文，更好宣传产品，才能提升销售量。毕业设计过程不是简简单单就能完成的，不是想象的那么简单，而是一个漫长过程，需要我们有坚持不懈精神，需要我们不懈努力。之前总是觉得毕业设计是件很容易事情，但是等我着手开始才发现并不是这样，在老师和同学的细心指导和帮助下才顺利完成。在本次毕业设计中我怕发现自己许多不足之处，相关知识掌握不够熟练，比如 Photoshop工具设用。也让我知道自己对电子和商务营销知识的缺乏不足，还需努力学习提高自己电子商务营销知识。

　通过本次毕业设计让我更加了解自己，学无止尽，今后要更加努力，相信总会成功。

　深夜美食网店美工整体设计

　16 参考文献 [1]林华.设计平面设计 [M] .中南大学广播电视大学出版社.2006 年 [2]何洁.平面广告设计 [M] .中南大学出版社.2005 年 [3]21 世纪工作室.Photoshop 教程 [M] .成都电子科技大学出版社.2007 年 [4]薄玉改，母春航.Illustrator 教程 [M] .北京大学出版社.2007 年 [5]彭则立.设计概论.长沙中南大学出版 [M] .2004 年 [6]申圣日.Photoshop 创意设计的秘密 [M] .中国青年出版社.2012

　 [7]卢坚.淘宝店铺装修与促销设计宝典 [M] .人民邮电出版社.2012 年 [8]淘宝大学.网店美工实操 [M] .电子工业出版社.2013 年 [9]黄钰岚.色彩效应×平面设计 [M] .上海人民美术出版社.201 0 年

　[10]徐令德，张云峰.排版基础知识 [M] .印刷工业出版社.2012 年 [11]虎课网，李老师 2018 年

　 网址：https://huke88.com/person/study/2261257.html [12]翼狐网，陈老师 2019 年

　 网址：https://www.yiihuu.com/ [13]doyoudo 网，小白老师

　2019 年

　 网址：https://www.doyoudo.com/

　黔南民族职业技术学院大数据与电子商务系毕业设计

　17 致谢 从中职到大专这四年多的读书生活在这个季节即将划上一个句号，而于我的人生却只是一个逗号，我将面对又一次征程的开始。四年多的求学生涯在师长、亲友的大力支持下，走得辛苦却也收获满囊，在论文即将完成之际，思绪万千，心情久久不能平静。伟人、名人为我所崇拜，可是我更急切地要把我的敬意和赞美献给一位平凡的人，我的导师。我不是您最出色的学生，而您却是我最尊敬的老师。您治学严谨，学识渊博，思想深邃，视野雄阔，为我营造了一种良好的精神氛围。授人以鱼不如授人以渔，置身其间，耳濡目染，潜移默化，使我不仅接受了全新的思想观念，树立了宏伟的学术目标，领会了基本的思考方式，从论文题目的选定到论文写作的指导经由您悉心的点拨再经思考后的领悟常常让我有“山重水复疑无路柳暗花明又一村”。

　 感谢我的家人，你们永远健康快乐是我最大的心愿。在论文即将完成之际，我的心情无法平静，从开始进入课题到论文的顺利完成，有多少可敬的师长、同学、朋友给了我无言的帮助，在这里请接受我诚挚谢意!

　最后再一次感谢所有在我毕节时给我鼓励的家人，以及在设计中被我引用或参考的论著的作者，谢谢你们。

　黔南民族职业技术学院大数据与电子商务系毕业设计

　1 附录 1、 黔南民族职业技术学院大数据与电子商务系毕业设计开题报告 2、 黔南民族职业技术学院大数据与电子商务系毕业设计指导记录卡 3、 黔南民族职业技术学院大数据与电子商务系毕业设计工作指导卡

　黔南民族职业技术学院大数据与电子商务系毕业设计

　1

推荐访问:文论 毕业设计 美工