《新媒体视觉设计》
课程单元教学设计与实施
（教案）
教师姓名
适用专业
编写时间
填写说明
一、授课教师以课程为单位填写本方案，一门课程由多名教师共同授课且采取集体备课方式的，可以多名教师共同完成一个方案并共同使用；
二、方案填写以教学单元为单位进行，每个教学单元可包含2-8个课时，由授课教师根据教学内容进行单元划分；
三、教学内容发生变化时，应及时更新本方案内容，可全部或部分更新，并在授课学期的第二周将更新后的方案交教学管理部门；
四、本方案以电子版方式存档，教师授课期间可打印相关内容辅助教学。
教学单元划分目录
序号 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 教学单元名称 认识新媒体视觉设计 明确用户需求 分析竞争对手 确定设计风格 完成设计草案 新媒体视觉设计基本原则：统一 新媒体视觉设计基本原则：秩序 新媒体视觉设计基本原则：对比 新媒体视觉设计基本原则：平衡 新媒体视觉设计基本要素：文字 新媒体视觉设计基本要素：图片 新媒体视觉设计基本要素：色彩 新媒体动态设计 新媒体交互设计 公众号纵享惠州设计实战 公众号草莓学堂设计实战 新媒体视觉设计职业规划 课时数 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 授课地点 1.表中课时数总和应与该课程学期教学进度计划一致； 2. 授课地点填写多媒体教室、机房、实训室等。
《新媒体视觉设计》课程单元教学设计与实施（教案）
一、教学设计教学单元名称 授课班级 认识新媒体视觉设计 课时数 授课教师 2 上课地点 教学内容
1.学习新媒体视觉设计的概念、特点； 2.学习新媒体视觉设计师的关键能力。 教学目标知识目标： 1.了解新媒体、视觉设计、新媒体视觉设计的概念； 2.了解新媒体视觉设计的特点。 能力目标： 1.掌握新媒体视觉设计的关键能力。 教学重、难点教学重点： 1.新媒体视觉设计的概念。 教学难点： 1.新媒体视觉设计师的关键能力。 教学准备1.教学PPT； 2.教学案例； 3.让学生搜集新媒体视觉设计案例。
二 、教学实施 教学环节 课前复习 教学内容 教学方法 学生活动 讨论并回答问题 听课并理解 时间分配（分钟） 引入新课 提问：什么是新媒体？ 问题引导法 5 任务1： 新媒体、视觉设计、新媒体视觉设计的概念。 讲授法 15 任务2： 新媒体视觉设计的特点。 分享自己讲授法、案例搜集的案分析法 例 讲授法、演示听课并理法 解 25 任务3: 新媒体视觉设计的关键能力。 30 拓展 内容 视觉设计非常出众的微信公众号品牌介绍。 5 1. 新媒体、视觉设计、新媒体视觉设计的概念。 归纳 2. 新媒体视觉设计的特点。 小结 3. 新媒体视觉设计的关键能力。 1. 在移动媒体、交互媒体、数字媒体上搜集分别符合多元、动态、立体、交互特点的新媒体视觉设计实例，并分析其特点和效果。 2.总结新媒体视觉设计的概念。 作业布置 3.总结新媒体视觉设计的特点。 4.搜集10本你觉得设计优秀的杂志,并分析它们的设计亮点。 5.搜集10个你角色设计优秀的公众号，并分析它们的设计亮点。 后记 5 5
《新媒体视觉设计》课程单元教学设计与实施（教案）
一、教学设计教学单元名称 授课班级 明确用户需求 课时数 授课教师 2 上课地点 教学内容
1.学习新媒体视觉设计分析用户需求，可以明确设计方向。 教学目标知识目标： 1.了解新媒体视觉设计分析用户需求,在此基础上，确定符合目标用户需求; 2. 在明确用户需求时，可以借助 KANO 模型。 能力目标： 1.利用情绪板工具，完成设计草案。 教学重、难点教学重点： 1.新媒体视觉设计中如何分析用户需求。 教学难点： 1.新媒体视觉设计师的关键能力。 教学准备1.教学PPT； 2.教学案例； 3.让学生搜集新媒体视觉设计案例。
二 、教学实施 教学环节 教学内容 教学方法 学生活动 时间分配（分钟） 5 1.新媒体、视觉设计、新媒体视觉设计的概念。 课前复习 2.新媒体视觉设计的特点。 3.新媒体视觉设计的关键能力。 引入新课 提问：应如何开展新媒体视觉设讨论并回问题引导法 计的准备工作？ 答问题 新媒体视觉设计中应如何分析用户需求 听课并理解 5 任务1： 讲授法 15 任务2： KANO 模型的基本概念 讲授法、案例分析法 讲授法、演示法 分享自己搜集的案20 例 听课并理解 30 任务3: 如何借助 KANO 模型 产品服务的质量特性分为五类： 1. 基本(必备)型需求 2. 期望（意愿）型需求 3. 兴奋（魅力）型需求 4. 无差异型需求 5. 反向（逆向）型需求 我们以基础需求为原点，向正面挖掘，以期望需求或者兴奋需求为目标来要求自己，并且尽量规避反向需求，无差异需求的误区。 借助 KANO 模型分析老年新媒体用户的需求。 拓展 内容 5 归纳 小结 5 作业布置 后记
5
《新媒体视觉设计》课程单元教学设计与实施（教案）
一、教学设计教学单元名称 授课班级 分析竞争对手 课时数 授课教师 2 上课地点 教学内容
1.分析竞争对手，可以取长补短，避免同质化。 教学目标知识目标： 1.市场上已有的产品，可以分析相似的设计、相似的产品; 2.在设计理念、色彩、插图、字体、有无动态效果等不同维度寻找差异化。 能力目标： 1.利用差异、提炼，完成设计草案。 教学重、难点教学重点： 1. 新媒体视觉设计中如何分析竞争对手。 教学难点： 1.新媒体视觉设计师的关键能力。 教学准备1.教学PPT； 2.教学案例； 3.让学生搜集新媒体视觉设计案例。
二 、教学实施 教学环节 教学内容 教学方法 学生活动 时间分配（分钟） 5 1.新媒体视觉设计中如何分析用户需求； 课前复习 2.新媒体视觉设计师的关键能力。 引入新课 提问：何为竞品分析？ 问题引导法 讨论并回答问题 听课并理解 5 任务1： 新媒体视觉设计中应如何分析竞争对手 讲授法 15 分享自己利用新榜中的新媒体排行榜同讲授法、案例任务2： 搜集的案20 维度寻找差异化 分析法 例 任务3: 分析排行版中的设计要素 竞品分析，顾名思义就是对竞争对手的产品进行分析，因为产品的内容极其相似，所以如果是市场上已有的产品，就可以分析相似的设计、相似的产品。这里的竞品分析指的是视觉上的竞品分析，竞品分析会使设计方向更有理论依据、不偏不倚。 分析竞争对手，可以取长补短，避免同质化。 利用新榜中的新媒体排行榜同维度寻找差异化 讲授法、演示听课并理法 解 30 拓展 内容 5 归纳 小结 5 作业布置 后记
5
《新媒体视觉设计》课程单元教学设计与实施（教案）
一、教学设计教学单元名称 授课班级 确定设计风格 课时数 授课教师 2 上课地点 教学内容
1. 设计风格是设计师在构思过程中所确立的主导思想，它赋予了设计内涵和风格特点； 2. 分析艺术家 Marco Marilungo 的16种漫画形式。 教学目标知识目标： 1.了解新媒体视觉设计分析用户需求,在此基础上，确定设计需求; 2.分析16种漫画形式的个性化、专业化和与众不同。 能力目标： 1.理解各种设计风格，并在设计中应用适合的风格。 教学重、难点教学重点： 1. 新媒体视觉设计中如何确定设计风格。 教学难点： 1.新媒体视觉设计师的关键能力。 教学准备1.教学PPT； 2.教学案例； 3.让学生搜集新媒体视觉设计案例。
二 、教学实施 教学环节 教学内容
教学方法
学生活动 时间分配（分钟） 5 1.新媒体视觉设计中如何分析竞争对手。 课前复习 2.新媒体视觉设计师的关键能力。 引入新课 提问：应如何确定新媒体视觉设计的设计风格呢？ 问题引导法 讨论并回答问题 听课并理解 5 了解设计风格是设计师在构思任务1： 过程中所确立的主导思想，它赋予了设计内涵和风格特点。 讲授法 10 分析艺术家 Marco Marilungo 的16种设计形式：1.现实主义；2.印象主义；3.野兽派；4.新艺术运动；5.表现主义；分享自己6.立体主义；7.未来主义；8.讲授法、案例任务2： 搜集的案25 抽象主义；9.达达主义；10.分析法 例 至上主义；11.形而上主义；12.超现实主义；13.非正式艺术；14.波普艺术；15.极简主义；16.观念主义。 具体分析各种风格在新媒体视觉设计中的案例表现实践解析：1.现实主义（写实风格）；2.极简主义；3.印象主义（像讲授法、演示听课并理任务3: 30 素艺术）；4.波谱艺术；5.孟法 解 菲斯艺术；6.故障艺术；7.插画风格；8.赛博朋克风格；9.蒸汽波艺术。 拓展 内容 主流设计风格及其演化历史。 5 归纳 小结 合适的设计风格至关重要，它不仅是设计的精髓所在，而且能令作品具有个性化、专业化和与众不同的效果。 5 分别搜集1个写实主义和极简作业布置 主义风格的典型公众号设计案例，并分析亮点。 后记 5
《新媒体视觉设计》课程单元教学设计与实施（教案）
教学单元名称 授课班级 完成设计草案 课时数 授课教师 2 上课地点 教学内容
1.了解并运用情绪板方法，完成设计草案。 教学目标知识目标： 1.了解情绪板方法； 2.运用情绪板方法； 3.完成设计草案。 能力目标： 1.利用情绪板工具，完成设计草案。 教学重、难点教学重点： 1.新媒体视觉设计中如何完成设计草案。 教学难点： 1.新媒体视觉设计师的关键能力。 教学准备1.教学PPT； 2.教学案例； 3.让学生搜集新媒体视觉设计案例。 一、教学设计
二 、教学实施 教学环节 教学内容 教学方法 学生活动 时间分配（分钟） 5 1.新媒体视觉设计中如何确定设计风格； 课前复习 2.新媒体视觉设计师的关键能力。 引入新课 提问：应如何开展新媒体视觉设计的准备工作？ 问题引导法 讨论并回答问题 5 情绪板——诞生于 20 世纪的 非信息时代，参与者被要求从日常的报纸杂志中挑选出符合听课并理任务1： 讲授法 20 某种心情意境的图片，剪下来解 粘贴在一起。现在的设计中，也会运用到这类方法。 完成设计草图流程： 1. 确定设计的情感关键词； 2. 根据关键词去图库寻找模分享自己仿对象和素材； 讲授法、案例任务2： 搜集的案45 3. 对汇总在情绪板的素材进分析法 例 行归纳总结; 4. 选择合适的字体、色彩、风格等，形成设计草案。 拓展 内容 利用情绪板进行设计的实操案例分析。 5 归纳 小结 1.新媒体视觉设计中如何完成设计草案。 5 作业布置 为个人公众号制作情绪板。 后记 5
《新媒体视觉设计》课程单元教学设计与实施（教案）
一、教学设计
教学单元名称 新媒体视觉设计基本原则：统一 授课教师 授课班级 课时数 2 上课地点 教学内容
1. 统一原则概述； 2. 统一原则的实现。 教学目标知识目标： 1.了解统一原则的概念； 能力目标： 1.如何运用统一原则。 教学重、难点教学重点： 1. 如何运用统一原则。 教学难点： 1.如何运用统一原则。 教学准备1.教学PPT； 2.教学案例； 3.让学生搜集新媒体视觉设计案例。
二 、教学实施 教学环节 课前复习 教学内容 1.新媒体视觉设计中如何完成设计草案。 提问：统一包括哪些要素的统一？ 教学方法 学生活动 讨论并回答问题 时间分配（分钟） 5 引入新课 问题引导法 5 统一，就是以品牌标志为中心，统一颜色、字体、风格等。也就是说，标志是什么风格、什听课并理任务1： 么颜色、什么字体，其它地方讲授法 25 解 也应该保持一致，这样，最后给用户的感觉才会是协调、统一的。 如何实现统一原则： 1.践行统一原则的第1步，就分享自己是设计品牌标志。 讲授法、案例任务2： 搜集的案40 2.践行统一原则的第2步，就分析法 例 是将Logo中的颜色、字体、图形、风格推广到应用系统。 拓展 内容 京东、吉利汽车、360、新浪网的Logo设计。 1.统一，就是以品牌标志为中心，统一新媒体视觉设计元素的颜色、字体、风格等； 2.践行统一原则的2个步骤。 5 归纳 小结 5 找出销售与管理官方公众号的作业布置 视觉设计中，不符合统一原则的地方，并进行改进。 后记 5
《新媒体视觉设计》课程单元教学设计与实施（教案）
一、教学设计
教学单元名称 新媒体视觉设计基本原则：秩序 授课教师 授课班级 课时数 2 上课地点 教学内容
1. 引导视线； 2. 阻止视线； 3. 创造视线流。 教学目标知识目标： 1.了解视线流的概念； 能力目标： 1.掌握如何创造视线流的方法。 教学重、难点教学重点： 1.如何创造视线流。 教学难点： 1.如何创造视线流。 教学准备1.教学PPT； 2.教学案例； 3.让学生搜集新媒体视觉设计案例。
二 、教学实施 教学环节 教学内容 教学方法 学生活动 讨论并回答问题 时间分配（分钟） 5 课前复习 新媒体视觉设计的统一原则。 提问：如何让一个排队中的队伍有秩序？ 引入新课 问题引导法 5 引导视线的方法包括： 1. 从上到下； 2. 从左到右； 任务1： 3. 从大到小； 4. 向相似物体移动； 5. 向箭头方向移动。 阻止视线的方法： 任务2： 1. 留白过多； 2. 焦点集中。 创造视线流： 任务3： 1. 静态视线流； 2. 动态视线流。 拓展 内容 京东、吉利汽车、360、新浪网的Logo设计。 讲授法、案例听课并理分析法 解 20 讲授法、案例听课并理分析法 解 讲授法、案例听课并理分析法 解 20 25 5 1.引导视线的方式包括从左到右，从上到下，从大到小，向相似物体，向箭头方向移动。为了保持版面的秩序，并不能只引导视线，有时候也需要添加压角，阻挡视线，使视线返归纳 回。 小结 2.视线流包括静态和动态两种，掌握了引导视线和阻止视线的方法，我们就可以创建流畅、完整的静态“视线流”，但更好的办法是创建动态移动的视线流。 1.分别搜集1个线型视线流、曲线视线流、焦点视线流、反复视线流、导向视线流的设计作业布置 实例，并分析效果。 2.搜集1个动态视线流的案例，并分析效果。 后记 5 5
《新媒体视觉设计》课程单元教学设计与实施（教案）
一、教学设计
教学单元名称 新媒体视觉设计基本原则：对比 授课教师 授课班级 课时数 2 上课地点 教学内容
1.方向的对比； 2.形状的对比； 3.色彩的对比； 4.字体的对比； 5.图文的对比。 教学目标知识目标： 1. 了解对比的概念； 2. 了解对比的5种方法。 能力目标： 1.掌握如何应用对比原则。 教学重、难点教学重点： 1.了解对比的5种方法。 教学难点： 1.掌握如何应用对比原则。 教学准备1.教学PPT； 2.教学案例； 3.让学生搜集新媒体视觉设计案例。
二 、教学实施 教学环节 教学内容 教学方法 学生活动 讨论并回答问题 时间分配（分钟） 5 课前复习 新媒体视觉设计的秩序原则。 提问：两张图片中的对比效果有何差异？ 引入新课 问题引导法 5 任务1： 方向的对比 讲授法、案例听课并理分析法 解 讲授法、案例听课并理分析法 解 讲授法、案例听课并理分析法 解 讲授法、案例听课并理分析法 解 讲授法、案例听课并理分析法 解 13 任务2： 形状的对比 13 任务3： 色彩的对比 13 任务4： 字体的对比 13 任务5： 图文的对比 拓展 内容 京东、吉利汽车、360、新浪网的Logo设计。 13 5 1.对比的目的主要有 2 个，一个是打破统一的版面设计，增强视觉效果。另一个目的是组归纳 织信息逻辑。 小结 2.对比的方式主要有：方向对比、形状对比、色彩对比、字体对比和图文对比。 分别搜集1个方向对比、形状对比、色彩对比、字体对比和作业布置 图文对比的设计实例，并分析效果。 后记 5 5
《新媒体视觉设计》课程单元教学设计与实施（教案）
一、教学设计
教学单元名称 新媒体视觉设计基本原则：平衡 授课教师 授课班级 课时数 2 上课地点 教学内容
1.平衡原则的概念； 2.对称平衡的概念和应用； 3.非对称平衡的概念和应用。 教学目标知识目标： 1. 了解对称平衡的概念； 2. 了解非对称平衡的概念。 能力目标： 1. 掌握如何应用对称平衡的方法； 2. 掌握如何应用非对称平衡的方法。 教学重、难点教学重点： 1.如何应用对称平衡和非对称平衡原则。 教学难点： 1.如何应用非对称平衡原则。 教学准备1.教学PPT； 2.教学案例； 3.让学生搜集新媒体视觉设计案例。
二 、教学实施 教学环节 教学内容 教学方法 学生活动 讨论并回答问题 时间分配（分钟） 5 课前复习 新媒体视觉设计的对比原则。 提问：日常生活中我们是如何保持平衡的？ 引入新课 问题引导法 5 任务1： 对称平衡的概念及应用。 讲授法、案例听课并理分析法 解 讲授法、案例听课并理分析法 解 30 任务2： 非对称平衡的概念及应用。 拓展 内容 对称平衡和非对称平衡的综合应用。 35 5 1.保持版面平衡的方式有 2 种：对称平衡和非对称平衡。 2.对称平衡是一种非常容易实现的对称方式，在新媒体视觉归纳 中，一般是指左右对称。 小结 3.非对称平衡则是利用视觉比重的基础规律，并结合直觉，在版面上合理布局元素，使得整体视觉比重达到平衡状态。 1.分别搜集5个对称平衡和非对称平衡的设计实例，并分析效果。 作业布置 2.请在下图中添加文字“the rolling house”，使版式实现非对称平衡。 后记 5 5
《新媒体视觉设计》课程单元教学设计与实施（教案）
一、教学设计
教学单元名称 新媒体视觉设计基本要素：文字 授课教师 授课班级 课时数 2 上课地点 教学内容
1.选择合适的字体； 2.设定合适的字号； 3.设定有效行距； 4.选择合适的栏宽； 5.关于字体的版权问题。 教学目标知识目标： 1.了解字体、字号、行距、栏宽的概念和类型。 能力目标： 1.掌握字体、字号、行距、栏宽的选择方法。 教学重、难点教学重点： 1.如何选择字体、字号、行距、栏宽。 教学难点： 1.如何选择字体。 教学准备1.教学PPT； 2.教学案例； 3.让学生搜集新媒体视觉设计案例。
二 、教学实施 教学环节 教学内容 教学方法 学生活动 讨论并回答问题 时间分配（分钟） 5 课前复习 新媒体视觉设计的平衡原则。 引入新课 提问：你了解的字体有哪些？ 问题引导法 5 任务1： 选择合适的字体。 讲授法、案例听课并理分析法 解 讲授法、案例听课并理分析法 解 讲授法、案例听课并理分析法 解 讲授法、案例听课并理分析法 解 30 任务2： 设定合适的字号。 20 任务3： 设定有效行距和栏宽。 拓展 内容 15 关于字体的版权问题。 5 字体的种类是有着某些相同外观特征的字体的集合。字体的分类方式很多，比如，按年代分，可以分为古体和现代体；按有无衬线可以分为衬线体和归纳 无衬线体；按是否适合印刷分小结 为印刷体、手写体、新颖体。参考大多数印刷商和设计师对字体的分类，把字体分为五大类：古体、衬线体、非衬线体、手写体、新颖体。 在各种新媒体渠道上搜集古体、衬线体、非衬线体、手写作业布置 体、新颖体五类字体大类的例子，并进行分析。 后记 5 5
《新媒体视觉设计》课程单元教学设计与实施（教案）
一、教学设计
教学单元名称 新媒体视觉设计基本要素：图片 授课教师 授课班级 课时数 2 上课地点 教学内容
1.插图的概念、特点及应用； 2.信息图的概念、特点及应用； 3.照片的概念、特点及应用； 4.动态图片的概念、特点及应用； 5.关于图片的版权问题。 教学目标知识目标： 1.了解插图、信息图、照片、动态图片的概念和特点。 能力目标： 1.掌握插图、信息图、照片、动态图片的应用方法。 教学重、难点教学重点： 1.掌握插图、信息图、照片、动态图片的应用方法。 教学难点： 1.动态图片的制作和应用。 教学准备1.教学PPT； 2.教学案例； 3.让学生搜集新媒体视觉设计案例。
二 、教学实施 教学环节 课前复习 教学内容 新媒体视觉设计基本要素：文字 提问：你了解的图片类型有哪些？ 教学方法 学生活动 讨论并回答问题 时间分配（分钟） 5 引入新课 问题引导法 5 任务1： 插图和照片的概念、特点及应讲授法、案例听课并理用。 分析法 解 讲授法、案例听课并理分析法 解 讲授法、案例听课并理分析法 解 讲授法、案例听课并理分析法 解 20 任务2： 信息图的概念、特点及应用。 15 任务3： 动态图片的概念、特点及应用。 拓展 内容 30 关于图片的版权问题。 5 图片包括插图、信息图、照片和动态图片等类型。插图、照片一直在大众传播中扮演重要角色，新媒体时代，动图开始归纳 流行，逐渐成为第3种重要的小结 图片类型。信息图是插图中的一个特殊类别，之所以单独列出来介绍，是因为它在当下的新媒体环境中，被使用的频率越来越高。 1.搜集你欣赏的插画、照片、动图作品，并分析你被作品打动的原因。 2.从微信公众号中选择一个你作业布置 非常喜欢的故事，内容不限，根据故事配置合适的插图、照片或动图，确定你的作品能充分反映原作的内涵。 后记 5 5
《新媒体视觉设计》课程单元教学设计与实施（教案）
一、教学设计
教学单元名称 新媒体视觉设计基本要素：色彩 授课教师 授课班级 课时数 2 上课地点 教学内容
1.选择主色调； 2.确定色彩风格； 3.选择配色方案； 4.通过色彩引导阅读。 教学目标知识目标： 1. 了解主色调的概念和分类； 2. 了解色彩风格的概念和分类； 3. 了解配色方案的概念和方法。 能力目标： 1. 掌握选择主色调的方法； 2. 掌握确定色彩风格的方法； 3. 掌握选择配色方案的方法； 4. 掌握通过色彩引导阅读的方法。 教学重、难点教学重点： 1.掌握选择主色调、确定色彩风格、选择配色方案的方法。 教学难点： 1.配色方案的选择。 教学准备1.教学PPT； 2.教学案例； 3.让学生搜集新媒体视觉设计案例。
二 、教学实施 教学环节 课前复习 教学内容 新媒体视觉设计基本要素：图片 教学方法 学生活动 讨论并回答问题 时间分配（分钟） 5 引入新课 提问：以下品牌的主色调是？ 问题引导法 5 任务1： 选择主色调。 讲授法、案例听课并理分析法 解 讲授法、案例听课并理分析法 解 讲授法、案例听课并理分析法 解 讲授法、案例听课并理分析法 解 30 任务2： 确定色彩风格。 20 任务3： 选择配色方案。 拓展 内容 15 如何通过色彩引导阅读。 5 1.色彩搭配的第一步是选择主色调（也叫色相），色彩的意义在于展现品牌内涵和产品特征，所以，应该根据品牌内涵选择主色调； 2.主色调并不能确定风格，因为同一色调可以通过增加黑色归纳 和白色（改变亮度），或者增小结 加灰色（改变饱和度），形成完全不同的风格； 3.配色非常复杂，最简单的方法就是使用“单一颜色+黑白灰”，除此以外，常见的配色方案还有互补色搭配、三角形搭配、矩形搭配等。 1. 搜集1个你认为色彩运用不当的新媒体设计案例，用现有的素材重新设计版面和色彩。 作业布置 2. 搜集5个品牌的LOGO，分析一下色彩与品牌内涵的联系。 3. 搜集1个你认为色彩设计最好的新媒体案例，并分析原因。 后记
5 5
《新媒体视觉设计》课程单元教学设计与实施（教案）
一、教学设计教学单元名称 授课班级 新媒体动态设计 课时数 授课教师 2 上课地点 教学内容
1.学习三种新媒体动态设计的类型； 2.学习新媒体动态设计的制作。 教学目标知识目标： 1.了解影视片段类动图、摄影类动图、艺术类动图的概念； 2.了解新媒体动态设计的制作的软件。 能力目标： 1.掌握新媒体动态设计的制作的能力。 教学重、难点教学重点： 1.影视片段类动图、摄影类动图、艺术类动图的概念。 教学难点： 1.掌握新媒体动态设计的制作的能力。 教学准备1.教学PPT； 2.教学案例； 3.让学生搜集新媒体视觉设计案例。
二 、教学实施 教学环节 课前复习 教学内容 新媒体视觉设计基本要素：色彩 提问：新媒体有什么普遍的特性？ 动态和交互是新媒体视觉设计的两大特点。 教学方法 学生活动 讨论并回答问题 听课并理解 时间分配（分钟） 5 引入新课 问题引导法 5 任务1： 讲授法 15 根据动图的制作方式，可将动分享自己讲授法、案例任务2： 图分为三类：影视片段类动图、搜集的案20 分析法 摄影类动图、艺术类动图。。 例 任务3: 新媒体动态设计的制作关键能力。 讲授法、演示听课并理法 解 30 除了专门制作动图软件之外，一些平面软件或者办公软件也拓展 可以实现动图制作。使用之前内容 学习过的软件，例如Photoshop，PPT等制作一个动图。 根据动图的制作方式，可将动归纳 图分为三类：影视片段类动图、小结 摄影类动图、艺术类动图。 1. 利用 GifCam 软件制作 1张影视片段类动图。 2. 利用 Cinemagraph 软件制作 1 张 Cinemagraph 动态照作业布置 片。 3. 利用 PS、AI、AE 软件制作 1 张艺术类动图。 后记 5 5 5
《新媒体视觉设计》课程单元教学设计与实施（教案）
一、教学设计 教学单元名称 授课班级 新媒体交互设计 课时数 授课教师 2 上课地点 教学内容
1.学习基于触觉的交互设计的概念、特点； 2.学习基于视觉的交互设计的概念、特点； 3.学习基于听觉的交互设计的概念、特点； 4.学习基于嗅觉的交互设计的概念、特点； 教学目标知识目标： 1.了解新媒体交互设计的原理； 2.了解基于触觉、视觉、听觉、嗅觉的交互设计的特点。 能力目标： 1.掌握新媒体基于触觉、视觉、听觉、嗅觉的交互设计的应用场景。 教学重、难点教学重点： 1.新媒体基于触觉、视觉、听觉、嗅觉的交互设计的特点。 教学难点： 1.新媒体交互设计的应用。 教学准备1.教学PPT； 2.教学案例； 3.让学生搜集新媒体视觉设计案例。
二 、教学实施 教学环节 教学内容 教学方法 学生活动 时间分配（分钟）
课前复习 新媒体动态设计的类型和制作 提问：在使用手机触屏使用的交互操作有？ 讨论并回答问题 5 引入新课 问题引导法 5 人类有五感，视觉、听觉、嗅觉、味觉、触觉，交互设计本任务1： 质是——通过科技赋予机器人类的五感，使得人与机器能够实现双向的沟通。 讲授法 听课并理解 10 分享自己新媒体基于触觉、视觉、听觉、讲授法、案例任务2： 搜集的案嗅觉的交互设计的特点。 分析法 例 任务3: 新媒体交互设计的应用场景和案例。 讲授法、演示听课并理法 解 25 30 在平时生活中有哪些新媒体交拓展 互设计你觉得比较好的，列举内容 一个例子，看看符合上面哪种交互。 人类有五感，视觉、听觉、嗅觉、味觉、触觉，交互设计本质是——通过科技赋予机器人类的五感，使得人与机器能够实现双向的沟通。 归纳 比较常见的基于触屏技术的交小结 互操作有：点击、长按、滑动、跟随等。基于视觉的交互设计使用的核心工具是摄像头。基于听觉的交互设计使用的核心 工具是麦克风 1. 搜集 2 个基于触觉交互的新媒体设计案例。 2. 搜集 2 个基于视觉交互的新媒体设计案例。 作业布置 3. 搜集 2 个基于听觉交互的新媒体设计案例。 4. 搜集 2 个基于嗅觉交互的新媒体设计案例。 后记 5 5 5
《新媒体视觉设计》课程单元教学设计与实施（教案）
一、教学设计教学单元名称 授课班级 公众号纵享惠州设计实战 课时数 授课教师 2 上课地点 教学内容
1.学习公众号纵享惠州设计实战方法。 教学目标知识目标： 1.了解公众号纵享惠州视觉设计的特点； 能力目标： 1.掌握公众号设计实战的四个环节。 教学重、难点教学重点： 1.公众号视觉设计的风格。 教学难点： 1.公众号视觉设计的实战能力。 教学准备1.教学PPT； 2.教学案例； 3.让学生搜集其他公众号视觉设计案例。
二 、教学实施 教学环节 课前复习 教学内容 回顾新媒体动态交互视觉设计的主要类型及特点。 教学方法 学生活动 时间分配（分钟） 5 讲授、问答 回答问题 讨论并回答问题 引发学生思考哪些公众号的视引入新课 觉设计较为突出，引出实战案例。 任务1： 明确用户需求。 问题引导法 5 讲授法、案例听课并理分析法 解 讲授法、案例听课并理分析法 解 讲授法、案例听课并理分析法 解 讲授法、案例听课并理分析法 解 15 任务2： 分析竞争对手。 20 任务3： 确定设计风格。 15 任务4： 完成设计草案。 15 拓展 内容 苹果官方公众号的视觉设计风格。 5 公众号纵享惠州的特点，及其视觉设计的主要流程包括明确归纳 用户需求、分析竞争对手、确小结 定设计风格、完成设计草案四个环节。 在科技圈掀起极简主义潮流的苹果，在设计微信官方公众号时，却没有延续这 一理念。请作业布置 仔细研究极简设计风格，以及苹果的官网、产品等的设计风格，对苹 果的官方微信公众号进行再设计。 后记 5 5
《新媒体视觉设计》课程单元教学设计与实施（教案）
一、教学设计教学单元名称 授课班级 公众号草莓学堂设计实战 课时数 授课教师 2 上课地点 教学内容
1.学习公众号草莓学堂设计实战方法。 教学目标知识目标： 1.了解公众号草莓学堂视觉设计的特点。 能力目标： 1.掌握公众号设计实战的四个环节。 教学重、难点教学重点： 1.公众号视觉设计的风格。 教学难点： 1.公众号视觉设计的实战能力。 教学准备1.教学PPT； 2.教学案例； 3.让学生搜集其他公众号视觉设计案例。
二 、教学实施 教学环节 课前复习 教学内容 公众号纵享惠州设计实战 教学方法 学生活动 时间分配（分钟） 5 讲授、问答 回答问题 讨论并回答问题 引发学生思考哪些公众号的视引入新课 觉设计较为突出，引出本章两个实战案例。 任务1： 明确用户需求。 问题引导法 5 讲授法、案例听课并理分析法 解 讲授法、案例听课并理分析法 解 讲授法、案例听课并理分析法 解 讲授法、案例听课并理分析法 解 15 任务2： 分析竞争对手。 20 任务3： 确定设计风格。 15 任务4： 完成设计草案。 15 拓展 内容 好色派沙拉官方公众号的视觉设计风格。 5 公众号草莓学堂的特点，及其视觉设计的主要流程，包括明归纳 确用户需求、分析竞争对手、小结 确定设计风格、完成设计草案四个环节。 针对两类完全不同的公众号作业布置 （比如情感类和经济类），设计品牌新媒体 VI。 后记 5 5
《新媒体视觉设计》课程单元教学设计与实施（教案）
一、教学设计教学单元名称 授课班级 新媒体视觉设计职业规划 课时数 授课教师 2 上课地点 教学内容
1.学习了解服务品牌新媒体部门的岗位需求； 2.学习了解新媒体设计公司的岗位需求； 教学目标知识目标： 1.了解新媒体岗位职责和任职要求； 2.了解分析自己能力和实际工作需求的差异。 能力目标： 1.针对其岗位需求制作求职简历，并分析自己目前的优势与不足。。 教学重、难点教学重点： 1.新媒体视觉设计的就业主要有 2 种渠道。 教学难点： 1.分析自己目前的优势与不足。 教学准备1.教学PPT； 2.教学案例； 3.让学生搜集新媒体视觉设计案例。
二 、教学实施 教学环节 教学内容 教学方法 学生活动 讨论并回答问题 时间分配（分钟） 5 课前复习 公众号草莓学堂设计实战。 提问：你知道有哪些新媒体设计制作公司？ 引入新课 问题引导法 5 典型的新媒体品牌，如企鹅吃喝指南、好色派沙拉、HFP、有听课并理任务1： 车以后、凯叔讲故事、书单等，讲授法 解 都需要专业的新媒体视觉设计师。 随着新媒体的迅速发展，新媒体设计公司越来越多，其中一分享自己部分是从大型互联网公司中独讲授法、案例任务2： 搜集的案立出来的，比如腾讯旗下的 分析法 例 TGidears，网易旗下的网易新闻哒哒工作室等等。 任务3: 国内新媒体公司运营模式以及其代表作品。 用两句简单的话总结本学期学习该门课程的态度和掌握的技能。 讲授法、演示听课并理法 解 15 20 30 拓展 内容 5 新媒体视觉设计的就业主要有 2 种渠道，一是服务品牌新媒体部门，为专一的新媒体品牌归纳 做视觉设计，风格和情感都比小结 较固定，难度相对较小；二是加入新媒体设计公司，为不同的品牌定制新媒体视觉方案，风格多变，挑战更大。 挑选一家你最喜欢的新媒体设计公司，针对其岗位需求制作作业布置 求职简历，并分析自己目前的优势与不足。 后记 5 5
因篇幅问题不能全部显示，请点此查看更多更全内容