2教学设计方案《banner图设计

2024年陈双双《海报设计》教案公开课设计一、教学内容本节课选自《平面设计基础教程》第六章《海报设计》。

详细内容包括：海报设计的基本原则、创意构思、视觉元素运用、版式设计以及色彩搭配。

二、教学目标1. 了解和掌握海报设计的基本原则和流程；2. 学会运用视觉元素进行创意构思和版式设计；3. 提高学生的色彩搭配能力和审美水平。

三、教学难点与重点教学难点：创意构思和视觉元素的运用；教学重点：海报设计的基本原则和版式设计。

四、教具与学具准备教具：PPT、案例图片、设计软件（如Photoshop、Illustrator 等）；学具：电脑、画笔、颜料、画纸等。

五、教学过程1. 导入：展示一组优秀海报作品，引导学生从视觉、创意等方面进行欣赏和分析，激发学生的学习兴趣。

2. 理论讲解：（1）讲解海报设计的基本原则；（2）分析创意构思的方法；（3）介绍视觉元素的运用；（4）阐述版式设计和色彩搭配技巧。

3. 实践操作：（1）教师示范：现场演示一个海报设计的全过程，包括创意构思、视觉元素运用、版式设计等；（2）学生练习：学生在教师指导下，运用所学知识进行海报设计实践。

4. 随堂练习：布置一道海报设计题目，要求学生在课堂上完成。

六、板书设计1. 海报设计的基本原则；2. 创意构思方法；3. 视觉元素运用；4. 版式设计与色彩搭配技巧。

七、作业设计1. 作业题目：设计一份主题为“环保”的海报；2. 答案要求：符合海报设计的基本原则，创意独特，视觉元素运用得当，版式设计合理，色彩搭配和谐。

八、课后反思及拓展延伸1. 反思本次教学过程中的优点和不足，针对不足进行改进；2. 拓展延伸：鼓励学生关注国内外优秀海报设计作品，提高审美水平，培养创新意识。

重点和难点解析：1. 教学难点与重点的把握；2. 教学过程中的实践操作；3. 作业设计；4. 课后反思及拓展延伸。

详细补充和说明：一、教学难点与重点的把握教学难点与重点是教学过程中的关键环节，需着重关注。

•这种分析下会发现有以下几点：
1. 注重排版，文字规整排版，比如左对齐，居中对齐，不会去做一些怪异的字体变形，而是有一个着重突出的文字信息放大形成一 个面，压住全局，适当留白。
2. 色彩不会太多，3种至多（如果商品本身就是五颜六色的就另当别论了），配色参照商品本身或领近色来取色，只有某一个需要 突出的文字信息才会用对此反差比较大的颜色，比如折扣信息或重要的功能信息
•主题标语、利益点文案信息的确认
一般来说我们可以从文案中寻找灵感确定设计方向（一个好的文案就是这么diao），为了避免设计方 向错误，所以需要确认好了才动手，其次就算只是简单的文字排版，万一后续又有文案的改需求，第一件事应该去了解以下几个方 面点：
看快来瞧啊，你买了不吃亏，你买不上当啊～～
关键词：促销（比较diao的促销）
•这种比较适合商家店铺banner图或者实体店促销招牌，因为你本身 就处在这个店铺里面，鬼才晓得你要卖什么啊！ •这种分析下会发现有以下几点：
1. 形式感，大大的sale和大红背景告诉你，人家是促销的。 2. 就是不告诉你我要促销什么，你来猜啊，你来点我点我我才告诉答案哦 3. 总之，这种要么为了吸引有点好奇心的消费者，要么吸引已经是老顾客的消费者，运用在实
BANNER设计
匬䧭굥呔垷㗌ꅾ絆
A 基本知识 B 构成要素 C 实际案例 D 关于思考
A
基本知识
• Banner:可以作为网页页面的横幅广告，也可以作为游行活动时用的旗帜，还可以 是报纸杂志上的大标题。Banner主要体现中心意旨，形象鲜明表达最主要的情感 思想或宣传中心。
• Banner:属于网络广告，它区别于传统媒体有很多优越性，比如1.覆盖面广。2.不 受时间限制，广告时间持久。3.方式灵活，互动性强。4.可以分类检索，广告针对 性强。5.制作简捷，广告费用低。6.可以准确的统计受众数量。

