《新媒体美工设计(全彩慕课版)》教学教案.docx

新媒体美工设计(全彩慕课版)配套教学教案课时内容誓新媒体美授课时间90分钟课时2. 1 .教学目标0认识新媒体美工。0掌握新媒体美工的设计原那么。0 掌握新媒体美工设计的流程。教学重点0掌握新媒体美工到底是什么。0掌握新媒体美工设计的工作流程。教学难点0掌握新媒体美工如何制作。教学设计1、教学思路：(1):主要讲解新媒体美工的基础知识，包括什么是新媒体美工、新媒体平 台的分类、新媒体美工设计的技能要求、新媒体美工设计的考前须知等知识；(2)：主 要讲解新媒体美工的设计原那么，包括统一识别、重复利用、主次清楚、具备视觉创意 等；(3)：主要讲解新媒体美工设计的流程，包括明确设计目的、素材、整合与处 理素材、界面设计等知识；(4：)通过工程实训巩固所学知识。2、教学手段：首先讲基础知识，然后通过实训的形式对讲解的知识进行运用。3、教学资料及要求：除教材中讲解的知识，可以要求学生收集素材，为后期的学习做准 备。教学内容知识回顾：下面将讲解新媒体美工的理论知识，设计原理，以及工作流程。讨论问题：1、作为新媒体美工，应该具备哪些技能？2、如何选择合适的新媒体美工？内容大纲：具体可结合本章的PPT课件进行配合讲解。1.1 认识新媒体美工1.1.1 什么是新媒体美工1.1.2 新媒体平台的分类1.1.3 新媒体美工设计的技能要求1.1.4 新媒体美工设计的考前须知1.2 新媒体美工的设计原那么1.2.1 统一识别1.2.2 重复利用1.2.3 主次清楚1.2.4 具备视觉创意1.3 新媒体美工设计的流程1.3.1 明确设计目的1.3.2 素材1.3.3 整合与处理素材(1)制作今日头条旅游宣传广告，在制作时先添加旅游素材，再通过文字的说明到达 旅行宣传的目的。完成后的参考效果如下列图所示。思考及作业思考及作业思考及作业(2)制作知乎假期宣传广告，在制作时以儿童、玩具等为主要素材，以黄色、蓝色、 白色等为主要颜色，通过不同素材的组合让各个效果更加美观。完成后的参考效果如下 图所示。小结课时 内容音/视频平台界面的设计与制作授课时间90分钟课时2教学 目标0掌握喜马拉雅界面的设计与制作。0 掌握抖音界面的设计与制作。0掌握虎牙直播界面的设计与制作。教学重占八、0 掌握音频平台界面的制作。0 掌握视频平台界面的设计。0 掌握直播界面的设计。学点 教海0 如何进行音/视频平台界面的制作。教学 设计1 .教学思路：（1）：通过介绍喜马拉雅各宣传图的设计技巧，让学员了解喜马拉雅界面的设计 与制作；（2）：通过讲解抖音顶部展示图的设计规范，让学员掌握抖音界面的设计与制作； （3）：通过介绍虎牙直播Banner设计要点，让学员了解虎牙直播界面的设计与制作；（4）： 最后工程实训，让学员对所学知识进行练习巩固所学知识。2 .教学手段：通过理论带案例步骤的方式，让学生加深理论知识理解的同时，掌握其操作方法。3 .教学资料及要求：除教材中的实例外，学员还需通过设计与制作其他音/视频平台界面，并总 结制作方法。教学内容知识回顾：前面介绍了信息类平台界面的设计与制作，卜面讲解音/视频平台界面的设计与制作。讨论问题：1、如何进行喜马拉雅界面的设计与制作？2、如何进行抖音界面的设计与制作？3、如何进行虎牙直播界面的设计与制作？不同视频存在哪些差异？内容大纲：具体可结合本章的PPT课件进行配合讲解。6.1 喜马拉雅界面的设计与制作6.1.1 喜马拉雅各宣传图的设计技巧6.1.2 案例设计：制作喜马拉雅焦点宣传图6.1.3 案例设计：制作专辑/节目封面图6.1.4 案例设计：制作活动/专题封面图6.2 抖音界面的设计与制作6.2.1 抖音顶部展示图的设计规范6.2.2 案例设计：制作抖音账号头像6.2.3 案例设计：制作抖音顶部展示图6.3 虎牙直播界面的设计与制作6.3.1 虎牙直播Banner设计要点6.3.2 案例设计：制作虎牙直播Banner6.3.3 案例设计：制作虎牙直播封面6.4 工程实训工程一制作喜马拉雅图书焦点宣传图工程二 制作虎牙培训视频Banner实战演练 /143小结1 .掌握喜马拉雅界面的设计与制作。2 .掌握抖音界面的设计与制作。3 .掌握虎牙直播界面的设计与制作。(1)制作喜马拉雅晚间节目封面图，在制作时，以夜晚的街道为背景，通过“晚安，我对你说” 文字表达节目主题。完成后的参考效果如下列图所示。晚安思考 及作 业思考 及作 业思考 及作 业二我对你说-秫在看. 人原肥进f吧小萌说减肥：让痍身不再困难(2)制作虎牙直播户外专区Banner。在制作时，以减肥为主题，先制作背景，然后添加素材和 文字。完成后的效果如下列图所示。点击查看课时内容电商页面的设计与制作授课时间90分钟课时2教学目标0掌握网店首页的设计与制作0 掌握商品详情页的设计与制作。教学重点0 掌握网店首页的设计要点。0 掌握商品详情页的制作要点。教学难点0如何设计网店首页和商品详情页。教学设计教学思路：（1）通过讲解网店首页布局的要点、网店首页设计的考前须知、网店首页 的设计要点、，让学员掌握网店首页的设计与制作的设计；（2）通过讲解商品详情页的 制作要点、商品详情页的特征，让学员掌握商品详情页的设计与制作；（3）：最后工程 实训，让学员对所学知识进行练习巩固所学知识。1 .教学手段：通过理论带案例步骤的方式，让学生加深理论知识理解的同时，掌握其 操作方法。2 .教学资料及要求：除教材中的实例外，学员还可拟定一个主题，对电商各个页面进 行设计。教学内容知识回顾：前面介绍了音/视频平台界面的设计与制作，下面讲解电商页面的设计与制作。讨论问题：1、如何进行网店首页的设计与制作？2、如何进行商品详情页的设计与制作？内容大纲：具体可结合本章的PPT课件进行配合讲解。7.1 网店首页的设计与制作7.1.1 网店首页布局的要点7.1.2 网店首页设计的考前须知7.1.3 网店首页的设计要点7.1.4 案例设计：制作店招7.1.5 案例设计：制作主题海报7.1.6 案例设计：制作优惠信息7.1.7 案例设计：制作商品展示区7.2 商品详情页的设计与制作7.2.1 商品详情页的制作要点7.2.2 商品详情页的特征7.2.3 案例设计：制作焦点图7.2.4 案例设计：制作商品描述图7.2.5 案例设计：制作商品卖点图7.3 工程实训制作茶叶店首页实战演练小结1 .掌握网店首页的设计与制作。2 .掌握商品详情页的设计与制作。(1)制作家居网店移动端首页。要求在移动端首页中要展现各类家居用品，并将新品 通过矩形框的形式展现出来，通过浅色的效果展现，让整个网店首页看起来清新、自 然。在结构上，可以将家居网店移动端首页划分为首屏海报、优惠券、专辑推荐、热 销商品4个局部。完成后的参考效果如下列图所示。思考及作 业新品秀全场低至五折专辑推荐善卓世a««布艺沙发 徜妁舒适居家好物优息价：¥2300 优息价：¥1800(2)制作开心果的商品详情页。先制作焦点图，再制作信息展示图、卖点图。完成后 的参考效果如下列图所示。.掌握H5的基础知识。课时内容H5界面的设计与制作授课时间135分钟课时3教学目标0掌握H5的基础知识。0 掌握活动运营型H5界面的设计与制作。0 掌握商品推广型H5界面的设计与制作。教学重点0 掌握不同类型H5界面的设计与制作。教学难点0 掌握活动运营型、商品推广型H5界面的设计技巧。教学设计教学思路：（1）通过讲解认识H5、H5的类型、H5界面设计的五大原那么、H5界面设计 要点，让学员掌握H5的基础知识；（2）通过讲解活动运营型H5界面的设计思路，让 学员掌握活动运营型H5界面的设计与制作；（3）通过讲解商品推广型H5界面的设计 技巧，让学员掌握商品推广型H5界面的设计与制作；（4）最后通过实训，掌握其他店 铺首页和详情页的设计方法。1 .教学手段：通过理论带案例步骤的方式，让学生加深理论知识理解的同时，掌握其 操作方法。2 .教学资料及要求：除教材中的实例外，学员还可对其他类型的H5界面进行设计， 掌握页面的设计方法。教学内容知识回顾：前面讲解了电商页面的设计与制作，卜面对H5界面的设计与制作进行介绍。讨论问题：1、什么是H5? H5的类型有哪些？2、如何进行活动运营型H5界面的设计与制作？3、如何进行商品推广型H5界面的设计与制作？内容大纲：具体可结合本章的PPT课件进行配合讲解。8.1 H5的基础知识8.1.1 认识 H58.1.2 H5的类型8.1.3 H5界面设计的五大原那么8.1.4 H5界面设计要点8.2 活动运营型H5界面的设计与制作821活动运营型H5界面的设计思路8.2.1 案例设计：制作微信红包活动的H5界面8.2.2 案例设计：使用MAKA工具生成微信红包活动H5界面8.3 商品推广型H5界面的设计与制作8.3.1 商品推广型H5界面的设计技巧8.3.2 案例设计：制作商品推广H5界面8.4 工程实训制作企业招聘长图H5界面实战演练小名吉2.掌握活动运营型H5界面的设计与制作。3 .商品推广型H5界面的设计与制作。利用提供的素材文件制作H5,该界面主要分为3个界面，第一个界面主要是展现精致 生活，第二个界面主要是对内心的诉说，第三个界面主要是为居室引入绿色，制作后的效果如下列图所示，然后将其生成H5。思考及作业拍摄家居短视频 实战演练小1.掌握短视频的拍摄。课时内容短视频的拍摄与制作授课时间135分钟课时3教学目标0掌握短视频的拍摄。0掌握短视频的制作。教学重点0掌握短视频拍摄的要求和流程。0 掌握短视频制作相关工具。教学难点0如何制作短视频。教学设计1 .教学思路：（1）主要讲解拍摄设备的选择、短视频拍摄的要求、短视频拍摄的流程，使学 员掌握短视频的拍摄；（2）主要讲解认识短视频制作相关工具、短视频的基本类型，使学 员掌握短视频的制作；（3）通过实训，掌握各个页面的设计方法。2 .教学手段：通过理论带案例步骤的方式，让学生加深理论知识理解的同时，掌握其操作方 法。3 .教学资料及要求：除教材中的实例外，学员还可以对拍摄和制作某个主题的短视频，巩固 所学内容。教学内容知识回顾：刖面介绍了 H5界面的设计与制作，下面对进行介绍。讨论问题：1、如何拍摄短视频？2、如何制作短视频？内容大纲：具体可结合本章的ppt课件进行配合讲解。9.1 短视频的拍摄9.1.1 拍摄设备的选择9.1.2 短视频拍摄的要求9.1.3 短视频拍摄的流程9.1.4 案例设计：拍摄水果类短视频9.2 短视频的制作9.2.1 认识短视频制作相关工具9.2.2 短视频的基本类型9.2.3 案例设计：制作企业宣传短视频9.2.4 案例设计：制作商品短视频9.3 工程实训结2.掌握短视频的制作。（1）下面拍摄一组童装的视频，可先拍摄模特穿着童装的效果，营造出一种活泼、欢快的气氛, 再单独展示童装的材质与工艺，要求对纱布特征、无缝缝制、色彩缤纷等卖点进行展现。参考 效果如下列图所示。思考及作业（2）为提供的茶叶短视频（配套资源:'素材文件'第9章'茶叶.mp4）制作后期效果。参考效 果如下列图所示。0002 -界面设计1.4工程实训工程一 “小年夜”活动海报素材的与整合 工程二分析香米Banner整合前后的效果 实战演练.掌握新媒体美工的基础知识。小结1 .掌握新媒体美工的设计原那么。2 .掌握新媒体美工设计的流程。对图1所示的端午节图片素材进行处理，并将其制作为端午节Banner效果，如图2所示。图1端午节图片素材图2端午节Banner效果课时内容新媒体美工设计基础授课时间90分钟课时2教学目标0掌握色彩的运用。0掌握构图与布局。0掌握文字的运用。教学重点0掌握构图与布局。0掌握色彩的搭配技巧。0掌握文字的设计。教学难点0 掌握色彩，构图与布局，以及和文字的设计搭配。教学设计1、教学思路：（1）通过色彩的三要素、色彩的比照、色彩搭配的原理、色彩搭配的技巧， 让学员掌握色彩的运用；（2） 了解构图与布局，让学员掌握三大基本构图要素、常见 的构图方式、界面布局的基本原那么；（3）：主要讲解文字的运用，包括文字的运用原那么2、文字的设计原那么、文字的字体、文字比照等知识；（4）：通过工程实训巩固所学知识。3、教学手段：首先讲基础知识，然后通过实训的形式对讲解的知识进行运用。4、教学资料及要求：除教材中讲解的知识，可以要求学生对收集地效果进行分析，了解 这些要素的使用方法。教学内容知识回顾：前面讲解了新媒体美工的基础知识，下面介绍新媒体美工的设计基础。讨论问题：1、如何运用色彩？2、如何进行构图与布局？3、如何运用文字？内容大纲：具体可结合本章的PPT课件进行配合讲解。2.1 色彩的运用2.1.1 色彩的三要素2.1.2 色彩的比照2.1.3 色彩搭配的原理2.1.4 色彩搭配的技巧2.1.5 案例分析：开屏广告的色彩分析2.2 构图与布局2.2.1 认识三大基本构图要素2.2.2 常见的构图方式2.2.3 界面布局的基本原那么2.2.4 案例分析：促销海报的构图分析2.3 文字的运用2.3.1 文字的运用原那么2.3.2 文字的设计原那么2.3.3 文字的字体2.3.4 文字比照2.3.5 案例分析：微信宣传海报的文字分析2.4 工程实训工程一 H5界面的色彩与布局鉴赏工程二开屏海报色彩与文字鉴赏 实战演练1、掌握色彩的运用。小结2、掌握构图与布局。3、掌握文字的运用。（1）对下列图所示的两张公众号封面图进行鉴赏，分析它们的色彩、文字应用技巧，并 对展现方式进行阐述。（2020.典I作）大学毕业 （求职指南,（开启你的新征程）（2）对下列图所示的招募启事进行鉴赏，分析其布局和文字选择技巧，并对其展现方式 进行阐述。思考及作业我们要谁?能写.会聊天,对告种费烂熟于心 跟得上潮流,玩相了古典 对文学根狂热如果你是.郁我们就要你了1我们要谁?摄影、摄像xZ如祟你是,那我们麻要你了!八 住上瞬可八住上司3案例设计：制作微信公众号推文营销长图微信小程序界面的设计与制作课时内容微信界面的设计与制作授课时间90分钟课时2教学目标0掌握微信账号头像的设计与制作。0 掌握微信朋友圈界面的设计与制作。0 掌握微信公众号推文界面的设计与制作。0掌握微信小程序界面的设计与制作。教学重点0 掌握微信账号头像的设计标准。0掌握微信朋友圈海报设计要点。0掌握微信公众号推文封面和微信小程序界面的设计。教学难点0 掌握微信账号头像、微信朋友圈界面、微信公众号推文界面、微信小程序界面的设计。教学设计1、教学思路：（1）:通过微信账号头像的设计与制作、微信账号头像的设计标准、微信账 号头像的表现方式的讲解，让学员掌握微信账号头像的设计与制作；（2）： 了解微信朋 友圈界面设计的意义与作用、微信朋友圈海报设计要点、微信朋友圈海报的设计原那么， 让学员掌握微信朋友圈界面的设计与制作；（3）：通过微信公众号推文的组成、微信公 众号推文封面设计的考前须知的讲解，让学员掌握微信公众号推文界面的设计与制作； （4）：主要讲解微信小程序界面设计的技巧、微信小程序界面设计的考前须知等知识， 让学员掌握微信小程序界面的设计与制作；（5）：通过工程实训巩固所学知识。2、教学手段：首先讲基础知识，然后通过实训的形式对讲解的知识进行运用。3、教学资料及要求：除教材中讲解的知识，可以要求学生对收集地微信界面效果进行分 析，了解这些要素的使用方法。教学内容知识回顾：前面讲解了新媒体美工的设计基础，下面对微信界面的设计与制作进行介绍。讨论问题：1、如何设计微信账号头像？2、如何设计微信朋友圈界面？3、如何设计微信公众号推文界面？4、如何设计微信小程序界面？内容大纲：具体可结合本章的PPT课件进行配合讲解。3.1 微信账号头像的设计与制作3.1.1 微信账号头像的设计标准3.1.2 微信账号头像的表现方式3.1.3 案例设计：制作企业微信账号头像3.1.4 案例设计：制作个人微信账号头像3.2 微信朋友圈界面的设计与制作3.2.1 微信朋友圈界面设计的意义与作用3.2.2 微信朋友圈海报设计要点3.2.3 微信朋友圈海报的设计原那么3.2.4 案例设计：制作微信朋友圈封面3.2.5 案例设计：制作微信朋友圈活动海报3.3 微信公众号推文界面的设计与制作3.3.1 认识微信公众号推文的组成3.3.2 微信公众号推文封面设计的考前须知3.3.3 案例设计：制作微信公众号推文封面3.4.1 微信小程序界面设计的技巧微信小程序界面设计的考前须知案例设计：制作微信小程序首页案例设计：制作微信小程序搜索页3.4.2 案例设计：制作微信小程序会员中心页工程实训工程一制作花圃微信账号头像工程二制作微信图书公众号推文封面实战演练1、掌握微信账号头像的设计与制作。件2、掌握微信朋友圈界面的设计与制作。二口3、掌握微信公众号推文界面的设计与制作。4、掌握微信小程序界面的设计与制作。(1)制作“盛夏集团”的标志，在设计时先绘制倾斜的形状，然后输入字母并对字母进行 变形，使其更具有设计感。完成后的参考效果如下列图所示。思考及作 业(2)根据提供的素材文件，制作中秋节的微信朋友圈封面和节日海报，在制作时以月饼、 玉兔等为主要素材、以红色为主要颜色，通过不同素材的组合让效果更加美观。完成后的 参考效果如下列图所示。课时内容微博界面的设计与制 作授课时间90分钟课时2教学目标0掌握微博账号的设计与制作0 掌握微博开屏广告图的设计与制作0 掌握微博借势营销广告图的设计与制作教学重点0掌握微博各个页面的设计方法。教学难点0 如何进行微博各个页面的设计。教学设计1 .教学思路：(1):通过讲解微博头像设计的要点，微博封面图、主页图尺寸规格，掌 握微博账号的设计与制作；(2)：通过讲解什么是微博开屏广告、微博开屏广告的特 点、微博开屏广告的类别，让学员掌握微博开屏广告图的设计与制作；(3)：通过讲 解什么是借势营销、微博借势营销广告图的设计要点，让学员掌握微博借势营销广 告图的设计与制作；(4)通过工程实训，让学员对所学知识进行练习巩固所学知识。2 .教学手段：通过理论带案例步骤的方式，让学生加深理论知识理解的同时，掌握其 操作方法。3 .教学资料及要求：除教材中的实例外，学员还需通过其他途径对微博各个界面进行 设计，让操作编辑更加简单。教学内容知识回顾：刖面讲解了微信界面的设计与制作，下面对微博界面的设计与制作进行介绍。讨论问题：1、如何进行微博账号的设计与制作？2、如何进行微博开屏广告图的设计与制作？3、如何进行微博借势营销广告图的设计与制作？内容大纲：具体可结合本章的ppt课件进行配合讲解。4.1 微博账号的设计与制作4.1.1 微博头像设计的要点4.1.2 微博封面图、主页图尺寸规格4.1.3 案例设计：制作微博头像4.1.4 案例设计：制作微博封面图4.1.5 案例设计：制作微博主页图4.2 微博开屏广告图的设计与制作4.2.1 什么是微博开屏广告4.2.2 微博开屏广告的特点4.2.3 微博开屏广告的类别4.2.4 案例设计：制作微博开屏广告图4.3 微博借势营销广告图的设计与制作4.3.1 什么是借势营销4.3.2 微博借势营销广告图的设计要点4.3.3 案例设计：制作微博借势营销广告图4.4 工程实训工程一制作通信公司微博头像工程二制作端午节开屏广告图实战演练1 .掌握微博账号的设计与制作。小结2 .掌握微博开屏广告图的设计与制作。3 .掌握微博借势营销广告图的设计与制作。(1)制作“好房佳物业公司”微博头像，在制作时先绘制房屋形状用作企业Logo,再 通过文字说明企业名称。完成后的参考效果如下列图所示。(2)制作暑假旅游季开屏广告，在制作时先制作背景，然后绘制形状并输入文字。完 成后的参考效果如下列图所示。思考及作业段微博0 2000-2020 WWO课时内容信息类平台界面的设计与制作授课时间135分钟课时3教学目标0 掌握今日头条界面的设计与制作。0掌握知乎界面的设计与制作。教学重点0 掌握今日头条优质广告的制作技巧。0掌握知乎主页封面的类型。教学难点0 如何进行今日头条界面、知乎界面的设计。教学设计1 .教学思路：(1):通过今日头条优质广告的制作技巧，掌握今日头条界面的设计与制 作；(2)：通过介绍知乎主页封面的类型，让学员掌握知乎界面的设计与制作；(3) 通过工程实训，让学员对所学知识进行练习巩固所学知识。2 .教学手段：通过理论带案例步骤的方式，让学生加深理论知识理解的同时，掌握其 操作方法。3 .教学资料及要求：除教材中的实例外，学员还需通过其他途径对信息类平台的界面 进行设计，让操作编辑更加简单。教学内容知识回顾：前面讲解了微博界面的设计与制作，下面对信息类平台界面的设计与制作进行介绍。讨论问题：1、如何设计今日头条界面？2、如何设计知乎界面？内容大纲：具体可结合本章的PPT课件进行配合讲解。5.1 今日头条界面的设计与制作5.1.1 今日头条优质广告的制作技巧5.1.2 案例设计：制作今日头条账号头像5.1.3 案例设计：制作今日头条广告5.2 知乎界面的设计与制作5.2.1 知乎主页封面的类型5.2.2 案例设计：制作知乎账号头像5.2.3 案例设计：制作知乎个人主页封面5.2.4 案例设计：制作知乎宣传广告5.3 工程实训工程一制作云端汽车服务今日头条头像工程二 制作知乎音乐人的个人主页封面实战演练小结小结小结1 .掌握今日头条界面的设计与制作。2 .掌握知乎界面的设计与制作。