《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》
教学教案
第1章
课时内容 网店美工初体验 授课时间 90分钟 课时 2 ? 了解网店美工的基础知识。 教学目标 ? 熟悉网店美工工作流程。 ? 课堂实训。 教学重点 ? 掌握网店美工的基础知识。 ? 掌握网店美工工作流程。 ? 掌握网店美工的工作范畴。 教学难点 ? 掌握网店美工需要遵循的设计原则。 ? 掌握网店美工工作流程。 1、 教学思路：（1）主要讲解网店美工的定义、工作范畴及需要遵循的设计原则等知识点；（2）主要讲解网店美工工作流程，包括素材搜集与整合、处理与设计、页面设计与制作、图片切片与管理、网店的装修等知识点。 教学设计 2、 教学手段：通过理论知识带图例的方式，让学生加深理论知识理解的同时，掌握其设计方法。 3、 教学资料及要求：除教材中讲解的知识外，可在网络中查看更多成功案例，以供参考。 教学内容 知识回顾：下面首先讲解网店美工，以及网店美工工作流程。 讨论问题：1、你知道网店美工的主要工作范畴有哪些方面？ 2、你知道一个优秀的网店美工，在进行网店页面设计前，首先要做什么工作？ 内容大纲：具体可结合本章的PPT课件进行配合讲解。 1.1 了解网店美工 1.1.1 网店美工的定义 1.1.2 网店美工的工作范畴 1.1.3 网店美工需要遵循的设计原则 1.2 熟悉网店美工工作流程 1.2.1 素材搜集与整合 1.2.2 处理与设计 1.2.3 页面设计与制作 1.2.4 图片切片与管理 1.2.5 网店的装修 1.3 课堂实训——分析Wanlima网店首页的设计 1.4 课后练习——赏析ESEDO网店首页的设计 1.5 拓展知识 小结 1、 掌握网店美工的工作范畴。 2、 掌握网店美工需要遵循的设计原则。 3、 掌握网店美工工作流程。 课后练习——赏析ESEDO网店首页的设计 本练习要求以如图所示的网店首页为例，赏析其页面风格、色彩搭配、商品图片展现、设计手法等。 课后练习 第2章
课时内容 网店美工设计要领 授课时间 180分钟 课时 4 ? ? 教学目标 ? ? ? ? ? 教学重点 ? ? ? ? 教学难点 ? ? 熟悉色彩的相关知识。 掌握版式布局的相关知识。 掌握文字的相关知识。 掌握文案的相关知识。 课堂实训。 掌握色彩的搭配技巧。 掌握版式布局的知识。 掌握文字的运用原则。 掌握文案设计与编写。 掌握色彩的搭配技巧。 掌握版式布局的知识。 掌握文字的运用原则。 掌握文案设计与编写。 教学设计 1、 教学思路：（1）讲解色彩的知识，包括色彩的构成、搭配原理、色彩对比及搭配技巧；（2）通过讲解3大基本构图元素、页面布局的基本原则、常见构图方式等知识的讲解，让学生掌握合理的版式布局；（3）讲解文字运用原则、字体、对比技巧和布局技巧等；（4）讲解文案的重要性、文案的策划、文案的前期准备和文案的写作要点等知识。 2、 教学手段：通过理论带图例的方式，让学生加深理论知识理解的同时，掌握其操作方法。 3、 教学资料及要求：除教材中讲解的知识，可以在网络中查看更多成功案例，以供参考。 教学内容 知识回顾：前面讲解了网店美工的基础知识与网店美工工作流程，下面介绍网店美工设计要领。 讨论问题：1、说说色彩对商品图片的影响有哪些？ 2、什么样的商品图片可以提高消费者的兴趣？ 内容大纲：具体可结合本章的PPT课件进行配合讲解。 2.1 色彩 2.1.1 构成色彩的3要素——色相、明度、纯度 2.1.2 色彩搭配的原理 2.1.3 色彩的对比 2.1.4 色彩的搭配技巧 2.2 版式布局 2.2.1 认识3大基本构图元素 2.2.2 页面布局的基本原则 2.2.3 常见构图方式 2.3 文字 2.3.1 文字的运用原则 2.3.2 文字的字体 2.3.3 文字的对比技巧 2.4 文案 2.4.1 文案在网店美工中的重要性 2.4.2 文案的策划 2.4.3 文案的前期准备 2.4.4 文案的写作要点 2.4.5 主图文案的设计与编写 2.4.6 详情页文案的设计与编写 2.4.7 海报文案的设计与编写 2.5 课堂实训——鉴赏森林大叔旗舰店的首页 2.6 课后练习 练习1：赏析戈美琪女鞋旗舰店色彩搭配和字体搭配 练习2：赏析森马官方旗舰店首页的布局 2.7 拓展知识 1、 掌握色彩的搭配技巧。 2、 掌握版式布局的知识。 3、 掌握文字的运用原则。 4、 掌握文案设计与编写。 练习1：赏析戈美琪女鞋旗舰店色彩搭配和字体搭配 如图所示为戈美琪女鞋旗舰店首屏效果，要求对页面的设计元素、色彩搭配与字体搭配进行分析。 小结 课后练习 练习2：赏析森马官方旗舰店首页的布局 如图所示为森马官方旗舰店首页，要求对首页的颜色、风格、搭配、构图方式、网页元素等进行分析。
《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》—教学教案
