《PS新媒体美工设计》课程教学教案.docx

1、PS新媒体美工设计课程教学教案Photoshop新媒体美工设计配套教学教案第1章课时内容初识新媒体美工授课时间课时教学目标 新媒体美工的基础知识。 新媒体美工的工作流程。教学重点 掌握新媒体美工到底是什么。 掌握图片的制作方法教学难点 掌握新媒体美工是怎么进行制作。教学设计1、教学思路：（1）：主要讲解新媒体美工的基础知识，包括什么是新媒体美工、新媒体美工的技能要求 、新媒体美工需要注意的问题等知识；（2）：通过新媒体美工的工作流程，让学员掌握如何进行效果的设计与制作；（3）：通过实战案例巩固所学知识。2、教学手段：首先讲基础知识，然后通过实例的形式对讲解的知识进行运用。3、教学资料及要求：除

2、教材中讲解的知识，可以要求学生收集素材，为后期的学习做准备。教学内容知识回顾：下面将讲解新媒体美工的理论知识，以及工作流程。讨论问题：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.3实战案例 1.3.1 实战：小年夜活动海报的素材搜集与整合 1.3.2 实战：分析端午节素材处理前后的效果 1.4课

3、后习题小结1.掌握新媒体美工的技能要求。2.掌握新媒体美工对图像的制作方法。思考及作业课后练习：搜集、整理与旅行相关的素材并进行整合，要求最终画面效果美观，且符合“旅行”主题。图1-11 所示为搜集的旅行海报素材及其整合后的参考效果。第2章课时内容新媒体美工设计的基本原则授课时间课时教学目标 掌握新媒体美工设计准则。 掌握新媒体美工设计的原则。教学重点 掌握设计准则的体现方式。 掌握如何在设计中凸显重点内容。教学难点 掌握如何运用设计原则进行设计。教学设计1、教学思路：（1）：主要讲解新媒体美工设计准则，包括了解用户的需、具备视觉创意、突出行业属性等知识；（2）：通过新媒体美工设计的原则，让学

4、员掌握设计方法；（3）：通过实战案例巩固所学知识。2、教学手段：首先讲基础知识，然后通过实例的形式对讲解的知识进行运用。3、教学资料及要求：除教材中讲解的知识，可以要求学生对收集地效果进行分析，了解这些效果的设计准则和设计方法。教学内容知识回顾：前面讲解了新媒体美工的基础知识，下面介绍新媒体美工的设计原则。讨论问题：1、如何了解设计需求？ 2、如何将效果主次分明、中心突出？内容大纲：具体可结合本章的PPT课件进行配合讲解。2.1新媒体美工设计准则 2.1.1 了解用户的需求2.1.2 具备视觉创意2.1.3 突出行业属性2.2新媒体美工设计的原则2.2.1 统一识别2.2.2 重复利用与简洁性

5、2.2.3 主次分明、中心突出2.2.4 合理搭配色彩 2.2.5 合理运用字体 2.3实战案例2.3.1 实战：赏析某天气App的开屏界面2.3.2 实战：赏析Banner中的设计亮点2.4课后习题小结1、掌握设计准则的运用方法2、掌握设计原则的基本内容思考及作业课后练习：（1）从设计原则和设计效果的角度出发，对下图所示的4S 店Banner 进行分析。（2）从设计亮点与设计原则的角度出发，对下图所示的不同系列的促销海报进行分析。第3章课时内容新媒体美工设计的基本要素授课时间课时教学目标 认识图形设计要素。 了解设计展现要素。教学重点 掌握点、线、面的设计要点。 掌握色彩的搭配技巧。教学难点

6、 掌握色彩、版式和文字的搭配。教学设计1、教学思路：（1）通过图形设计要素的讲解，让学员掌握点、线、面的知识；（2）了解设计展现要素，让学员掌握色彩、版式、文字的使用方法；（3）通过实战案例巩固所学知识。2、教学手段：首先讲基础知识，然后通过实例的形式对讲解的知识进行运用。3、教学资料及要求：除教材中讲解的知识，可以要求学生对收集地效果进行分析，了解这些要素的使用方法。教学内容知识回顾：前面讲解了新媒体美工设计的基本原则，下面对新媒体美工设计的基本要素进行介绍。讨论问题：1、如何在画面中正确运用色彩？ 2、如何将点、线、面进行结合使用？内容大纲：具体可结合本章的PPT课件进行配合讲解。3.1认