教学内容、教学过程
教学方法与
学习指导
点击PS工具列下端转换Adobe ImageReady，创建帧。第一帧用紫色边框，第二帧用蓝色边框，具体只需点击不想要显示的图层前眼睛图标即可隐藏图层，点击动画窗口的新建帧按钮，将时间设置成0.5秒。
完成后可点击动画栏下面的播放工具预览效果，之后再保存即可。
三、学生演练
年 月 日
星期
第 节
班级
级 班
第4页
时间安排
教学内容、教学过程
教学方法与
学习指导
任务四：利用PS设计店招。
打开PS软件，新建一个大小为950*151像素的文档，分辨率设置为72，背景色设置为白色，颜色模式是RGB。
打开选好的底图进行裁切修整，用仿制图章工具将图片上的水印部分抹掉，用钢笔工具勾出指示牌，勾出想要的招牌后可以使用“投影”效果让它更显立体。
在店招上添加文字，使用“手写体”更能给人一种亲近温暖的感觉，还可以使用使用了浮雕和投影效果。
制作闪动的文字，对店名进行闪动效果装饰。
通过店招的设计进一步强化学生所学的PS知识，将理论与实践结合起来。
掌握店招设计的技巧。
***学校网店运营科教案（乙）
授课时间
年 月 日
星期
第 节
班级
级 班
第5页
时间安排
六、课后作业
利用课后时间美化自己店铺中的店标。争取所有学生的教师评分都为满分。
在“评测成绩”下查看“项目四：网店装修”下任务二的教师评分和修改建议。
教师在后台给每位学生进行星级评分，并给出相应的修改。
以班级排名的方式激发学生继续学习的兴趣和完善任务的动力。
知识小结，回顾本次课的重点和难点。
完善店招设计制作建议。

应用路径和图层製作网页banner说课稿尊敬的各位领导、老师，大家好，我说课的题目是“应用路径和图层製作网页banner”我主要从：地位和作用、教学目标、教学物件分析、教学重点与难点、教学策略与手段、预计效果、教学流程设计、教学反思八个方面进行说课。

首先我们进入第一个内容——课程地位和作用。

教学内容分析：根据课程目标，本课程选择**建设与管理中经常使用的网页美工作为教学内容，分别是网页版式与色彩规划、logo设计、主题按钮设计、栏目框架设计等，本次课的内容是属于 banner设计的内容——製作典型**banner效果图。

banner设计在**建设中的地位就如同住宅中的门庭装修，是**整体印象的关键。

本次课是讲解banner设计的综合课，在前面的学习任务中已经介绍了photoshop的工具应用、色彩规划、banner的作用与设计原理等，完成一个由**巧妙结合表现**的主体气息氛围的网页banner，是在前面学习任务基础之上的应用、拓展环节，同时也为后面的网页整体设计的综合应用做必要的铺垫。

地位和作用：本次课的教学设计，我们首先通过调研，确定学生的就业岗位，然后结合岗位中的典型工作任务，转换成我们学生的学习任务，本次课的内容就是其中之一。

说完了任务**，下面我来介绍一下课程在专业中的地位。

《图形影象设计》这门课是软体技术的一门专业基础性课程。

通过学习使学生能利用photoshop软体进行各类图形影象应用的处理（如原画上色、标誌、广告、版面设计、网页布局图等），为后继的网页设计课程、软体设计综合训练的学习打下基础，增强其动手能力已经理论联络实际的能力。

而本次课的内容又是这门课的基本应用之一。

该部分知识是在学习了路径和图层的基础上，主要作用是设计典型**主页顶部的横幅位置。

介绍完课程的地位和作用，我们接下来介绍本次课的学习目标。

学习目标：通过本次课的学习，学生能在教师的指导下，利用所学的基础知识——使用钢笔工具与路径结合抠出複杂的流图与配色，结合图层的使用，製作新增网页基本按钮、导航、logo和广告语，培养学生的版面设计与色调搭配的能力，以有效的元素来表现富有深刻内涵的主题。