网店美工 -教学大纲


2023年12月15日发(作者:冰箱冷冻室不制冷了怎么回事)

《网店美工(第3版)》

教学大纲

一、课程信息

课程名称:网店美工

课程类别:专业核心课

课程性质:必修

计划学时:49

计划学分:3

先修课程:无

选用教材:《网店美工(第3版 全彩微课版)》,段建 张瀛 张磊主编,2021年;人民邮电出版社出版教材

适用专业:本书可作为高等院校、职业院校电子商务及其他相关专业的教学用书。

课程负责人:

二、课程简介

本课程以精彩的课堂案例为主导,循序渐进地引领学生熟练掌握网店美工设计相关技能,内容包括:网店装修美工设计快速入门,网店装修四大要点,网店装修六大技能,店标与店招设计,首焦轮播区和商品陈列区设计,服饰网店与箱包网店首页设计,商品详情页设计,商品短视频制作,移动端网店装修美工设计,以及移动端网店首页与详情页装修设计等。

本课程特别注重设计方法和实操技巧的归纳总结,在网店美工设计知识点和实操案例的讲解过程中穿插了软件操作,让“学以致用”这一教学思想得以实现,使学生能够在实践中深入掌握所学知识。

三、课程教学要求

序号 专业毕业要求 课程教学要求

掌握网店装修美工设计的入门知识、网店装修的四大要点(图片、配色、布局与文字)、网店装修的技能;学会设计关联程度

1 工程知识

店标和店招、首焦轮播区和商品陈列区、网店首页、商品详情页;学会制作商品短视频;掌握移动端网店的装修美工设计与首页、详情页装修设计

H

2 问题分析

发现网店美工设计中存在的问题,寻找出现问题的原因

提高图像处理、选区创建和编辑、图层高级应用、图像色H

3 设计/开发解决方案

调和色彩调整、图像修复修饰和绘制、创建和应用路径、创建和应用蒙版和通道、创建与应用文字、滤镜应用的能力;提高使用会声会影进行视频编辑的能力

1

H

4

5

6

7

8

9

研究

使用现代工具

工程与社会

Photoshop、会声会影、智能手机、电商平台

优化网店装修和美工,可以提升电商平台的转化率和成交率,不仅繁荣了电商市场,同时也提升了电子商务行业的整体审美水平

H

H

H

环境和可持续发展

职业规范

个人和团队

培养认真、谨慎的职业精神;不断提升Photoshop和会声会影的使用熟练度

与同学、老师沟通网店美工中的重点学习内容,询问改善10 沟通

自身薄弱部分的方法;收集从网络中看到的网店美工设计作品,与同学讨论、分析其优缺点

H

11 项目管理

随着Photoshop和会声会影的更新升级,不断学习其新增功

12 终身学习

能,同时深化练习其常用功能,使个人的软件应用能力和熟练度不断加强;学习其他图像处理软件和视频编辑软件的使用方法,如Premiere等

H

注:“课程教学要求”栏中内容为针对该课程适用专业的专业毕业要求与相关教学要求的具体描述。“关联程度”栏中字母表示两者关联程度。关联程度按高关联、中关联、低关联三档分别表示为“H”“M”或“L”。“课程教学要求”及“关联程度”中的空白栏表示该课程与所对应的专业毕业要求条目不相关。

四、课程教学内容

章节 名称 主要内容 重难点关键词

网店装修;转化率;装修风格;网店调性;配色方案;闪图;特效;添加音乐;控制视频时长

商品图片;修饰素材;同一色相配色;类似色相配色;相反色相配色;渐变效果配色;重色调配色;色彩搭配;页面布局;中间对齐;对角线排列;棋盘式;左对齐;对称型;段落文字排列方式;文字造型;连笔;省略;装饰;营造特定氛围

学时 类型

1

● 初步了解网店装修

网店装修美工● 网店装修的风格

设计快速入门

● 网店装修中需要注意的问题

3 理论

2

网店装修四大要点:图片、配色、布局与

文字

● 准备图片素材

● 网店色彩搭配

● 不拘一格的页面布局

● 准确、抢眼的文字

4 理论

3

网店装修六大● 裁图——纠正商品图2

裁图;校正;裁剪工具;“裁6 理论+

技能 片角度

● 抠图——选取商品替换背景

● 修图——完美展现商品细节

● 调色——校正有色差的商品图片

● 编辑——美化与修饰商品图像

● 文字——商品信息辅助说明

剪”命令;抠图;快速选择工具;魔棒工具;矩形选框工具;椭圆选框工具;多边形套索工具;磁性套索工具;钢笔工具;通道;“色彩范围”命令;“调整边缘”命令;修图;去除水印;仿制图章工具;修补工具;修复画笔工具;祛斑;磨皮;瘦身;锐化商品图像;调色;二次曝光;调整曲线;校正白平衡;调整色调;图层样式;图层混合模式;蒙版;GIF动态闪图;添加文字;艺术化设计;艺术化编排

操作

4

● 网店店标的设计

● 课堂案例:水果网店店标设计

● 了解网店店招与导航

店标与店招设计

● 课堂案例:母婴网店店招与导航设计

● 综合实训

● 技能拓展

● 首焦轮播区及其设计思路

