软件界面设计

《软件界面设计》由会员分享，可在线阅读，更多相关《软件界面设计（122页珍藏版）》请在金锄头文库上搜索。

1、中等职业学校教学用书（计算机技术专业） 软件界面设计教学指南,主编 杨培添 撰写 杨培添,一、软件界面设计出版背景,中等职业学校计算机软件专业（“软件蓝领”）方向的必修课。中等职业学校计算机软件专业（“软件蓝领”）教学的需要。,二、软件界面设计编写特色,第一本中职软件界面设计教材。对软件界面设计有一定的参考作用。汇集了多种操作系统的界面。教材图片丰富 。叙述通俗易懂。探究性作业。,三、软件界面设计教学建议,课堂讲授与学生的探究相结合。课堂讲授与界面制作相结合 。软件界面设计考试。,四、软件界面设计课时建议,课程建议三年级上学期讲授 。本课程教学课时建议为70学时，其中包括界面制作、探究性学习2

2、0学时。,主 编 杨培添,软件界面设计 电 子 教 案,前一页后一页退 出,人与计算机进行信息交换要通过用户界面来完成。用户界面作为一个重要的、新的研究领域，正越来越受到人们的关注，并成为计算机行业又一个竞争的领域。用户界面与人机交互有着密切的关系。 本章主要介绍人机交互与用户界面的相关基本概念，以及几种常见的用户界面和用户界面管理系统。详细的用户界面介绍，将在以后的有章节中展开。,第1章 人机工程学与人机交互,本章内容提要:,前一页后一页退 出,本章教学重点,几种常见的用户界面 1传统用户界面2 流行用户界面,本章教学目标,1理解人机交互与人机工程学的观念以及对软硬件设计的影响。2 熟悉几种

3、用户界面的特点。3 了解Seeheim模型 以及对软件界面设计的影响。4 知道几种常用的UIMS 系统。,前一页后一页退 出,本章教学难点,用户界面管理系统 中的Seeheim模型,本章教学建议,1 本章在教学时不要求作过细的讲授，让学生在宏观上对软件界面有一个整体的了解就足够。2 在教学时着重强调人机工学对软件界面设计的影响，让学生认识人机工学是软件界面设计的核心思想。3 学生第一次完成探究性作业，教师要及时给与指导。,前一页后一页退 出,第 1 节 人机交互与人机工程学,让我们比较下面的两把剪刀：,1. 人机交互 人机交互（HCI，Human Computer Interaction）是指

4、人（即计算机用户）与计算机系统之间的信息交换，故又称人机对话（Human Computer Dialogue）或人机通信（Human Computer Communication）。 这里所说的“交互”指的就是信息交换。人与计算机的信息交换是双向的。,前一页后一页退 出,信息交换是双向的,语音交换,图像输入与手写输入交换,前一页后一页退 出,2. 人机工程学 人机工程学是一门多学科参与的交叉学科，它综合应用了物理学、心理学、生理学、医学、电子学以及工程学等多学科的有关理论来研究人和被操纵的机器之间的关系。 “人为中心”论 和 “机器中心”论 在“机器中心论”和“人中心论”中取得平衡就成为人机工

