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