2.2.1布局设计.ppt

信息技术 选修2 多媒体技术应用 广东教育出版社 2 2多媒体作品的界面设计 想一想 两幅图片都是表示 开心 主题的多媒体作品的界面 你觉得那个界面更合适 为什么 问 从这两幅作品来看多媒体作品的界面可以随便设计吗 界面布局不简明清晰 文字显示效果差 主题信息不突出 多媒体作品最先展现在人们面前的是它的界面 我们通过感受多媒体作品上的色彩 图案 物体和创意等 形成对作品的第一印象 界面是使用者对作品产生印象最深刻的地方 一个好的界面常常能为作品带来好的效果 使人们容易理解 容易使用 界面可因作品创意 内容和使用对象的不同而有所不同的布局形式 设计一个好的界面 需要遵循一定的原则和方法 并不是随便设计的 那么多媒体作品的界面设计包括哪几个方面 布局设计应该遵循哪些原则呢 多媒体作品界面设计 交互设计 美术设计 布局设计 观看 快乐的校园 作品 探讨布局设计需要遵循哪些哪些原则 问题1 这三幅图从整体上看界面布局有什么样的特点 反映在哪些方面 一致性是贯穿界面设计的主线 是设计活动遵循的主要原则 一致性能降低使用多媒体作品时的学习要求 具体而言 对于具有同样功能的操作对象 在形式上和格式上要力求一致 起控制作用的按钮和图标也应一致 如上图 快乐的校园 的界面 其 校园风景 学生活动 和 教师风采 三个部分的界面就保持了布局和外形上的一致 原则一 界面布局应该有整体上的一致性 界面布局应该有整体上的一致性反映在布局与外形 问题2 观察这两个多媒体作品的界面 想一想 界面布局是简明清晰好还是复杂一点好 多媒体作品界面要简明清晰 其复杂度应该与使用者的能力相适应 让使用者把注意力完全集中到作品的内容上 而不是界面上 在进行界面设计时 应做好屏幕的合理布局 文字的正确使用和色彩的恰当选择等 原则二 界面布局要简明清晰 界面布局要简明清晰反映在版块清楚 布局合理 文字的正确使用和色彩的恰当选择 问题3 观察这三个多媒体作品的界面 想一想 三幅作品的主题各是什么 主题信息又有什么特点呢 设计界面上信息的布局时 要注意突出主题信息 将其位于屏幕的中部 并占据屏幕较大的区域 文字描述要短而精 字体不能太小 要便于阅读 图像要清晰 色彩要鲜明 其他辅助信息项 如状况 提示 注释行等应该放在屏幕不引人注目的区域 屏幕中按钮的呈现 应按逻辑分类编排 按照使用顺序 使用频率 功能和重要性进行编排 将最常使用的按钮放在最易控制的位置 功能键 按钮等可放在屏幕的底部 并保持在各个界面都位于同一个位置 原则三 注意突出主题信息 注意突出主题信息反映在占据屏幕区域较大 文字描述短而精 字体较大 图像要清晰 色彩要鲜明 问题4 观察这三个多媒体作品的界面解说词部分 想一想 三幅作品的文字显示效果如何 文字不能过于密集 主要信息在屏幕上所占区域不要超过屏幕总区域的25 局部密度应保持在50 左右 采用不同字体和不同风格来修饰文字 可取得较好的阅读效果 但文字作为标题时应该风格统一 在屏幕上最小并且显示清晰的中文字形为宋体4号字 为了适应人们阅读中文的习惯 一行最好不超过35个字 界面中的空白区域量也很重要 没有空白区 就没有界面的美 不要在一个界面上放置太多的信息对象 以免拥挤不堪 空白的适当运用 会使格调提高并且稳定界面 原则四 注意文字显示的效果 注意文字显示效果反映在文字排版方面 布局设计需要遵循的原则 原则一 界面布局应该有整体上的一致性