网站LOGO设计 广州市电子信息学校 陶海蓉.

Presentation on theme: "网站LOGO设计 广州市电子信息学校 陶海蓉."— Presentation transcript:

1 网站LOGO设计 广州市电子信息学校 陶海蓉

2 1 2 3 4 5 教材分析 学情分析 教法学法 教学过程 教学反思 1

3 教材分析 1 2 3 4 5 教材分析 学情分析 教法学法 教学过程 教学反思 1

4 教材的脉络体系 课程定位 《网页界面设计》是中等职业学校网站建设与管理专业的一门核心专业课程，其对应的工作岗位是“网页视觉设计师”。
主编：钟宵蕾、池新新 课程定位 《网页界面设计》是中等职业学校网站建设与管理专业的一门核心专业课程，其对应的工作岗位是“网页视觉设计师”。 教材地位 本课程学习的重要参考用书，教学内容根据工作实际做了重新整合。 教材理念 授人以鱼不如授人以渔，强调方法和技能的训练

5 教材的脉络体系 第四章 网页版面的基本视觉元素 4.1 Logo 本专题的作用和地位 学习专题 学习情境
任务引领课程改革系列教材之《网页美术设计》 为“亲亲袋鼠”儿童网站进行网页配色和版式设计 网页色彩搭配和版式布局 网站LOGO设计 网站图标设计 网站BANNER和导航设计 网页界面综合练习 第四章 网页版面的基本视觉元素 4.1 Logo 为上海团客网设计网站LOGO 为上海团客网设计网站LOGO 本专题的作用和地位 为“彩虹教育网”设计ICON图标 网站Logo是网页视觉元素的重要组成要素，能设计出优秀的网站Logo是网页视觉设计师必须要具备的能力。本专题的学习实用性强，具有学做结合的现实意义。对于实现整个课程的学习目标来说，是必不可少的学习专题。 为“彩虹教育网”设计网站BANNER和导航条 “广州旅游网”首页设计 “佳能公司网站”首页设计 “亚运会官网”首页设计

6 教学目标 情感态度与价值观 过程与方法 知识与技能

7 教学目标 知识与技能 知识与技能 过程与方法 情感态度与价值观
懂得Logo设计的原理和方法，能设计出符合网站应用要求的Logo，并能应用于其他视觉应用场所，能与客户进行良好沟通，并能根据客户需求做进一步修改。 过程与方法 知识与技能

8 教学目标 过程与方法 情感态度与价值观 通过以来自威客网的企业真实案例——“上海团客网logo设计”这一任务为主线，让学生通过自主学习、小组合作学习和探究学习掌握网站logo的设计原理和方法，并具备自主学习的能力、上网搜索信息的能力以及演示、表达能力。 过程与方法 知识与技能

9 教学目标 知识与技能 情感态度与价值观 过程与方法
通过该专题的学习，增强学生的团队协作能力和自我管理能力，促使学生向职业人的要求靠拢，增强了学生学习的自信心和学习自觉性。 过程与方法 知识与技能

10 教学重点和难点 重点 难点 如何突出重点？ 如何突破难点？ 理解客户需求，能根据客户要求设计、修改并发布logo设计作品。
采用以真实的企业任务贯穿教学过程，让学生获取过程性知识来突出重点。 如何突出重点？ 难点 掌握网站logo设计的技巧和创意方法。 通过自主探究学习，创意思维训练等教学环节来突破难点。 如何突破难点？

11 1 2 3 4 5 教材分析 学情分析 教法学法 教学过程 教学反思 2

12 1 2 3 4 5 教材分析 学情分析 教法学法 教学过程 教学反思 学情分析 2

13 任教班级 网站建设与管理专业二年级 网站建设与管理专业 二年级学生

14 学生特点 喜实践,轻理论 因材施教 现有知识和能力 缺乏职业体验和职业认同感 思维活跃,动手能力强

15 1 2 3 4 5 教材分析 学情分析 教法学法 教学过程 教学反思 3

16 1 2 3 4 5 教材分析 学情分析 教法学法 教学过程 教学反思 教法学法 3

