课程实践设计报告-网店美工 - 图文

号 课程名称 题 目学 部 专 业 班 级 姓 名 指导教师 S

课 程 设

计 报 告

淘宝美工课程设计 淘宝美工设计与制作 城市学院信息工程学部

2020 年 12 月 20 日

学

网店美工课程设计报告

课程设计评分表

评分标准： 1. 学生是否严格遵守课程设计纪律，按照规定时间完成设计任务(占30%) 2. 课程设计成果：(占50%) (1)是否独立完成课程设计。 (2)课程设计是否完成课程设计任务书指定的全部要求。 (3)课程设计切合主题，所做内容与主题相符。 (4)课程设计富有创意，整体艺术加工效果。 3. 课程设计报告书的撰写(占20%) 课程设计报告书的撰写的质量和规范。 教师评分： 1.学生出勤得分： (优) (良) (中) (及格) (不及格) 2.课程设计得分： (优) (良) (中) (及格) (不及格) 3.课程设计报告得分： (优) (良) (中) (及格) (不及格)

教师评语： 根据该生在课程设计期间，是否严格遵守课程设计纪律，按照规定时间完成设计任务，完成的程序设计的质量与规范，提交的课程设计报告书的质量与规范等多方面的评分，该生本次课程设计的评定成绩为（以优、良、中、及格、不及格评定）：________ 签字： 日期： 2020年 12月24日

网店美工课程设计报告

网店美工课程设计任务书

题目:

网店美工设计与制作

一. 课程设计教学条件要求

课程设计要求学生一人一组，独立完成，机房需要有安装Adobe photoshop、Adobe illustrator等相关图形图像处理软件的计算机提供课程设计使用。

二. 课程设计任务

整体要求：

本课程设计要求自选主题完成一个网店美工的设计内容，首先需要自己选择需要的店铺类别，选择要展示的具体商品，进行策划网店风格和商品展示方式，然后根据需要拍摄商品图片并制作出需要的网店美工设计作品。可以使用互联网的素材和模板，但是要注意素材的使用要和网店风格一致，学会利用多种方式表达网店设计。所制作内容可以参考网络资源或网络模板，但是最终作品必须原创，最后完成课程设计报告书并打印上交。

可选分类： 一、 服装类 二、 箱包类 三、 鞋袜类 四、 化妆品类 五、 文具类 六、 图书类 七、 零食类 八、 手机数码类 制作要求：

1． 只能选择上述的一个大类，选择手头有的实物商品（2件以上）进行拍摄，可以自己

制作简易的拍摄环境，若需要模特展示商品可找同学配合完成拍摄工作，拍照的时候；

2． 需要按照要求设计店铺名称，制作店铺首页的各部分元素（说店标、logo、店招、

导航、优惠券等），首页完整效果图、两件商品的3-4张主图，两件商品的详情页面

网店美工课程设计报告

的完整效果图；

3． 可以根据需要策划店铺活动方案制作页面效果，可以参考网络资源或素材设计； 4． 店铺Logo尺寸170*60，店标尺寸80*80（可静态可动态），店招设计通栏店招

1920*150，设计首页整体效果（可分开部分设计最后拼图宽度为1920，高度根据需要设置，要加上店招和菜单的部分，根据需要设计整个首页的完整部分，若自己拍摄素材不够可以下载其他素材完整首页商品，设计合适的营销活动和优惠券内容展示活动方案），设计2个自拍摄商品的商品主图各3-4张，并设计2个商品的详情页面（最后拼接图宽度为750，高度根据需要设计），要求自己抠图完成详情页面的各种设计内容，要求包括商品详情页面的各模块（商品展示、商品细节、商品规格和尺寸、搭配展示、包装展示、促销活动、会员模块、质量保障、买家须知等必须环节）。

上交要求：

1． 要求提交完整的拍照源文件及所有使用的素材

2． 要求上交所有制作完成的psd和jpg格式的图片（logo、店标、通栏店招、首页效

果图的各部分和拼图、商品每一张主图，商品详细页面设计个各个部分和拼图）

三. 课程设计报告书主要内容

1.课程设计的目的

2.课程设计的开发环境和工具 3.课程设计的选择主题及拍摄 4.课程设计的制作步骤 5课程设计效果图展示

四. 课程设计要求

（1）学生按时到课程设计指定地点签到，遵守课程设计纪律。 （2）学生独立完成课程设计任务，按任务书要求完成设计任务。 （3）学生按时提交课程设计成果和打印的课程设计报告书

五．课程设计参考资料

[1] 廖俊 张璐. 淘宝天猫网店美工全能一本通[M].北京：人民邮电出版社，2017.5

[2] 王莎 夏收. 网店美工视觉设计实战教程（全彩微课版 第2版）[M].北京：人民邮电出版

网店美工课程设计报告

社 ，2020.7.

[3] 邓娟 周冰. photoshop基础与实例教程 [M] .西安：西安电子科技大学出版社，2020.4. [4] 闫寒.网店美工与视觉设计[M].北京：人民邮电出版社，2019.1.

指导教师： 2020年12月

网店美工课程设计报告

目录

1.设计目的 ............................................................................................7 2.开发环境和工具 ................................................................................7 3.选择主题及拍摄 ................................................................................7 4.设计与制作步骤 ................................................................................8

