1 / 47

教学媒体视觉传达设计

教学媒体视觉传达设计. 教 师 ：韩凝华 E-mail：fzjx15 @dec.ecnu.edu.cn. 本课程目的. 力图解决教师在平时制作各类教学媒体时，遇到的有关视觉传达设计方面的困难。例如：教学媒体设计中色彩的搭配、图文的编排、文字的选择和设置等等。. 学习内容概要 （共八章）. 教学媒体视觉传达设计概论 色彩与教学媒体的设计 编排与教学媒体的设计 文字与教学媒体的设计 图形与教学媒体的设计. 教学幻灯片的视觉传达设计 教学课件的视觉传达设计 教学网页的视觉传达设计. 学习安排. 考核方法. 以网页为例. 课件的色彩设计. 网页的色彩设计.

sugar
Download Presentation

教学媒体视觉传达设计

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 教学媒体视觉传达设计 教 师：韩凝华 E-mail：fzjx15@dec.ecnu.edu.cn

  2. 本课程目的 • 力图解决教师在平时制作各类教学媒体时，遇到的有关视觉传达设计方面的困难。例如：教学媒体设计中色彩的搭配、图文的编排、文字的选择和设置等等。

  3. 学习内容概要（共八章） • 教学媒体视觉传达设计概论 • 色彩与教学媒体的设计 • 编排与教学媒体的设计 • 文字与教学媒体的设计 • 图形与教学媒体的设计

  4. 教学幻灯片的视觉传达设计 • 教学课件的视觉传达设计 • 教学网页的视觉传达设计

  5. 学习安排

  6. 考核方法

  7. 以网页为例 课件的色彩设计

  8. 网页的色彩设计 1、确定主色调：整个页面应有同一的主色调。 2、同版面不宜超过七种纯色。 3、关于文字的颜色：三种颜色以内。 4、关于已选过的文字：在颜色上要能与未选过之文字连结点辨别，也要与背景区分。

  9. 5、尽量避免类似色调，否则不同类信息之间的区隔不明显。5、尽量避免类似色调，否则不同类信息之间的区隔不明显。 6、重要信息可以运用不同颜色区块强调。 7、运用小色球或色块能造成集群化的效果，以协助视觉搜寻。

  10. www.kodak.com

  11. 网页色彩案例分析 三色调和 伊顿的色彩调和理论 • 黄色主色调（导航栏） • 蓝（多） • 红（极少） • 黑（中）

  12. http://www.nationalgeographic.com/

  13. 三色调和 • 蓝色主色调（大面积底色、多数文字） • 黄 • 红（重点色） • 黑

  14. http://ww3.artsusa.org/

  15. 六色调和 • 蓝、绿主色调（大面积底色） • 黄 • 橙 • 红 • 紫

  16. 二色调和 • 紫红主色调（导航栏、边框） • 黄绿 • 黑色

  17. 运用单一色（系） • 玫瑰红 • 黑色 • 白色

  18. http://www.bourjois.com/

  19. http://www.loraccosmetics.com/

  20. 色块的集群化 重要信息可以运用不同颜色区块加以强调。 运用小色球或色块能造成集群化的效果，以协助视觉搜寻。

  21. http://www.cw.com/new/

  22. http://lacountyarts.org/

  23. 网页色彩反例分析 1、无主色调。 2、色彩过多、过杂。 3、色彩搭配不合理。

  24. http://www.yjsy.ecnu.edu.cn/zsb/zsb.htm

  25. http://www.ecnu.edu.cn/zsb/index.htm

  26. http://dachao.sports.sohu.com/

  27. 反例国内网站 • http://ied.ecnu.edu.cn/lxs/jianzhang.htm • http://www.xt8282.com/index.asp • http://movie.kpworld.com/index.php?site=kpmovie

  28. 正例国内网站 • http://www.zgdjyj.com/index.asp • http://ent.sina.com.cn/film/ • http://cn.ent.yahoo.com/movies/

  29. 课件的色彩设计 总结 1、教学幻灯片等其他教学媒体的色彩同样需有主色调，并要进行合理的色彩搭配，只是所使用颜色少一些，最好不超过三种。 2、教学幻灯片还要考虑投影仪的色彩失真。 3、整个课件应该整体风格统一、色调相同或相似。各级标题最好选择不同的字体和字号。 4、课件的色彩选择与搭配要考虑学习者的年龄和心理，还有课程本身的内容。

  30. 色彩与年龄 例如儿童大半喜欢鲜明的颜色，对兴奋感强的色彩首先发生兴趣，红、黄两色就是一般婴儿的偏好。 女青年比男青年更爱白色、粉色。 色彩与课程 学科类课程与活动类课程 文科类课程、理科类课程和艺术类课程 成人职业培训

  31. 课件的编排设计

  32. 版面分割： 均衡形 垂直对等分割 水平对等分割 十字交叉对等分割 • 圆形分割 • 十字均衡分割 • 两条水平线分割 • 两条垂直线分割

  33. http://www.givenchy.com/default.php

  34. 偏移形 垂直线偏移分割 水平线偏移分割 十字不均衡分割 斜线分割 曲线分割

  35. http://www.dior.com/

  36. 版面比例： 九宫格 黄金分割 德国标准比例

More Related