多媒体作品的界面设计

分组探讨

看优秀作品，分组探讨问题：1.作品界面有 什么内涵，从哪些信息可以体现； 2.作品在色彩方面有什么内涵。 网址：


知识生成

根据学生提交信息总结布局设计与美术设 计，简要讲解交互设计，特别按钮在界面 上的位置、大小。
布局设计
原则和方法 1、界面布局应有整体上的一致性 2、界面布局要简明清晰 3、注意突出主题信息 4、注意文字显示效果
多媒体作品的界面设计
教学目标 1、了解多媒体作品的界面设计元素与内容； 2、掌握设计原则：布局设计、美术设计、交 互设计； 2、会运用界面设计原则制作优秀的作品界面。

欣赏引入

观看《京剧宛》网站，从色彩、布局与导航简 要说明界面的重要性，那怎样才能设计出一个 好界面呢？它要遵循哪些哪些原则
初步感知

界面布局应有整体 上的一致性
反映在布局、文字 与外形
界面布局要简明清 晰
反映在版块清楚， 布局合理
注意突出主题信息 反映在小图标、按 钮等排列
注意文字显示效果 反映在文字排版方 面
百度文库
美术设计
明确色彩使用的目的，选择四到五种颜色 并配合以空间划分、几何形状等来增加屏 幕视觉效果。 背景色应选择冷色调或亮度较低的颜色。 背景色的优先使用顺序： 蓝、黑、灰、褐、红、绿、紫
呈现优秀界 面作品，从构 图布局、色彩 等方便评价。
构图造型元素 主要有点、线、
面、空白。
案例：《快乐校园》分析： 作品从雕塑、高一（6）班体艺节入场图片 可看出这是一个充满优良传统与团结活泼 的校园，是快乐的；画面各元素布局精美， 内容丰富明朗。 色彩以浅蓝色为主，表示校园美丽、洁净、 安定，是读书的好地方。

背景、色彩、布局 具有审美感，能快 速传递信息
交互设计
菜单 按钮 对话

统一位置，统一风 格 方便理解与使用
设计原则总结
界面布局要一致， 简明清晰要突出。 文字、色彩要合眼； 交互设计要方便。

学以致用

根据所学设计原则快速设计《佛山新八景》专 题网站，注意风格与媒体的选择与布局。

上传设计好的作品
总结提升

运用设计原则浏览自己的作品自评与相评，提 高自己的设计能力。
知识拓展

浏览网页界面的布局与颜色知识