4.1logo、店标、店招制作 ............................................................... 8 4.2主图制作 ..................................................................................... 9 4.3首页分步制作 ............................................................................. 9 4.4商品详细页面分步制作 ........................................................... 10

5.效果图展示 ...................................................................................... 11

5.1logo、店标、店招效果图 ......................................................... 11 5.2商品1主图 ............................................................................... 11 5.3商品2主图 ............................................................................... 12 5.4首页完整效果图 ....................................................................... 12 5.5商品1详细页面效果图 ........................................................... 13 5.6商品2详细页面效果图 ........................................................... 13

6.课程设计总结 ..................................................................................14

网店美工课程设计报告

1.设计目的

网店美工课程设计是学习了网店美工课程教学后，为加强对网店美工的应用能力的重要实践性环节，目的是进一步让学生通过实践从拍照到美工制作的每一个过程，熟练掌握图形图像处理技术的使用和在网店设计过程中的实际应用以达到加深、巩固所学课程的相关知识、培养学生综合设计的能力、参阅和参考各种资料的能力，达到灵活运用各种特效功能与技巧进行设计与创作，全面综合的提高学生利用各种手段进行网店设计的能力。

2.开发环境和工具

（1）硬件平台

处理器：2.0GHz 或更快的处理器 内存：至少1GB—2GB 硬盘空间：最少需要9.1GB

显卡：16 位或更高的显卡，GPU加速、显存不应少于64MB 网络：具有Internet 连接 （2）软件平台：

操作系统：Windows XP （Service Pack 3）/ Windows 7 分辨率：至少1024×768，推荐1280×900或更高。 软件环境：Adobe photoshop、Adobe illustrator

3.选择主题及拍摄

主题：数码产品类

主题介绍：我选择的主题是数码产品类，主要拍摄的素材是罗技G502游戏鼠标和佳能数码相机，这两个产品都是从不同角度拍摄的，首页主要放了这两个产品和优惠券，其次分别给这两本书做了详情页，通过一些细节的展示把这两个产

网店美工课程设计报告

品介绍的比较清楚，也分别保留了素材和图片格式JPG和PSD。

4.设计与制作步骤

4.1logo、店标、店招制作

1.Logo:创建一个170*60的画布，插入罗技的logo和标志，最后调整图标位置完成制作

2.店标：创建一个700*700像素的画布，插入罗技的标志，调整图标大小和位置完成制作

3店招：设置一个矩形和一个不规则图形同时添加背景，插入所以商品图形和店铺logo，添加所有字样完成制作

网店美工课程设计报告

4.2主图制作

主图制作：设置图形并添加背景颜色，添加所有字样，最后插入并调整商品图完成制作

主图制作2：创建画布加上背景颜色，加上主图素材和文字，再创建矩形加上商品logo和商品的描述文字，调整商品完成制作。

4.3首页分步制作

创建一个1920*2000的画布，在首页的最顶端插入店招图片并调整好位置

网店美工课程设计报告

创建矩形并调整背景颜色为黑色，加上白色的导航字体。再创建一个黑色背景矩形加上优惠券。创建不同背景颜色的矩形填上商品的文案和活动描述，最后加上一个灰色的背景和商品的图片，调整位置和字体大小颜色，完成

4.4商品详细页面分步制作

设置背景，制作所有需要的图形，添加所有字样，插入商品图片

网店美工课程设计报告

5.效果图展示

5.1logo、店标、店招效果图

Logo：

店标：

店招：

5.2商品1主图

网店美工课程设计报告

5.3商品2主图

5.4首页完整效果图

网店美工课程设计报告

5.5商品1详细页面效果图

5.6商品2详细页面效果图

网店美工课程设计报告

6.课程设计总结

本次课程设计店铺名称、制作店铺首页、策划店铺活动方案和制作页面效果。从最开始的选商品，给商品拍照片、构思、设计店铺名称、制作首页等等到现在已全部完成，虽然过程中遇到很多不同的困难，但都得到了解决。

由于是第一次学习美工课程，老师刚开始上课时有很多东西都不懂，什么都不会也不懂，但后来慢慢的通过听课、作图、制作懂得了怎么操作。每次面对不懂得问题就问同学，同学也是不厌其烦的替我解答，教我操作。让我也在深入其中获得了很多乐趣。

经过了一个学期的学习也让我对美工这门课程及工作有了一定的了解及认识，图片好坏的意义之大。之后会更加努力的学习和实践。

首先，对ps软件中部分工具运用不是很熟练，比如通道工具，当发现存在对工具的使用不是很熟练时及时请教同学帮忙解决这个问题，实训是我们发现问题和解决问题的机会，通过这次实训我也认识到了自己的不足，并且有及时去解决；

其次，面对突发事件的应对能力还不够，需要多多学习及改正，如当同学叫我去帮忙处理一下详情页中部分空缺位置时，上半部分怎么与下半部分连接起来，当时有点不知道怎么弄，但是在同学和自己的鼓励下顿时找到了解决办法。

然后，在这次实训中我们对店铺的logo、店招、店标以及首页和详情页进行了制作，在这个过程中我发现自己最吃力的部分不是首页和详情页，而是logo、店标等一些小细节的制作和处理。这些部分花时间也比较多，在这部分的制作中我参考了以前的一些视频还有教材来完成，通过这次问题的发现我深知自己以后在设计方面的着重点是什么，多加练习，掌握技术。