7、识图形设计要素3.1.1 点3.1.2 线3.1.3 面3.2了解设计展现要素3.2.1 色彩3.2.2 版式布局3.2.3 文字 3.3实战案例对H5页面进行鉴赏3.4课后习题小结掌握图形设计与展现要素。思考及作业（1）对下图所示两张公众号封面图进行鉴赏，分析它们的色彩、文字应用技巧，并对它们的展现方式进行阐述。（2）对下图所示的两张活动简章进行鉴赏，分析它们的版式布局和文字选择技巧，并对它们的展现方式进行阐述。第4章课时内容新媒体美工文字设计授课时间课时教学目标 新媒体美工文字设计要求。 标志文字设计。 海报文字设计。 封面文字设计。教学重点 掌握不同文字的设计方法。 掌握文字设计要点。教

8、学难点 如何进行不同文字的设计。教学设计1.教学思路：（1）通过新媒体美工文字设计要求，掌握文字的设计要点；（2）通过标志文字设计的学习，让学员掌握标志文字的设计方法；（3）通过海报文字设计，让学员掌握海报文字的设计方法；（4）通过封面文字的设计，让学员掌握封面文字的设计方法；（5）通过实战案例，让学员对所学知识进行练习巩固所学知识。2.教学手段：通过理论带案例步骤的方式，让学生加深理论知识理解的同时，掌握其操作方法。3.教学资料及要求：除教材中的实例外，学员还需通过其他途径对不同字体进行设计，让操作编辑更加简单。教学内容知识回顾：前面讲解了新媒体美工设计的基本要素，下面对文字的设计方法进行介

9、绍。讨论问题：1、如何进行海报文字的设计？ 2、如何进行其他字体的设计？内容大纲：具体可结合本章的PPT课件进行配合讲解。4.1新媒体美工文字设计要求 4.1.1 文字要易于识别4.1.2 文字要有层次感4.1.3 文字要美观4.2标志文字设计4.2.1 文字在企业标志中的重要性 4.2.2 标志文字的设计要点4.2.3 制作标志文字4.3海报文字设计4.3.1 海报文字的设计要点 4.3.2 制作海报文字4.4封面文字设计 4.4.1 封面文字的设计要点4.4.2 制作视频封面文字4.5实战案例4.5.1 实战：制作青禾标志文字4.5.2 实战：制作 公众号封面文字4.6课后习题 标志文字

10、视频封面文字小结1.掌握不同文字的设计方法。2.掌握文字的设计要求。思考及作业课后练习：本习题要求打开“公众号封面.psd”素材，在其中进行文字的输入，效果如下图所示。第章课时内容新媒体美工图片设计授课时间课时教学目标 新媒体美工图片设计要求。 开屏广告图设计。 Banner设计。教学重点 掌握图片的设计要求。 掌握不同图片的设计方法。教学难点 如何进行不同图片的设计。教学设计1.教学思路：（1）通过新媒体美工图片设计要求，掌握图片的设计要点；（2）通过开屏广告图设计，让学员掌握开屏广告的设计方法；（3）通过Banner设计设计，让学员掌握Banner设计的设计方法；（4）通过实战案例，让学员

11、对所学知识进行练习巩固所学知识。2.教学手段：通过理论带案例步骤的方式，让学生加深理论知识理解的同时，掌握其操作方法。3.教学资料及要求：除教材中的实例外，学员还需通过其他途径对不同图片进行设计，让操作编辑更加简单。教学内容知识回顾：前面讲解了文字的设计方法，下面对图片的设计方法进行介绍。讨论问题：1、如何设计banner图片？ 2、如何设计开屏广告？ 内容大纲：具体可结合本章的PPT课件进行配合讲解。5.1新媒体美工图片设计要求5.1.1 图片的素材要求5.1.2 图片的设计要求5.2开屏广告图设计5.2.1 开屏广告的特点5.2.2 开屏广告的类别5.2.3 制作开屏广告图5.3Banne

12、r设计5.3.1 Banner的设计要点5.3.2 制作横幅广告Banner 5.4实战案例5.4.1 实战：制作阅读App开屏广告5.4.2 实战：制作年货节宣传Banner5.5课后习题 开屏广告图 banner小结1.掌握图片的设计方法。2.掌握图片的设计技巧。思考及作业课后练习：（1）本习题将制作以世界微笑日为主题的开屏广告，在制作时以橙色、黄色为主色，用微笑的形状点明主题，再在下方通过文字进行说明，让主题内容更加明确，效果如下图所示。（2）本习题将打开“语文数学培训课Banner 素材.psd”素材，进行语文数学培训课Banner 的制作，在制作时用“+、-、铅笔、圆规”等素材，来点

