川教版信息技术九上第1课多媒体作品的设计课件2.pptVIP

多媒体作品的界面设计 教学目标 1、了解多媒体作品的界面设计元素与内容； 2、掌握设计原则：布局设计、美术设计、交互设计； 2、会运用界面设计原则制作优秀的作品界面。 * 欣赏引入 观看《京剧宛》网站，从色彩、布局与导航简要说明界面的重要性，那怎样才能设计出一个好界面呢？它要遵循哪些哪些原则 * 初步感知 呈现优秀界面作品，从构图布局、色彩等方便评价。 构图造型元素主要有点、线、面、空白。 * 案例：《快乐校园》分析： 作品从雕塑、高一（6）班体艺节入场图片可看出这是一个充满优良传统与团结活泼的校园，是快乐的；画面各元素布局精美，内容丰富明朗。 色彩以浅蓝色为主，表示校园美丽、洁净、安定，是读书的好地方。 * 分组探讨 看优秀作品，分组探讨问题：1.作品界面有什么内涵，从哪些信息可以体现； 2.作品在色彩方面有什么内涵。 网址： * * * * 知识生成 根据学生提交信息总结布局设计与美术设计，简要讲解交互设计，特别按钮在界面上的位置、大小。 * 布局设计 原则和方法 1、界面布局应有整体上的一致性 2、界面布局要简明清晰 3、注意突出主题信息 4、注意文字显示效果 * 界面布局应有整体上的一致性 反映在布局、文字与外形 * 界面布局要简明清晰 反映在版块清楚，布局合理 * 注意突出主题信息 反映在小图标、按钮等排列 * 注意文字显示效果 反映在文字排版方面 * 美术设计 明确色彩使用的目的，选择四到五种颜色并配合以空间划分、几何形状等来增加屏幕视觉效果。 背景色应选择冷色调或亮度较低的颜色。 背景色的优先使用顺序： 蓝、黑、灰、褐、红、绿、紫 * 背景、色彩、布局 具有审美感，能快速传递信息 * 交互设计 菜单 按钮 对话 * 统一位置，统一风格 方便理解与使用 * 设计原则总结 界面布局要一致， 简明清晰要突出。 文字、色彩要合眼； 交互设计要方便。 * 学以致用 根据所学设计原则快速设计《佛山新八景》专题网站，注意风格与媒体的选择与布局。 上传设计好的作品 * 总结提升 运用设计原则浏览自己的作品自评与相评，提高自己的设计能力。 * 知识拓展 浏览网页界面的布局与颜色知识 *