Download presentation
Presentation is loading. Please wait.
1
界面设计专题 信息工程学院 李祥
2
观察与思考 你认为哪个界面较“好”？ 应该从哪些方面进行评价？ 设计良好的界面是否有规律？
3
主要内容 人机界面 人机界面设计 设计思想和原则 设计步骤 重点 难点：灵活运用
4
是人与计算机之间传递、交换信息的媒介和对话接口，是计算机系统的重要组成部分。
1 人机界面 人机界面HMI 使用者界面 用户界面 是人与计算机之间传递、交换信息的媒介和对话接口，是计算机系统的重要组成部分。
5
人机界面的发展历史 手工操作 字符界面 虚拟现实 图形界面
6
2 人机界面设计 为什么要进行人机界面设计？ 综合考虑： 目前人机界面设计存在的问题？ 易用性设计 艺术设计 技术实现
怎样设计良好的人机界面？
7
3 设计思想
8
设计原则 容错原则 帮助原则 方便用户完成工作 以人为本 就近原则 习惯原则 高效原则 简洁原则
9
思考：界面体现哪些原则？
10
说起来容易做起来难！ 人机 界面 工具软件 主要技术 技术框架
11
3 人机界面设计步骤 界面风格设计 界面布局设计 打开界面的体系结构 文字 使用 色彩的选择 图形和图标的选择
12
第一步:界面风格设计 商业应用软件 管理系统软件 一致性 娱乐领域的软件 个性化
13
一致性界面风格 个性化界面风格
14
第二步:界面布局设计 简洁 平衡 风格一致
15
第三步:打开界面的体系结构 用户不同处理的信息不同，而且一次处理的信息有限，要选择打开的界面。 教师打开的界面 学生打开的界面
16
第四步:文字使用 标注文本 交互文本 一致 简洁 礼貌
17
标注文本
18
交互文本，孰优孰劣？
19
第五步:色彩的选择 信息用颜色区别比文字区别效果更好 同一界面颜色不易超过5种 界面活动对象颜色应鲜明 避免不兼容的颜色放在一起
20
第六步:图形和图标的选择
21
实验教学管理系统界面设计 界面文件组织结构
22
CSS技术
23
Javascript技术----jQuery框架
24
Ajax技术----DWR框架框架
25
struts标签
26
思考 实验教学管理系统界面需要改进的方面？
27
客户管理界面
28
设计依据 客户要求 简介方便 美观大方 Company Logo
29
Company Logo
30
Company Logo
31
Company Logo
32
Company Logo
33
用户通过具有吸引力而令人愉快的人机界面进行工作 以人为本为指导，灵活运用设计原则和设计步骤
小结 用户通过具有吸引力而令人愉快的人机界面进行工作 设计人机界面要体现界面的合适性和广义美 以人为本为指导，灵活运用设计原则和设计步骤
34
参考书
35
作业 人机界面 灵活应用 设计思想 设计原则 设计步骤
Similar presentations