13、明培训内容，再通过文字点明主题，效果如下图所示。 第6章课时内容新媒体美工视频设计授课时间课时教学目标 视频的基础知识。 视频的制作。教学重点 掌握视频的制作过程。 掌握视频的制作方法。教学难点 如何进行视频的制作。教学设计1.教学思路：（1）通过视频的基础知识，让学员了解如何进行视频的制作；（2）通过视频的制作，让学员掌握不同视频的制作方法；（3）最后实战案例，最视频内容进行总结。2.教学手段：通过理论带案例步骤的方式，让学生加深理论知识理解的同时，掌握其操作方法。3.教学资料及要求：除教材中的实例外，学员还需通过制作其他类型的视频，并总结制作方法。教学内容知识回顾：前面介绍了图片的设计方法

14、，下面讲解视频的制作方法。讨论问题：1、如何制作不同类型的视频？ 2、不同视频存在哪些差别？ 内容大纲：具体可结合本章的PPT课件进行配合讲解。6.1视频的基础知识6.1.1 视频的特点6.1.2 常见视频类别6.1.3 视频的定位6.1.4 视频的拍摄 6.2视频的制作6.2.1 制作企业宣传视频6.2.2 制作商品展示视频6.3实战案例制作汽车宣传视频 6.4课后习题 企业宣传视频 汽车宣传视频小结1.掌握快速制作视频的方法。2.掌握视频的制作技巧。思考及作业课后练习：（1）本习题将拍摄一组童装的视频。可先拍摄模特穿着童装的效果，营造出一种活泼、欢快的氛围，再单独展示童装的材质与工艺。要求

15、对布料特征、无缝缝制、色彩缤纷等卖点进行展现，参考效果如下图所示。（2）本习题将制作果蔬面粉的视频。在制作时要求将面粉的使用场景和制作氛围体现出来，并通过文字介绍，体现出面粉的卖点，然后添加音乐，以增加用户浏览量，参考效果如下图所示。第7章课时内容微信平台设计授课时间课时教学目标 微信账号头像设计。 朋友圈设计。 微信公众号推文设计。 微信小程序设计。教学重点 掌握朋友圈图的设计方法。 掌握公众号推文的设计方法。教学难点 如何进入微信各个页面的设计方法。教学设计1.教学思路：（1）通过微信账号头像设计，让学员掌握账号头像的设计；（2）通过朋友圈设计，让学员掌握朋友圈页面的设计方法；（3）通过微

16、信公众号推文设计，让学员掌握推文的设计方法；（4）通过通过微信小程序设计，让学员小程序各个页面的的设计方法；（5）最后实战案例，最视频内容进行总结。2.教学手段：通过理论带案例步骤的方式，让学生加深理论知识理解的同时，掌握其操作方法。3.教学资料及要求：除教材中的实例外，学员还可拟定一个主题，对微信各个页面进行设计。教学内容知识回顾：前面介绍了新媒体美工视频设计，下面讲解微信平台设计。讨论问题：1、如何进行同类型的微信页面设计？ 2、在微信设计过程中会出现哪些问题？内容大纲：具体可结合本章的PPT课件进行配合讲解。7.1微信账号头像设计7.2朋友圈设计 7.2.1 朋友圈封面设计7.2.2 朋

17、友圈活动海报设计7.3微信公众号推文设计7.3.1 公众号推文横幅广告设计7.3.2 公众号推文底部广告设计7.3.3 公众号推文封面设计 7.4微信小程序设计7.4.1 微信小程序首页设计 7.4.2 微信小程序搜索页设计7.4.3 微信小程序会员中心页设计7.5实战案例制作图书公众号推文封面7.6课后习题 微信账号头像 朋友圈封面 公众号推文横幅广告小结1.掌握微信各个页面的设计方法。2.掌握微信的设计技巧。思考及作业课后练习：本习题将制作中秋节的朋友圈封面和节日海报，在制作时以月饼、嫦娥等主要素材，以红色为主要颜色，通过不同素材的组合让各个效果更加美观，完成后的参考效果。第8章课时内容移

