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

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

《《PS新媒体美工设计》课程教学教案.docx》由会员分享，可在线阅读，更多相关《《PS新媒体美工设计》课程教学教案.docx（23页珍藏版）》请在冰点文库上搜索。

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

《Photoshop新媒体美工设计》

配套教学教案

第1章

课时内容

初识新媒体美工

授课时间

课时

教学目标

þ新媒体美工的基础知识。

þ新媒体美工的工作流程。

教学重点

þ掌握新媒体美工到底是什么。

þ掌握图片的制作方法

教学难点

þ掌握新媒体美工是怎么进行制作。

教学设计

1、教学思路：

（1）：

主要讲解新媒体美工的基础知识，包括什么是新媒体美工、新媒体美工的技能要求、新媒体美工需要注意的问题等知识；

（2）：

通过新媒体美工的工作流程，让学员掌握如何进行效果的设计与制作；（3）：

通过实战案例巩固所学知识。

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.3　实战案例

1.3.1实战：

小年夜活动海报的素材搜集与整合

1.3.2实战：

分析端午节素材处理前后的效果

1.4　课后习题

小结

1.掌握新媒体美工的技能要求。

2.掌握新媒体美工对图像的制作方法。

思考及作业

课后练习：

搜集、整理与旅行相关的素材并进行整合，要求最终画面效果美观，且符合“旅行”主题。

图1-11所示为搜集的旅行海报素材及其整合后的参考效果。

第2章

课时内容

新媒体美工设计的基本原则

授课时间

课时

教学目标

þ掌握新媒体美工设计准则。

þ掌握新媒体美工设计的原则。

教学重点

þ掌握设计准则的体现方式。

þ掌握如何在设计中凸显重点内容。

教学难点

þ掌握如何运用设计原则进行设计。

教学设计

1、教学思路：

（1）：

主要讲解新媒体美工设计准则，包括了解用户的需、具备视觉创意、突出行业属性等知识；

（2）：

通过新媒体美工设计的原则，让学员掌握设计方法；（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重复利用与简洁性

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章

课时内容

新媒体美工设计的基本要素

授课时间

课时

教学目标

þ认识图形设计要素。

þ了解设计展现要素。

教学重点

þ掌握点、线、面的设计要点。

þ掌握色彩的搭配技巧。

教学难点

þ掌握色彩、版式和文字的搭配。

教学设计

1、教学思路：

（1）通过图形设计要素的讲解，让学员掌握点、线、面的知识；

（2）了解设计展现要素，让学员掌握色彩、版式、文字的使用方法；（3）通过实战案例巩固所学知识。

2、教学手段：

首先讲基础知识，然后通过实例的形式对讲解的知识进行运用。

3、教学资料及要求：

除教材中讲解的知识，可以要求学生对收集地效果进行分析，了解这些要素的使用方法。

教学内容

知识回顾：

前面讲解了新媒体美工设计的基本原则，下面对新媒体美工设计的基本要素进行介绍。

讨论问题：

1、如何在画面中正确运用色彩？

2、如何将点、线、面进行结合使用？

内容大纲：

具体可结合本章的PPT课件进行配合讲解。

3.1　认识图形设计要素

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章

课时内容

新媒体美工文字设计

授课时间

课时

教学目标

þ新媒体美工文字设计要求。

þ标志文字设计。

þ海报文字设计。

þ封面文字设计。

教学重点

þ掌握不同文字的设计方法。

þ掌握文字设计要点。

教学难点

þ如何进行不同文字的设计。

教学设计

1.教学思路：

（1）通过新媒体美工文字设计要求，掌握文字的设计要点；

（2）通过标志文字设计的学习，让学员掌握标志文字的设计方法；（3）通过海报文字设计，让学员掌握海报文字的设计方法；（4）通过封面文字的设计，让学员掌握封面文字的设计方法；（5）通过实战案例，让学员对所学知识进行练习巩固所学知识。

2.教学手段：

