面向对象分析与设计卓越计划312第12课人机交互部分的设计–设计实例.pptVIP

LOGO 面向对象分析与设计 主讲教师：孔磊 LOGO 上节回顾 ? 上次课学习了人机交互部分的设计概念 ? 人机界面的设计准则 ? 人机交互部分的分析与设计方法 ? 本次课将继续学习人机交互部分的设计 LOGO 第 12 课 人机交互部分的设计 – 设计实例 设计模板 1 界面类设计 2 设计实例 3 LOGO 1. 设计模板 ? 模板 是已经做好的框架，可用于快速开发 界面，使用时只需将模板原有的图片、文 字等替换成自己的内容。 ? 我们的实例是网络应用程序，界面主要是 以 HTML 方式的网页形式。因此，我们采用 的设计模板是网页的设计模板。 LOGO 1. 设计模板（续） ? 为什么要先考虑设计模板再考虑界面设计 类呢？ ? 系统包含的用例（功能）很多，如果只有 一个用例，则是否采用设计模板无所谓， 但如果有很多用例，对于用户来说，应采 用统一的风格呈现于用户面前。更重要的 是，页面之间的导航。 LOGO 1. 设计模板（续） ? 设计模板需要的技能： ? 1 ） 美工 ? 无论是页面的布局、色彩的搭配、字体的选择都需要一定 的美工功底。 ? 2 ） 制图 ? 在纸上或脑海中有了美工效果，下面是将结果呈现在计算 机上，可选择的工具为 PS 、 Firework