● 课堂案例:节日主题的首焦轮播区设计

首焦轮播区和商● 商品陈列区视觉设计

品陈列区设计

● 课堂案例:当季热卖商品陈列区设计

● 综合实训

● 技能拓展

中文文字型店标;非中文型店标;图文结合型店标;柔美型店标;阳刚型店标;可爱型店标;店招;导航;网店Logo;网店名称;广告语;广告商品;布局;“通栏”模块

首焦轮播区;文字表现形式;营造氛围;表现商品形象;艺术化编排;辅助修饰;设置图层混合模式;商品陈列区;营造视觉动线;F形浏览模式;商品布局艺术化;方块式布局;折线型布局;随意型布局;色彩搭配;画面设计感;剪贴蒙版;轮播图

布局规划;马卡龙色调;色彩搭配;文字分布;页面布5

理论+操作

5 5

理论+操作

6

首页设计——服饰网店

● 课堂案例:甜美女装网店首页设计

● 课堂案例:可爱童装网店首页设计

● 综合实训

局;添加图层样式;创建剪贴蒙版;应用“高斯模糊”滤镜;添加投影效果;绘制形状;制作优惠券;制作商品分类区域;制作新品标题;制作导航;制作轮播海报;创建图层组

4

理论+操作

7

首页设计——箱包网店

● 课堂案例:时尚拉杆箱网店首页设计

● 课堂案例:女式箱包3

制作店标;绘制导航;创建剪贴蒙版;羽化选区;添加投影效果;绘制修饰图形;4

理论+操作

网店首页设计

● 综合实训

添加文字;添加“动感模糊”滤镜;制作优惠券;绘制形状;创建图层组;制作分类信息;添加图层蒙版

8

● 商品详情页及其设计思路

● 课堂案例:零食网店商品详情页设计

商品详情页设计

● 课堂案例:数码网店商品详情页设计

● 综合实训

● 技能拓展

● 商品短视频的作用

● 商品主图视频制作

商品短视频制作

● 商品详情页视频制作

● 综合实训

● 移动端网店页面结构分析

● 移动端网店装修快速入门

● 课堂案例:美妆商品直播秒杀主图设计

商品详情页;添加附加信息;信息摆放顺序;添加投影效果;添加产品信息文字;创建剪贴蒙版;创建图层组;色彩搭配;文字编排;添加“渐变叠加”图层样式;添加图层蒙版;调整亮度/对比度

主图视频;会声会影;导入视频素材;修整素材;添加字幕;导出视频;转换视频文件;详情页视频;添加滤镜效果;添加转场效果;制作运动追踪动画;添加音效

页面框架结构;发布尺寸要求;设计风格;设计方式;色彩设计;设置图层混合模式;添加图层样式;创建剪贴蒙版;添加图层蒙版;添加促销文案;绘制修饰形状

店招底图设计;轮播图片设计;优惠券设计;商品分类5

理论+操作

9 5

理论+操作

10

移动端网店装修美工设计

3

理论+操作

11

移动端网店首页与详情页装修设计

● 移动端网店首页装修设计

● 移动端网店详情页装修设计

● 课堂案例:女装网店年中盛典首页设计

导航设计;商品分类展示设计;FABE原则;真实感;逻辑感;亲切感;对话感;氛围感;正规感;突出商品信息;添加图层样式;绘制形状;添加投影效果;制作优惠券;添加图层蒙版;创建剪贴蒙版;制作热卖商品区

5

理论+操作

五、考核要求及成绩评定

序号 成绩类别

1

2

3

期末成绩

平时成绩

考核方式

期末考试

实战训练

平时表现

考核要求 权重(%)

大作业

10次

出勤情况

50

40

10

备注

百分制,60分为及格

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

两次未参加课程则无法获得学分

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

4

六、学生学习建议

(一)学习方法建议

1.理论配合实战训练进行学习,提高学生在网店美工设计方面的各种能力。

2.可以帮助有网店美工设计需求的店铺设计商品图片和视频,以此提高Photoshop和会声会影的应用能力。

3.培养、提升学生的电子商务运营能力。

(二)学生课外阅读参考资料

《Photoshop网店美工实例教程(第2版 全彩微课版)》,杭俊 王晓亮编著,2020年;人民邮电出版社出版;《电子商务视觉设计(第2版 视频指导版)》,童海君、蔡颖编著,2022年;人民邮电出版社出版。

七、课程改革与建设

本课程以大量网店美工设计实战案例为主导,涵盖店标、店招、首焦轮播区、商品陈列区、首页、商品详情页、商品主图视频、商品详情页视频、直播秒杀主图、移动端网店首页与详情页等网店美工设计实操案例,并给出详细的设计思路和操作步骤,通过“设计理念”“技术要点”“实操演练”等环节对案例进行专业的剖析与讲解,简单易学。

本课程提供了丰富的教学配套资源,其中包括PPT、视频、案例素材、教案、教学大纲、习题答案等。选书老师可以登录人邮教育社区()下载相关教学资源。

平时对学生的考核内容包括出勤情况、在线学习习题完成情况、课堂讨论等方面,占期末总评的50%。期末考试成绩占期末总评的50%。

制订人

签字

教研室主任签字

修订时间:

院部负责人

签字

年 月

5