通过理论带案例步骤的方式，让学生加深理论知识理解的同时，掌握其操作方法。

3.教学资料及要求：

除教材中的实例外，学员还需通过其他途径对不同字体进行设计，让操作编辑更加简单。

教学内容

知识回顾：

前面讲解了新媒体美工设计的基本要素，下面对文字的设计方法进行介绍。

讨论问题：

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　课后习题

标志文字视频封面文字

小结

1.掌握不同文字的设计方法。

2.掌握文字的设计要求。

思考及作业

课后练习：

本习题要求打开“公众号封面.psd”素材，在其中进行文字的输入，效果如下图所示。

第５章

课时内容

新媒体美工图片设计

授课时间

课时

教学目标

þ新媒体美工图片设计要求。

þ开屏广告图设计。

þ　Banner设计。

教学重点

þ掌握图片的设计要求。

þ掌握不同图片的设计方法。

教学难点

þ如何进行不同图片的设计。

教学设计

1.教学思路：

（1）通过新媒体美工图片设计要求，掌握图片的设计要点；

（2）通过开屏广告图设计，让学员掌握开屏广告的设计方法；（3）通过Banner设计设计，让学员掌握Banner设计的设计方法；（4）通过实战案例，让学员对所学知识进行练习巩固所学知识。

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.3　Banner设计

5.3.1Banner的设计要点

5.3.2制作横幅广告Banner

5.4　实战案例

5.4.1实战：

制作阅读App开屏广告

5.4.2实战：

制作年货节宣传Banner

5.5　课后习题

开屏广告图banner

小结

1.掌握图片的设计方法。

2.掌握图片的设计技巧。

思考及作业

课后练习：

（1）本习题将制作以世界微笑日为主题的开屏广告，在制作时以橙色、黄色为主色，用微笑的形状点明主题，再在下方通过文字进行说明，让主题内容更加明确，效果如下图所示。

（2）本习题将打开“语文数学培训课Banner素材.psd”素材，进行语文数学培训课Banner的制作，在制作时用“+、-、×、÷、铅笔、圆规”等素材，来点明培训内容，再通过文字点明主题，效果如下图所示。

第6章

课时内容

新媒体美工视频设计

授课时间

课时

教学目标

þ视频的基础知识。

þ视频的制作。

教学重点

þ掌握视频的制作过程。

þ掌握视频的制作方法。

教学难点

þ如何进行视频的制作。

教学设计

1.教学思路：

（1）通过视频的基础知识，让学员了解如何进行视频的制作；

（2）通过视频的制作，让学员掌握不同视频的制作方法；（3）最后实战案例，最视频内容进行总结。

2.教学手段：

通过理论带案例步骤的方式，让学生加深理论知识理解的同时，掌握其操作方法。

3.教学资料及要求：

除教材中的实例外，学员还需通过制作其他类型的视频，并总结制作方法。

教学内容

知识回顾：

前面介绍了图片的设计方法，下面讲解视频的制作方法。

讨论问题：

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）本习题将拍摄一组童装的视频。

可先拍摄模特穿着童装的效果，营造出一种活泼、欢快的氛围，再单独展示童装的材质与工艺。

要求对布料特征、无缝缝制、色彩缤纷等卖点进行展现，参考效果如下图所示。

（2）本习题将制作果蔬面粉的视频。

在制作时要求将面粉的使用场景和制作氛围体

现出来，并通过文字介绍，体现出面粉的卖点，然后添加音乐，以增加用户浏览量，参考效果如下图所示。

第7章

课时内容

微信平台设计

授课时间

课时

教学目标

þ微信账号头像设计。

þ朋友圈设计。

þ微信公众号推文设计。

þ微信小程序设计。

教学重点

þ掌握朋友圈图的设计方法。

þ掌握公众号推文的设计方法。

教学难点

þ如何进入微信各个页面的设计方法。

教学设计

1.教学思路：

（1）通过微信账号头像设计，让学员掌握账号头像的设计；

