2.2多媒体作品的界面设计nppt课件.pptVIP

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