5、程学要研究的问题。3. 人机交互与人机工程学 人机交互技术可以看作人机工程学的分支和延伸。人机工程学的基本宗旨和基本原理仍然适用于人机交互技术；而人机交互技术的研究成果是从认知理论角度出发，进一步丰富和完善人机工程学的理论体系。,前一页后一页退 出,第 2 节 几种用户界面介绍,硬件界面一,软件界面,硬件界面二,前一页后一页退 出,1. 用户界面 又称人机界面或人机接口。分为硬件用户界面和软件用户界面 。2. 几种常见的用户界面 2.1 传统用户界面 1）命令语言用户界面 (用户发送命令） 2）问答式对话用户界面 提出问题 选择问题 执行问题 （系统） （用户） （系统）,问答式对话用户界面,

6、命令语言用户界面,前一页后一页退 出,3）菜单用户界面,4）数据输入用户界面 5）查询用户界面,前一页后一页退 出,2.2 流行用户界面 1） 图形用户界面,Windows XP图形用户界面,前一页后一页退 出,红旗Linux图形用户界面,前一页后一页退 出,Mac Os图形用户界面,图形用户界面被概括为 WIMP，其中W表示 Window（窗口）；I表示Icon（图标）；M表示Menu（菜单）或Mouse（鼠标）；P表示Pointer （点设备）或Popupmenu（弹出式菜单）。,前一页后一页退 出,2）直接操纵用户界面,命令语言界面是面向操作的（先选择操作再确定对像）它以命令形式驱动系统

7、，通过命令、参数和目标来实现操作。 直接操纵是面向对象的（先选定对象然后进行操作）它以事件形式驱动系统，则通过操纵图形目标来实现操作。,前一页后一页退 出,3）多媒体用户界面,前一页后一页退 出,1. Seeheim模型,第 3 节 用户界面管理系统,所谓UIMS是泛指任何一种软件用户界面创建工具，设计者能方便地利用该工具创建用户界面，无需使用传统的程序设计语言进行编程。UIMS的核心思想是“对话独立” 。,2. 快速软件界面开发环境 （RAD）,RAD产品有：Microsoft Visual Studio(包括 Visual Basic、 Visual CC、 Visual FoxPro等)

8、，Borland的C+ Builder和Java等,前一页后一页退 出,用户界面设计虽说是灵活的设计，但它还是有其基本设计原则要遵循的。遵循这些基本设计原则，可以帮助我们设计出美观、简单易用的用户界面，更好地发挥软件的功能，从而提高用户的工作效率。 本章主要介绍用户界面设计的一些基本原则及方法，另外还介绍几种用户界面设计，图形用户界面设计将在第三章介绍。,第 2 章 用户界面设计的基本原则,本章内容提要,前一页后一页退 出,本章教学重点,本章教学目标,1掌握用户界面设计的“黄金法则” 。2 掌握用户界面的屏幕显示与色彩设计的原则。3 了解用户界面的响应时间与显示速率 。4 掌握帮助用户界面、数

9、据输入用户界面设计原则，并能用相关的工具进行设计。5 了解命令语言用户界面的组成。,1用户界面设计的“黄金法则” 。2用户界面的屏幕显示与色彩设计的原则。3帮助用户界面、数据输入用户界面设计原则。,前一页后一页退 出,本章教学难点,命令语言用户界面的组成。,本章教学建议,1 用户界面设计的“黄金法则”是整个用户界面设计的总原则，在教学中注意培养学生运用这个原则指导界面设计。2 要培养学生对界面的鉴赏和设计能力，教师在教学中要注意引导学生比较各种界面的特点以及它们的适应范围。3 对于命令语言用户界面，不要求学生作深入的了解。4 教师要指导学生运用已有的知识 ，模仿教材中的界面，自己设计相关的界面

10、。,前一页后一页退 出,第 1 节 用户界面设计的“黄金法则”,让我们比较下面的各种界面：,(1),(2),(3),(4),前一页后一页退 出,（不同的软件系统的一致性）,1用户界面的一致性,显示格式的一致性、操作次序的一致性，名词术语一致性、模块的一致性。这有利于用户的学习和界面开发者的设计,2用户界面的简洁性,前一页后一页退 出,3用户界面的快捷操作方式,Windows系列常用的快捷键：CtrlD删除；CtrlF寻找；CtrlI插入；CtrlS保存；CtrlO打开；CtrlC拷贝；CtrlH帮助；CtrlP打印；CtrlV粘贴；CtrlW关闭；CtrlX剪切等。,前一页后一页退 出,4用户

11、界面的信息反馈,5用户界面的操作可逆性,前一页后一页退 出,6用户帮助界面的友好性,7用户界面的记忆项目要少,前一页后一页退 出,第 2 节 用户界面的屏幕显示与色彩设计,屏幕显示的设计主要是界面元素的布局。界面元素指的是输出文本、菜单、图标、命令行、显示区、标题行以及各类输入区等界面上可见的实体。屏幕布局指的是各元素在界面的位置和色彩的配置，这些元素的布局尽量和Windows的布局相一致。,1. 屏幕显示的设计,(1),(2),前一页后一页退 出,1.1 界面元素的平衡布局,1.2 界面元素的一致性布局,前一页后一页退 出,1.3 界面元素的简明布局,1.4 界面元素的顺序布局 屏幕上界面元

12、素的排列宜采用流行的Windows风格，按“常用主要次要工具帮助”的顺序排列。或者最先出现对话，然后通过对话将系统分段实现。1.5 界面元素的规范布局 首先，显示命令、对话框及提示行在一个应用系统的设计中尽量统一规范。其次，屏幕上提供的各类信息都应便于用户阅读和理解。最后，还要考虑有限的显示容量。如果显示内容很多，可以分屏处理.,前一页后一页退 出,2屏幕色彩的设计 2.1 保守地使用色彩 2.2 把色彩作为数据分界的识别元素,前一页后一页退 出,2.3 用户能控制色彩编码,2.4 色彩编码要前后一致。,2.5 色彩搭配要便于阅读 建议把一个字母数字显示的色彩限制为4种，整个显示系列限制为7种

13、。,使用标准字体，在Windows系统中，中文采用“宋体”作为标准字体，英文采用“Microsoft Sans Serif ”作为标准字体。一般情况下，不考虑采用特殊字体。,3字体,前一页后一页退 出,1用户界面响应时间,第节 用户界面的响应时间与显示速率,2显示速率,在设计界面时，要在响应时间方面作出平衡，即能提高操作速率，减少出错，又能适合用户的操作习惯，同时，还要考虑显示器的显示速率。,一般来说，系统响应的时间不应超过15秒，人与机器快速对话时间不应小于1秒。,一般认为，速率为30字符时较为恰当。,前一页后一页退 出,第节 用户帮助界面设计原则,从软件的构成新的理念来看，帮助处理系统可以

14、是一个独立的软件模块，它和功能模块、用户界面一道组成一个完整的应用系统。 目前，不少的用户界面设计者，都把帮助界面的设计当成用户界面设计的重要内容。 帮助系统分成联机帮助和出错信息两大部分。 1联机帮助和出错信息界面 1.1 联机帮助界面 联机帮助（OnLine Help）又称在线帮助，是软件系 统向用户提供的一种操作说明。 1) 联机用户手册 联机用户手册是传统书本的补充品，一般指的是电子格式的文档。,前一页后一页退 出,红旗Linux的帮助界面,前一页后一页退 出,2）联机演示,联机演示是采用电子媒介给用户指导，通过仿真、动画、声频使用户进入对话状态,前一页后一页退 出,1.2 出错信息界面,2联机帮助界面信息出错界面设计的原则 2.1 联机帮助界面的统一性,好的用户界面，不仅应该具有容错性和稳定性，而且在错误发生后能让用户清楚了解错误的性质和位置以及纠正错误的措施。,前一页后一页退 出,2.2 联机帮助界面的导航性,“导航”的内容应与当前上下文有关，如应说明用户当前所在位置，可用的操作，如何去恢复原有的操作。,