（2）通过朋友圈设计，让学员掌握朋友圈页面的设计方法；（3）通过微信公众号推文设计，让学员掌握推文的设计方法；（4）通过通过微信小程序设计，让学员小程序各个页面的的设计方法；（5）最后实战案例，最视频内容进行总结。

。

2.教学手段：

通过理论带案例步骤的方式，让学生加深理论知识理解的同时，掌握其操作方法。

3.教学资料及要求：

除教材中的实例外，学员还可拟定一个主题，对微信各个页面进行设计。

教学内容

知识回顾：

前面介绍了新媒体美工视频设计，下面讲解微信平台设计。

讨论问题：

1、如何进行同类型的微信页面设计？

2、在微信设计过程中会出现哪些问题？

内容大纲：

具体可结合本章的PPT课件进行配合讲解。

7.1　微信账号头像设计

7.2　朋友圈设计

7.2.1朋友圈封面设计

7.2.2朋友圈活动海报设计

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章

课时内容

移动端淘宝店铺设计

授课时间

课时

教学目标

þ移动端淘宝店铺首页设计。

þ移动端淘宝商品详情页设计。

教学重点

þ掌握淘宝店铺各个页面的设计方法。

教学难点

þ掌握首页中各个页面的设计。

教学设计

1.教学思路：

（1）通过移动端淘宝店铺首页设计，让学员掌握首页的设计方法；

（2）通过移动端淘宝商品详情页设计，让学员掌握详情页的设计方法；（3）最后通过实训，掌握其他店铺首页和详情页的设计方法。

2.教学手段：

通过理论带案例步骤的方式，让学生加深理论知识理解的同时，掌握其操作方法。

3.教学资料及要求：

除教材中的实例外，学员还可对其他电脑的首页和详情页进行设计，掌握页面的设计方法。

教学内容

知识回顾：

前面讲解了微信平台设计，下面对移动端淘宝店铺设计进行介绍。

讨论问题：

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）本习题将制作移动端家居网店首页。

要求在该移动端首页中要展现出家居用品，并将新品在矩形框中展现出来，整体呈浅色的效果，让整个网店首页清新、自然。

在结构上，可以将本习题的移动端网店首页划分为首屏焦点图、优惠券、爆款活动3个部分，完成后的参考效果。

（2）本习题将利用搜集的素材制作移动端水蜜桃商品详情页。

在制作时，先制作水蜜桃焦点图，再制作详细介绍水蜜桃内容的部分。

完成后的参考效果。

第9章

课时内容

其他平台设计

授课时间

课时

教学目标

þ今日头条的设计与制作。

þ微博的设计与制作。

þ喜马拉雅的设计与制作。

þ抖音和虎牙的直播设计与制作。

教学重点

þ掌握今日头条各个页面的设计方法。

þ掌握微博各个页面的设计方法。

þ掌握抖音和虎牙各个页面的设计方法。

教学难点

þ掌握进行不同平台的设计。

þ在设计不同平台时，如何设计相同的效果。

教学设计

1.教学思路：

（1）通过今日头条的设计与制作，使学员掌握今日头条各个页面的设计方法；

（2）通过微博的设计与制作，使学员掌握微博各个页面的设计方法；（3）通过喜马拉雅的设计与制作，使学员掌握喜马拉雅各个页面的设计方法；（4）最后通过抖音和雅虎，掌握音频和视频各个页面的制作方法。

（5）最后通过实训，掌握各个页面的设计方法。

2.教学手段：

通过理论带案例步骤的方式，让学生加深理论知识理解的同时，掌握其操作方法。

3.教学资料及要求：

除教材中的实例外，学员还可以对其他软件的页面进行制作，巩固所学内容。

教学内容

知识回顾：

前面移动端淘宝店铺设计的知识，下面对其他平台设计进行介绍。

讨论问题：

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设计。

在制作时，以减肥为主题，先制作出背景，然后添加素材和文字，完成后的效果。