17 教学理念 基于工作过 程系统化的 教学理念 教师起到咨询和辅助的作用 学生作为学习的主体性地位 基于工作过程 系统化的行动 导向教学理念

18 教法分析 任务驱动 情境教学 教法 启发引导

19 学法指导 自主 学习 探究 学习 合作 学习

20 教学环境 硬件环境 多媒体机房 多媒体网络课室 具备上网功能 软件环境 Photoshop及相关图像处理软件 办公自动化软件 2

21 教学资源 学习参考 资料 专题学习 论坛 教学资源 Webquest 学习网站 教学课件

22 教学资源 学习参考 资料 专题学习 论坛 Webquest 学习网站 教学课件 教学资源

23 教学准备 学生分组 1 教学准备 3 2 专题学习任务表 学生工作页

24 教学准备 教学准备 学生分组 学生工作页 专题学习任务表 1 2 3 两人一组组建学习小组，确定组长。 过程性资料 学习成果 自我评价

25 1 2 3 4 5 教材分析 学情分析 教法学法 教学过程 教学反思 4

26 1 2 3 4 5 教材分析 学情分析 教法学法 教学过程 教学反思 教学过程 4

27 教学过程 基于工作过程系统化的任务驱动教学法 总学时：10课时 延伸扩展 评价反馈 实施检查 制定计划 明确任务 课后 1学时 8学时
0.5学时 基于工作过程系统化的任务驱动教学法 总学时：10课时 明确任务 0.5学时

28 明确任务 制定计划 实施检查 评价反馈 延伸扩展 延伸扩展 评价反馈 实施检查 制定计划 明确任务

29 威客设计项目 任务 明确任务 制定计划 实施检查 评价反馈 延伸扩展 明确任务，创设情境 项目名称：上海团客网LOGO设计
网站域名： 公司性质：上海团客网是一个专为企事业单位提供日常采购服务的专业平台，由上海安巢实业有限公司和上海安巢家居生活用品有限公司联合创办 。 设计要求：设计简约、时尚、大气，易于识别和熟悉记忆，符合网站行业特点。 任务描述： 1、介绍威客中国网以及选自其中的几个Logo征集任务 2、实现任务的策略介绍 （1）小组学习、自主学习，教师辅导和合作学习 （2）分解任务，逐个击破

30 明确任务 制定计划 实施检查 评价反馈 延伸扩展 制定计划，任务分解（以上共1学时）

31 明确任务 制定计划 实施检查 评价反馈 延伸扩展 实施计划，检查成果（8学时） 学生活动： 1、自学教材相关内容和教学资料。
2、上网收集优秀Logo制作案例，并按照一定依据进行分类，说明自己分类的依据。 3、展示自己的研究成果。 设计意图： 自主探究学习，熟读唐诗三百首，不会作诗也会吟。 1、学生自学教材和相关资料： 2、上网收集优秀Logo并按一定依据分类 3、把研究成果制作成PPT课件并展示出来 1 网站Logo赏析 2 创意思维训练 3 初识VI应用系统 4 完成专题任务

32 明确任务 制定计划 实施检查 评价反馈 延伸扩展 实施计划，检查成果（8学时） 学生活动： 1、自学教师提供的有关创意思维的课件和学习资料。
2、以书为基准，画出发散思维草图，并进行创意图案设计，完成乐恩教育公司Logo设计。 设计意图： 探究性学习，授之以鱼不如授之以渔。让学生学会创意思维的方法是关键。 1 网站Logo赏析 2 创意思维训练 3 初识VI应用系统 4 完成专题任务

33 明确任务 制定计划 实施检查 评价反馈 延伸扩展 实施计划，检查成果（8学时） 学生活动： 1、自学老师提供的学习资料和设计样图。
2、参考七匹狼VI系统，万科VI系统为新东方家庭教育网设计Logo，并制作简单的VI应用系统。 设计意图： 温故知新，提升技能，熟悉行业要求。 1 网站Logo赏析 2 创意思维训练 3 初识VI应用系统 4 完成专题任务