18、动端淘宝店铺设计授课时间课时教学目标 移动端淘宝店铺首页设计。 移动端淘宝商品详情页设计。教学重点 掌握淘宝店铺各个页面的设计方法。教学难点 掌握首页中各个页面的设计。教学设计1.教学思路：（1）通过移动端淘宝店铺首页设计，让学员掌握首页的设计方法；（2）通过移动端淘宝商品详情页设计，让学员掌握详情页的设计方法；（3）最后通过实训，掌握其他店铺首页和详情页的设计方法。2.教学手段：通过理论带案例步骤的方式，让学生加深理论知识理解的同时，掌握其操作方法。3.教学资料及要求：除教材中的实例外，学员还可对其他电脑的首页和详情页进行设计，掌握页面的设计方法。教学内容知识回顾：前面讲解了微信平台设计，下

19、面对移动端淘宝店铺设计进行介绍。讨论问题：1、了解首页有哪些页面，如何进行设计？ 2、详情页设计需要注意哪些问题？内容大纲：具体可结合本章的PPT课件进行配合讲解。8.1移动端淘宝店铺首页设计8.1.1 店招设计8.1.2 主题海报设计8.1.3 优惠信息设计8.1.4 商品展示区设计8.2移动端淘宝商品详情页设计8.2.1 焦点图设计 8.2.2 商品描述图设计8.2.3 商品卖点图设计8.3实战案例8.3.1 实战：制作移动端绿植店铺首页8.3.2 实战：制作移动端绿植店铺商品详情页8.4课后习题 店招 优惠券 焦点图小结掌握淘宝中各个页面的制作方法。思考及作业课后练习：（1）本习题将制作

20、移动端家居网店首页。要求在该移动端首页中要展现出家居用品，并将新品在矩形框中展现出来，整体呈浅色的效果，让整个网店首页清新、自然。在结构上，可以将本习题的移动端网店首页划分为首屏焦点图、优惠券、爆款活动3 个部分，完成后的参考效果。（2）本习题将利用搜集的素材制作移动端水蜜桃商品详情页。在制作时，先制作水蜜桃焦点图，再制作详细介绍水蜜桃内容的部分。完成后的参考效果。第9章课时内容其他平台设计授课时间课时教学目标 今日头条的设计与制作。 微博的设计与制作。 喜马拉雅的设计与制作。 抖音和虎牙的直播设计与制作。教学重点 掌握今日头条各个页面的设计方法。 掌握微博各个页面的设计方法。 掌握抖音和虎牙

21、各个页面的设计方法。教学难点 掌握进行不同平台的设计。 在设计不同平台时，如何设计相同的效果。教学设计1.教学思路：（1）通过今日头条的设计与制作，使学员掌握今日头条各个页面的设计方法；（2）通过微博的设计与制作，使学员掌握微博各个页面的设计方法；（3）通过喜马拉雅的设计与制作，使学员掌握喜马拉雅各个页面的设计方法；（4）最后通过抖音和雅虎，掌握音频和视频各个页面的制作方法。（5）最后通过实训，掌握各个页面的设计方法。2.教学手段：通过理论带案例步骤的方式，让学生加深理论知识理解的同时，掌握其操作方法。3.教学资料及要求：除教材中的实例外，学员还可以对其他软件的页面进行制作，巩固所学内容。教学

22、内容知识回顾：前面移动端淘宝店铺设计的知识，下面对其他平台设计进行介绍。讨论问题：1、微博设计与微信设计的区别与联系？ 2、喜马拉雅各界面是如何进行设计的？内容大纲：具体可结合本章的PPT课件进行配合讲解。9.1今日头条的设计与制作 9.1.1 今日头条账号头像设计9.1.2 今日头条推送广告设计9.2微博的设计与制作9.2.1 微博头像设计9.2.2 微博九宫格广告设计 9.3喜马拉雅的设计与制作 9.3.1 焦点图宣传页设计9.3.2 制作专辑或节目封面图 9.3.3 制作活动或专题封面图9.4抖音和虎牙的直播设计与制作9.4.1 抖音顶部展示图设计9.4.2 虎牙直播专区Banner设计9.5实战案例9.5.1 实战：制作旅行分享电台焦点图宣传页9.5.2 实战：制作晚间节目封面图 9.6课后习题 虎牙直播专区Banner 活动或专题封面图小结1.掌握雅虎直播各个页面的设计方法。2.掌握微博页面的设计方法。思考及作业课后练习：（1）本习题将制作口罩的微博广告，在制作时先制作出不同形状的背景，然后添加素材并输入文字，完成后的参考效果。（2）本习题将进行虎牙直播户外专区的Banner 设计。在制作时，以减肥为主题，先制作出背景，然后添加素材和文字，完成后的效果。