2024年5月10日发(作者：)

《网店美工视觉设计实战教程（全彩微

课版 第 3 版）》

教学大纲

一、课程信息

课程名称：网店美工视觉设计

课程类别：素质选修课/专业基础课

课程性质：选修/必修

计划学时：30

计划学分：2

先修课程：无

选用教材：《网店美工视觉设计实战教程（全彩微课版 第 3 版）》， 2023年；人民邮

电出版社出版教材；

适用专业：视觉传达设计、平面设计、数字媒体制作、电子商务等专业。

课程负责人：

二、课程简介

随着电子商务的迅速发展，网上购物日益火爆，各类网店如雨后春笋般涌现。卖家要想

在众多网店中脱颖而出，吸引消费者浏览并刺激消费者产生购买行为，网店的页面设计就显

得至关重要。本课程从网店美工岗位的职责入手，先介绍网店美工的基础知识，然后讲解简

单修图和商品主图的制作过程，接着讲解PC端和移动端店铺的装修方法，最后以综合案例

巩固知识。

通过本课程的学习，使学生具备一定的审美能力和图像处理能力，掌握店铺的装修方法，

从而可以独立完成网店的设计与制作。

三、课程教学要求

序号

1

2

专业毕业要求

工程知识

问题分析

课程教学要求

掌握网店美工视觉设计相关知识和基本技能，能够完成

店铺页面设计和店铺装修操作

能够结合店铺各模块的设计要求，设计符合需求的网店

页面

关联程度

H

3

4

5

6

能够针对店铺风格，设计出符合要求的装修方案，并能

设计/开发解决方案 够在设计环节中体现出创新意识，同时考虑社会环境、

文化等因素

研究

使用现代工具

工程与社会

Photoshop

H

M

L

7

8

9

10

11

12

环境和可持续发展

职业规范

个人和团队

沟通

项目管理

终身学习

培养网店美工职业道德，遵守宣传规范和理念

课后练习可以分组讨论，分担任务，学习配合

通过小组发言、提交报告增强语言与文字沟通能力

多关注一些设计类的网站、公众号等，提高审美和创新

能力，以便创作出更出色的作品

L

H

H

H

注：“课程教学要求”栏中内容为针对该课程适用专业的专业毕业要求与相关教学要求的具

体描述。“关联程度”栏中字母表示二者关联程度。关联程度按高关联、中关联、低关联三

档分别表示为“H”“M”或“L”。“课程教学要求”及“关联程度”中的空白栏表示该课程

与所对应的专业毕业要求条目不相关。

四、课程教学内容

章节 名称 主要内容

网店美工概述

一

网店美工网店美工视觉设计基础

基础知识

Photoshop 的基本操作

利用Photoshop抠图

色彩搭配、图形排版、

4

文字布局、抠图

重难点关键词 学时 类型

理论

+上

机

二

了解图片调色

图片调色 处理曝光不足或曝光过度的图片

图片调色

使用“亮度与对比度”

命令、“曲线”命令、

“阴影/高光”命令、

“色彩平衡”命令、3

“匹配颜色”命令、

“替换颜色”命令调

整图片色彩

去除图片中的污点和

多余物体

为人物瘦身 4

添加文本和形状图案

添加图层样式

制作店招、海报、优

3

惠券、促销区等模块

同上

三

图片修饰

图片修饰 丰富图片内容

添加图片特效

店招设计

轮播海报设计

优惠券设计

商品促销区设计

同上

四

店铺首页

核心模块

设计

同上

五

商品详情

页视觉设

计

商品详情页设计要点

商品详情页设计

制作焦点图、卖点说

明图、信息展示图

上传图片

模块装修

热区+源代码装修

2 同上

六

使用素材中心

装修店铺

装修店铺

主图设计与制作

推广图与

引力魔方图设计与制作

视频的设

直通车推广图设计与制作

计与制作

商品视频设计与制作

移动端店铺首页设计基础

移动端店

移动端店铺首页设计

铺视觉设

移动端商品详情页设计

计与装修

移动端店铺装修

综合案例

——糕点

店铺视觉

设计

美化糕点商品图像

设计糕点店铺首页

设计糕点店铺商品详情页

设计糕点店铺推广图

2 同上

七

主图、引力魔方图、

直通车推广图的制作 4

主图视频的制作

制作移动端店铺首

页、详情页

装修移动端店铺首页

和详情页

制作蛋糕店铺首页、

详情页、推广图

同上

八 4 同上

九 4 同上

五、考核要求及成绩评定

序号 成绩类别 考核方式 考核要求 权重（%）

1

2

3

期末成绩 期末考试

平时成绩

实战训练

大作业

10次

50

40

10

备注

百分制，60分为及格

优、良、中、及格、不及格

2次未参加课程则无法获得学分 平时表现 出勤情况

注：此表中内容为该课程的全部考核方式及其相关信息。

六、学生学习建议

（一）学习方法建议

1. 将软件的使用知识和网店美工的工作内容有机结合，使学生在学习软件的同时掌握

网店美工的工作技能；

2. 采用多媒体教学，进行案例的演示和学习；

3.在条件允许的情况下，可以申请一个网店，进行深入学习；

（二）学生课外阅读参考资料

《Photoshop网店美工实战教程（全彩微课版）》，侯小丽 伍博编著，2022年，人民邮

电出版社合作出版教材

七、课程改革与建设

本课程为高等院校“十三五”电子商务系列规划教材，采用“基础知识掌握+案列讲解+

实战演练”的结构进行编写，理论联系实际，便于读者快速掌握网店美工的工作技能。相对

于过去以基础知识为主的方式，改革后更注重实际操作的学习，通过更多案列，让学员学习

到更实用的知识，同时随着各类购物平台成熟发展还新增了添加热区等内容。

平时对学生的考核内容包括出勤情况、在线学习习题完成情况、课堂讨论等方面，占期

末总评的50%。期末考试成绩占期末总评的50%。

制订人

签字：

教研室主任

签字：

修订时间：

院部负责人

签字：

年 月 日