34 明确任务 制定计划 实施检查 评价反馈 延伸扩展 实施计划，检查成果（8学时） 学生活动： 网站Logo赏析
完成上海团客网Logo设计并把相应的设计图和VI应用制作成PPT课件并发布。 设计意图： 完成专题任务，检验学习绩效。 1 网站Logo赏析 2 创意思维训练 3 初识VI应用系统 4 完成专题任务

35 明确任务 制定计划 实施检查 评价反馈 延伸扩展 实施计划，检查成果（8学时） 专题任务引领 专题子任务 知识和技能要求 相互紧扣 层层递进
完成专题任务 专题子任务 知识和技能要求 相互紧扣 层层递进 知识积累 技能提升 具备分析需求、设计与发布作品的能力 初识VI应用系统 了解VI视觉设计行业标准和相关知识 创意思维训练 掌握LOGO设计的创意方法和技巧 网站LOGO赏析 了解LOGO的表现形式和设计规范

36 明确任务 制定计划 实施检查 评价反馈 延伸扩展 评价反馈，巩固内化（1学时） 部分学生作品

37 明确任务 制定计划 实施检查 评价反馈 延伸扩展 评价反馈，巩固内化（1学时） 展示内容包括： LOGO彩图和创意说明 LOGO印刷标准色
网页应用效果 反白稿 中标小组展示作品 LOGO彩图和创意说明 LOGO标准化制图网格稿 展示内容包括： LOGO彩图和创意说明 LOGO印刷标准色 LOGO反白稿 LOGO标准化制图网格稿 LOGO在网页中的应用效果图

38 明确任务 制定计划 实施检查 评价反馈 延伸扩展 评价反馈，巩固内化（1学时） 评价要素包括： 第一组 第八组 创作灵感 表现形式 表现技法
应用效果

39 板书设计 明确任务 制定计划 实施检查 评价反馈 延伸扩展 评价反馈，巩固内化（1学时） 网站LOGO设计要点： 1、简洁 2、醒目
3、能适应不同的应用场合 4、特征明确 5、特色鲜明 板书设计

40 参考复旦大学100周年校庆纪念标志，为我校设计一个30周年校庆纪念标志，要求能运用于校庆网站和其他视觉应用场合。
明确任务 制定计划 实施检查 评价反馈 延伸扩展 课堂延伸，网络反馈（课后） 一、布置拓展练习： 参考复旦大学100周年校庆纪念标志，为我校设计一个30周年校庆纪念标志，要求能运用于校庆网站和其他视觉应用场合。 标志整体以天圆地方之构架，喻示复旦融天地之气、博大精深；主体沿用原篆体“复旦”标志，表示悠悠历史、世代传承，又给复旦人以亲切感； 标志将蕴涵在篆体“复旦”中的“100”字样，以红色渲染，凸现出百年庆典特殊含义和喜庆，中心构图又似“旦复旦兮”；标志整体基调为蓝色,象征大海，象征复旦地处东海之滨——上海，也象征复旦宽广、包容的胸怀和气度。 英文“FUDAN UNIVERSITY”表明复旦大学国际化的意向，数字“1905 ?2005”表示100年的沧桑历程。标志整体稳重、深厚、大气、喜庆。

41 明确任务 制定计划 实施检查 评价反馈 延伸扩展 课堂延伸，网络反馈（课后） 二、布置网络交流与反馈任务
1、进入教学论坛“网页界面设计”中的“网站LOGO设计”讨论区继续了解网站LOGO的设计方法和技巧。并发帖交流设计经验和感想。每人至少发2贴，每帖不少于100字。 2、对网站所展示的各组作品进行投票，选出你认为优秀的作品。 3、发帖上传自己新设计的校庆30周年纪念标志并注明设计构想和创意，不少于100字。

42 1 2 3 4 5 教材分析 学情分析 教法学法 教学过程 教学反思 5

43 1 2 3 4 5 教材分析 学情分析 教法学法 教学过程 教学反思 教学反思 5

44 反思， 让课堂更丰满 经验 体会 改进 提升 学生的学习主动性有较大提高 知识迁移应用能力得到锻炼和加强 学生的自信心和职业认同感有所增强
教师的行业知识有待加强 希望能通过校企合作弥补不足

45 不是 结束 是开始