第七章用户界面设计
6.5用户界面设计
用户界面（UI）也称人机界面（Human Computer Interface，简称HCI），它是交互式应用软件系统的门面。随着计算机应用的不断拓广，软件的用户界面作为人机接口起着越来越重要的作用，界面设计日益受到重视。设计用户界面要充分考虑到人的因素，如用户的特点、用户怎样学会与系统交互工作、用户怎样理解系统产生的输出信息以及用户对系统有什么期望等。还要考虑界面的风格，可用的软、硬件技术及应用本身产生的影响。所以现在在做软件产品时，越来越重视心理学在软件设计中的作用，要充分考虑用户的心理，尽量使得用户界面的设计符合用户的需要。
用户界面应具备的特性
1、可使用性
用户界面的可使用性是用户界面设计最重要的也是最基本的目标，它包括：
1）使用的简单性：用户界面应能方便地处理各种经常进行的交互对话。问题的输入格式应当易于理解，附加的信息量少；能直接处理制定媒体上的信息和数据，且自动化程度高；操作简便；能按用户要求的表格或图形输出，或反馈计算结果到用户指定的媒体上。
2）用户界面中所用术语的标准化和一致性：所有专业术语都应该标准化；软件技术用语应符合软件工程规范；应用领域的术语应符合软件面向专业的专业标准；在输入、输出说明里，同一术语的含义应完全一致。
3）拥有HELP帮助功能：用户应能从HELP功能中获知软件系统的所有规格说明和各种操作命令的用法，HELP功能应能联机调用，为用户随时提供帮助信息。
4）快速的系统响应和低的系统成本：在使用较多硬件设备并与许多其它软件系统联结时，会引入较大的系统开销。用户界面应在此情况下有较快的响应速度和较小的系统开销。
5）用户界面应具有容错能力：即应当具有错误诊断、修正错误以及出错保护的功能。
2、灵活性
1）考虑到用户的特点、能力、知识水平，应当使用户界面能够满足不同用户的要求。因此，对不同的用户，应有不同的界面形式。其运行抉择和涉及到的复杂算法对初学者可以是隐蔽的，他们可以不考虑抉择和算法问题而正常使用这个软件；但对于高级用户，可保留实施运行抉择和选择算法的权利。
2）用户可以根据需要制定和修改界面方式。在需要修改和扩充系统功能的情形下，能够提供动态的对话方式，如修改命令、设置动态的菜单等。
3）系统能够按照用户的希望和需要，提供不同详细程度的系统响应信息，包括反馈信息、提示信息、帮助信息、出错信息等等。
4）与其他软件系统应有标准的界面。
为了使得用户界面具有一定的灵活性，需要付出一定代价。这要求系统的设计更加复杂，而且有可能降低软件的运行效率。
3、复杂性和可靠性
1）用户界面的复杂性：用户界面的规模和组织的复杂程度就是界面的复杂性。在完成预定功能的前提下，应当使得用户界面越简单越好。但也不是把所有功能和界面安排成线性序列就一定简单。假如系统有64个功能，安排成线性序列，有64种界面，用户不得不记忆大量的单一的命令，比较难用。但是，可以把系统的功能和界面按其相关性和重要性，进行逻辑划分，组织成树型结构，把相关的命令放在同一分支上。例如，64个功能和界面组织成8*8的树型层次结构，每一层次包含的命令具有短期记忆的最佳数目7-2到7+2。
2）用户界面的可靠性：用户界面的可靠性是指无故障使用的间隔时间。用户界面应能保证用户正确、可靠地使用系统，保证有关程序和数据的安全性。
用户界面的风格
用户界面的风格大致经过了四代的演变。
1、最早，在图形显示、鼠标、高速工作站等技术出现之前，现实可行的界面方式只能是命令和
询问方式，通信完全以正文形式并通过用户命令和用户对系统询问的响应来完成。尽管每个命令的询问都不复杂，但对用户来说容易出错、不友善并难于学习。
2、第二代界面是简单的菜单式。这种方式与命令行方式相比不易出错，但使用起来仍然乏味。
比如由某个选择进入另一层选择时，只能逐级进行，不能一步到位。
3、第三代界面是面向窗口的点选界面。随着硬件的发展，软件工程师逐渐认识到人的因素对界
面设计的影响。这类界面也称为WIMP界面，即窗口（windows）、图标（icons）、菜单（menus）、指示器（pointing device）四位一体，形成桌面（desktop）的概念。第三代界面给用户带来种种便利：能同时显示不同种类的信息，使用户可在几个工作环境中切换而不丢失几个工作之间的联系（如，在一个窗口写源代码，在另一窗口中检查输出结果，在第三个窗口中修改处理描述等）；用户通过下拉式菜单（pull-down menu）可方便执行控制型和对话型任务；引入图标、下拉式菜单、按纽和滚动杆技术，可大大减少键盘输入，这对那些不精于键盘打字的用户来说无疑提高了交互效率。
4、最新一代HCI把第三代HCI技术与超文本、多任务概念结合起来，使用户可同时执行多个
任务（以用户的观点）。例如，某位作家可一方面用桌面印刷系统对已完成的一章做拼写检查，另一方面又在数据库中检查资料，为新题目搜集素材，同时又用键盘录入一个新章节。
在所有这些任务的执行过程中，工作站本身还完成一些诸如监督电子邮件、维护日历等后台任务。第四代界面已出现在许多工作站和高性能PC机上。
界面设计的基本类型
如果从用户与计算机交互的角度来看，用户界面设计的类型主要有问题描述语言、数据表格、图形与图标、菜单、对话以及窗口等。每一种类型都有不同的特点和性能。
菜单，又称选单，是由系统预先设置好的，显示于屏幕上的一组或几组可供用户选用的命令。
对话，也称对话框，是系统在必要时显示于屏幕上的一个矩形区域内的图形和正文信息。通过对话，实现用户和系统之间的通信。分为：必须回答式、无需回答式、警告式（又根据警告的内容，可以必须回答，也可以无需回答）
窗口，指屏幕上的一个矩形区域，在图形学中叫做视图区（viewport）。用户可以通过窗口显示，观察其工作领域内的全部或一部分内容，并可以对所显示的内容进行各种系统预先规定好的正文和图形操作。
在选用界面形式的时候，应当考虑每种类型的优点和限制。从几方面来考察、抉择：
1）使用的难易程度：对于没有经验的用户，该界面使用的难度有多大
2）学习的难易程度：学习该界面的命令和功能的难度有多大
3）操作速度：在完成一个指定操作时，该界面在操作步骤、击键和反应时间等方面效率有多高4）复杂程度：该界面提供了什么功能、能否用新的方式组合这些功能以增强界面功能
5）控制：人机交互时，是由计算机还是由人发起和控制对话
6）开发的难易程度：该界面设计是否有很大难度，开发工作量有多大
界面设计的一般问题
设计任何一个人机界面，一般必须考虑系统响应时间、用户求助机制、错误信息处理和命令方式四个方面。
1、系统响应时间
系统响应时间指当用户执行了某个控制动作后（例如，按回车键、点击鼠标等），系统做出反应的时间（指输出所期望的信息或执行对应的动作）。系统响应时间过长是交互式系统中用户抱怨最多的问题，当几个应用系统分时运行时尤甚。除了响应时间的绝对长短外，用户对不同命令在响应时间上的差别亦很在意，若过于悬殊，用户将难以接受。
2、用户求助机制
几乎每一位交互式系统的用户都希望得到联机帮助，即在不切换环境的情况下解决疑惑的问题。目前流行的联机求助系统有两类：集成式和叠加式。集成式求助一般都与软件设计同时考虑，上下文敏感，即可供用户选择的求助词与正在执行的动作密切相关，整个求助过程快捷而友好；叠加式求助一般是软件完成后附上一个受限的联机用户手册，用户为查找某项指南时不得不浏览大量无关信息。显然集成式求助机制优于叠加式求助机制。除此之外，设计求助子系统时，还要考虑诸如帮助范围（仅考虑部分还是全部功能）、用户求助的途径、帮助信息的显示、用户如何返回正常交互工作及帮助信息本身如何组织等一系列问题。
3、错误信息处理
任何错误和警告信息对用户不啻是“坏消息”，若此类信息不是很清楚地表明含义，用户接到后只能徒增烦恼。试想，当用户看到这样一行显示：
severe system failure – 14A
一定会牢骚满腹。原因是尽管能从某个地方查出14A的含义，可设计者为什么不就在此处指明呢？一般来说，出错信息应选用用户明了、含义准确的术语描述，同时还应尽可能提供一些有关错误恢复的建议。此外，显示出错信息时，若辅以听觉（如铃声）、视觉（专用颜色）刺激，则效果更佳。
4、命令方式
键盘命令曾经一度是用户与软件系统之间最通用的交互方式，随着面向窗口的点选界面的出现，键盘命令虽不再是唯一交互形式，但许多有经验的熟练的软件人员仍喜欢这一方式，更多的情形是菜单与键盘命令并存，供用户选用。除此之外，许多系统提供批命令机制，用户可设计并存储一个命令序列，供日后多次使用。
数据输入界面设计
数据输入是指所有供计算机处理的数据的输入。数据输入界面是系统的一个重要组成部分，它常占用户的极大部分使用时间。一个好的数据输入界面设计应尽可能方便有效地进行数据输入。
数据输入的一般规则
数据输入界面的目标是尽量简化用户的工作，并尽可能减少输入的出错率。为此，在设计时要考虑尽可能减少用户的记忆负担，使界面具有预见性和一致性，防止用户输入错误，以及尽可能增加数据自动输入。
在软件设计的范围，可以通过以下方式来减少用户输入的工作量，对共同的输入内容设置默认值（缺省值）；使用代码或缩写；自动填入已输入过的内容或需要重复输入的内容；如果输入内容是来自一个有限的备选集，可以采用列表选择(下拉列表框)或指点方式。
数据输入屏幕应当设计成尽量与输入格式相匹配。数据内容应当根据它们的使用频率，或它们的重要性，或它们的输入次序进行组织。如果分组应与用户商量。
下面是数据输入对话设计的一般规则，在具体应用时还应当考虑设计的环境。
1）确认输入：只有当用户按下输入的确认键时，才确认输入。这有助于在输入过程中一旦出现错误能及时纠错。
2）交互动作：在表项之间自动地跳跃/转换并不总是可取的，尤其是对于不熟练的用户，往往会被搞得无所适从，要使用TAB键或回车键控制在表项间的移动。
3）明确取消：如果用户中断了一个输入序列，已经输入的数据不要立即丢弃。这样才能对一个也许是错误的取消动作进行重新思考。
4）确认删除：为避免错误的删除动作可能造成的损失，在键入了删除命令后，必须进行特别的确认，然后才执行删除操作。例如，可以用Delete you sure？[Y/N]来确认。
5）提供反馈：若一个屏幕上可容纳若干输入内容，可将用户先前输入的内容仍保留在屏幕上，以便用户能够随时查看，明确下一步应进行的操作。
6）允许编辑：在一个文件输入过程中或输入完成后，允许用户对其编辑，以修改他们正在输入的数据或回去修改他们以前输入的数据。应采纳一种前后一致的编辑方式。
7）提供复原（undo）：应允许用户恢复输入以前的状态。这在编辑和修改错误的操作中经常用到。
8）自动格式化：用户可以采用自由格式进行输入。例如，用PB进行数据库设计时，某个字段假设是currency，可以规定格式：￥***.**。输入对空格应不敏感。
9）提示输入的范围：应当显示有效回答的集合及其范围。例如，显示“请输入1-10之间的整数”。
数据显示界面设计
进行数据输出显示设计，应当了解数据显示的要求，解决应该显示哪些数据，屏幕上一次显示多少信息的问题。画面显示信息过少，则用户需不断切换屏幕才能找到所需的数据；画面显示过多，则发生“只见森林，不见树木”的现象。因此，显示的信息对于用户任务来说应当是适当的，不要过于拥挤。
1）选择显示内容应当考虑的准则
*只显示必需的数据，与用户需求无直接关系的一律省略
*在一起使用的数据应显示在一起
*显示出的数据应与用户执行的任务有关
*每一屏数据的数量，包括标题、栏题等，不应超过整个屏幕面积的30%
利用这些规则，并根据用户要求，将数据分组，然后将每组数据按一定的结构形式来安排，总的目的是使得用户感到使用方便，通过结构形式便于了解数据项的含义。
2）安排显示结构的规则
*以一种逻辑方式把数据分组。比如，数据都与某一目标有关，或所有数据都拥有同一属性等。此外，还可以根据使用频率、操作顺序或功能来分组，这取决于用户的需要。
*安排数据要考虑是否有益于用户的使用。关键词和识别符应安排在显示部分的左上角，其余数据可按其重要性、使用频率、正常使用顺序来安排。
*列表组织数据。根据一个或多个关键因素将数据分类，使得每组数据同属同一类型。
*如果需要，可显示数据的抽象特性，并用图表说明这些特性的趋势、联系和区别。
显示设计要使得相关的数据成组地出现，并由用户与系统的会话来控制。若不使用覆盖技术，则可根据屏幕的大小，使每帧屏幕包含若干个子区域，让每个子区域显示不同的信息。
3）屏幕布局时应当考虑的规则
*应尽量少使用代码和缩写。显示的数据对于读者来说，应是易于理解的。
*如果安排了若干个显示画面，最好建立一个统一的格式。如果用户熟悉了数据显示的位置和显示的方式，则可获得不少的方便。
*提供明了的标题、栏题以及其它提示信息。帮助用户浏览各种显示画面。
*遵循用户的习惯。采用在分析过程中得到的用户模型，并保留用户使用的术语。
*采用颜色、字符大小、下划线或不同的字体等方式来强化重要数据。
设计了数据的显示结构之后，根据是图形显示还是字符显示，进一步考虑细节设计。
系统软件详细设计说明书 1.引言 编写目的 本详细设计说明书是针对网络信息体系结构的课程作业而编写。目的是对该项目进行详细设计，在概要设计的基础上进一步明确系统结构，详细地介绍系统的各个模块，为进行后面的实现和测试作准备。本详细设计说明书的预期读者为本项目小组的成员以及对该系统感兴趣，在以后想对系统进行扩展和维护的人员。 2. 系统的结构 ui client preview search common ui：系统界面部分，负责接受用户输入，显示系统输出，负责其他模块功能的协调调用，并含有站内搜索功能，即在用户指定的已打开的ftp站点中搜索用户需要的资源。ui
部分调用common部分的功能读取xml文件中保存的界面元素属性信息，用户最近访问过的10个ftp信息，用户选择的下载的ftp内容列表及其他需要通过xml文件保存的信息。 client：实现ftp客户端的功能，ftp连接，ftp上传及下载：上传或下载用户指定的资源，并返回相应的信息。 search:资源实时检索部分，根据用户输入的资源名称关键字，资源类型和选择的检索方式检索用户需要的资源，并验证资源的可用性，返回可用资源及其大小，速度等相关信息。 preview：资源预览部分，显示用户选择的资源的部分内容，以使用户决定是否需要该资源。preview部分调用common部分读取属性文件的内容亦显示预览资源内容的显示格式。 3．模块1（ui）设计说明 模块描述 实现用户界面的包，含有11个文件51个类，是本系统中最复杂的代码。 功能 负责接受用户输入，显示系统输出，其他模块功能的协调调用，并含有站内搜索功能，即在用户指定的已打开的ftp站点中搜索用户需要的资源。 交互的模块 client，search，preview，common。 模块设计 该模块中的主要文件，文件中包含的主要类及其功能和与其它包的交互如下：：MainFrame是含有主函数的类，也是lyra客户端开始执行的类，它先后进行资源的初始化，显示主界面等工作，根据屏幕大小设置界面大小，设置界面的观感。 :显示关于窗口的类，当用户点击帮助菜单中的关于菜单项时会弹出关于对话框。 ：FileTools是文件操作辅助类，可以实现文件的递归删除等。
修订记录
目录 第一章概述........................................................................... 错误!未定义书签。 1.1.应用模块的目的....................................................... 错误!未定义书签。 1.2.应用模块总体描述................................................... 错误!未定义书签。 1.3.应用模块接口描述................................................... 错误!未定义书签。 1.4.假设条件................................................................... 错误!未定义书签。第二章设计模式（Design pattern） ................................... 错误!未定义书签。第三章类设计....................................................................... 错误!未定义书签。 3.1.分块类图................................................................... 错误!未定义书签。 <类图1> ............................................................ 错误!未定义书签。 <类图n> ............................................................ 错误!未定义书签。 3.2.整体继承关系........................................................... 错误!未定义书签。 3.3.类描述....................................................................... 错误!未定义书签。 <类名1> Class Description............................. 错误!未定义书签。 <类名n> Class Description............................. 错误!未定义书签。第四章交互图....................................................................... 错误!未定义书签。 4.1.<情景编号1: 情景名称> ........................................ 错误!未定义书签。 交互图................................................................ 错误!未定义书签。 例外情况及条件................................................ 错误!未定义书签。 4.2.<情景编号n: 情景名称> ........................................ 错误!未定义书签。第五章状态图....................................................................... 错误!未定义书签。 5.1.<状态图编号1:状态图名称> .................................. 错误!未定义书签。 5.2.<状态图编号n:状态图名称> .................................. 错误!未定义书签。第六章时序流程图............................................................... 错误!未定义书签。第七章用户界面设计说明................................................... 错误!未定义书签。 7.1.用户界面关系........................................................... 错误!未定义书签。 7.2.用户界面具体描述................................................... 错误!未定义书签。 <界面编号1:界面名称〉 ................................. 错误!未定义书签。 <界面编号N:界面名称〉 ................................ 错误!未定义书签。
软件界面设计说明书 篇一：软件系统设计说明书 OA办公平台 软件系统设计说明书 洛阳艾克科技有限公司 CopyRight 20XX-20XX ARC Co.，LTD 版本历史 目录 第一章第二章第三章第四章 系统概述 ................................................ ................................................... ............ 4 设计约束 ................................................ ................................................... ............ 4 开发、测试与运行环境 ................................................ ........................................ 5 数据库设计概述 ................................................ (8)
4.1 数据库环境说明 ................................. ................................................... ........................ 8 4.2 数据库命名规则 ................................................ ................................................... ......... 8 4.3 安全性设计说明 ................................................ ................................................... ......... 8 4.4 表汇总和表设计 ................................................ ................................................... ......... 9 第五章 用户界面设计概述................................................. (11) 5.1 工作流程图 ................................................ ................................................... .............. 11 5.2 主界面 ................................................ ...................................................
软件工程用户界面设计报告书
目录 0. 文档介绍3 0.1 文档目的3 0.2 文档范围3 0.3 读者对象3 0.4 参考文献3 0.5 术语与缩写解释4 1. 应当遵循的界面设计规范4 2. 界面的关系图和工作流程图9 3. 主界面 10 4. 子界面 A 12 5. 子界面 B 13 6. 美学设计13 7. 界面资源设计错误!未定义书签。 8. 其它错误!未定义书签。
文档介绍 0.1 文档目的 界面设计是为了满足软件专业化标准化的需求而产生的对软 件的使用界面进行美化优化规范化的设计分支。界面设计文档能 够让用户对软件产品有了更直观的了解,而且了解各个模块的设计及用意。 0.2 文档范围 文档包括公用界面设计,学生用户界面设计,教师用户界面设计,其中各个界面包括框架设计,编程设计,按钮设计,面板设计,菜单设计,标签设计,图标设计,滚动条及状态栏设计。 0.3 读者对象 登陆网站的游客、注册成会员的学生、教师以及管理员。 0.4 参考文献 提示:列出本文档的所有参考文献(能够是非正式出版物),格式如下: [1] 张海藩,<软件工程导论(第5版)>,清华大学出版社,19 01月 [2] 杨培添,<软件界面设计>,电子工业出版社, 02月 [3] 林锐,
0.5 术语与缩写解释 缩写、术语解释 SPP 精简并行过程,Simplified Parallel Process SD 系统设计,System Design 1. 应当遵循的界面设计规范 软件界面的设计,既要从外观上进行创意以到达吸引眼球的目的,还要结合图形和版面设计的相关原理,从而使得软件设计变成了一门独特的艺术。软件用户界面的设计应遵循以下几个基本原 则: 用户导向原则: 明确到底谁是使用者,要站在用户的观点和立场上来考虑设计软件。要作到这一点,必须要和用户来沟通,了解她们的需求、目标、期望和偏好等。网页的设计者要清楚,用户之间差别很大,她们的能力各有不同。比如有的用户可能会在视觉方 面有欠缺(如色盲),对很多的颜色分辨不清;有的用户的听觉也会有障碍,对于软件的语音提示反映迟钝;而且相当一部分用户
软件界面设计规范 1概要 界面设计中一定要保持界面的一致性。 一致性既包括使用标准的控件，也指使用相同的信息表现方法，如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。 界面力求简洁明了，保证系统功能设计的合理与明确，布局明确、交互操作合理、协调统一。功能要表现清楚，分类清晰有条理，避免过多的控件嵌套导致的视觉混乱；单一功能的操作目的明确，符合易用性原则，避免不必要的信息显示而对用户造成视觉干扰；力求操作简单，简单的功能一步完成，比较复杂的功能三步之内，复杂的功能操作使用操作向导来辅助客户完成。 2色调风格 2.1色调： 软件界面设计中常用的主色调包括：蓝色、红色、绿色、黑色 蓝色：运用的行业较为广泛，如通讯、电子、房产、钢铁、生产管理等行业大部分以蓝色为主色调来设计软件。 红色：在政府单位运用比较多。 绿色：一般运用于教育、医疗、农林等行业。 黑色：能源、石油、房地产行业有时候会用中性的黑色作为主色调。
表现区：通常用浅色，如：白色、淡灰、或者淡蓝之类，因为大面积的文字信息在浅色上便于长时间阅读，不容易形成视觉疲劳。 2.2风格： 软件界面的风格通常比较简约。不同行业，使用的环境不同稍有差异。 3登录界面 基本元素：logo、系统名称、输入框、提交按钮。如下： 4页面逻辑结构 功能页面功能页面 弹出页面弹出页面弹出页面
软件界面通常是上面这样的逻辑结构 首页：宏观预览各项设备管理数据，快速访问期望的数据功能 功能页面：查看某一功能模块的全部数据，查看某一对象的各类相关数据 弹出页面：填写和提交表单，对功能中的某一单项数据进行增加/删除/查询/修改/审核/打印/导出等功能操作。 5页面的基本属性 页面宽度：属性值为auto，最小值1024像素。默认状况下无横向滚动条。 注意：宽度、位置、边距为不可变数据 背景：页面整体为白色背景#FFFFFF 或者浅灰、浅蓝等，总之是非常接近白色的颜色。 注：白色为常用色值，对于特殊个性化页面可根据特殊要求变更色彩；背景色彩尽量少用饱和度高的颜色， 页面位置：居中 页面边距：上 0px；下 0px；左 0 px；右 0 px； 注意：有时候会专门设置一定数值的边距，这时通常 与模块间的间距相同，如上下左右都是5px。
用户界面设计说明 书
[键入公司名称] [键入文档标题] [键入文档副标题] [键入作者姓名] 2012/11/27
修订历史记录
目录 1 引言................................................... - 3 - 1.1编写目的............................................ - 3 - 1.2项目背景............................................ - 4 - 1.3定义、缩略词........................................ - 4 - 1.4参考资料............................................ - 5 - 2 应当遵循的界面设计规范 ................................. - 5 - 2.1用户界面设计原则.................................... - 5 - 2.2界面一致性.......................................... - 5 - 2.3布局合理化原则.......................... 错误!未定义书签。 3 界面的关系图和工作流程图 ............................... - 7 - 4 主界面................................................ - 10 - 4.1主界面............................................. - 10 - 4.2子界面A ........................................... - 11 - 4.3子界面B ........................................... - 12 - 4.4子界面C ........................................... - 13 - 4.5子界面D ........................................... - 14 - 4.6子界面E ........................................... - 15 - 4.7子界面F ........................................... - 16 - 5 美学设计.............................................. - 17 -
软件用户界面设计规范 1.导言 1.1 目的 为开发人员提供界面设计和开发的指南，引导开发人员设计简洁美观的用户界面； 1.2 适用范围 适用于xxxxxx。 2.软件界面设计的重要性 2.1 发展趋势 软件用户界面的发展经历了从简单到复杂、从低级到高级的过程，用户界面在软件系统中的价值比重越来越高。 2.2 开发竞争 得益于互联网的发展和普及，软件开发的技术门槛在不断下降，大部分软件企业的技术手段也趋向于雷同，“软件设计”变得越来越重要。当大家都掌握了相似的技术和需求信息后，企业之间的开发竞争“比的就是设计”。 –软件用户界面设计要综合考虑“易用性设计”、“艺术设计”和“技术实现”，很有挑战性。 2.3 用户挑剔 用户界面在很大程度上影响着软件的命运，因为广大用户对软件的评价主要来源于他们操作用户界面的感受。同类软件越多，选择余地越大，购买者对软件
用户界面就越挑剔。 3.软件界面设计的现状、问题及原因 3.1 不容乐观的现状 尽管国内有很多技术出色、聪明过人的软件工程师，但是不少人开发出来的软件产品却既难用又难看，客户很不满意。导致经常要修改软件的用户界面，造成极大的生产力浪费。 到处是用户界面设计缺陷： –界面措辞含糊，甚至有错别字。连简单的消息框都设计不好，可能存在文不对题的语病。 –界面布局混乱，缺乏逻辑，凡是能放的东西都堆集上去，让用户不知从何下手。–没有防错处理，不对用户输入的数据进行检验，不根据用户的权限自动隐藏或者禁用某些功能。执行破坏性的操作之前，不提醒用户确认。 –不提供进度条、动画来反映正在进行的比较耗时间的过程，对于重要的操作也不返回结果，让用户干着急。 3.2 问题和原因之一 由于国内没有开设软件界面设计的课程，大家对这部分知识没有深刻的意识，只是在工作中凭着个人的经验与感觉设计软件的用户界面，这样产生的界面往往得不到大众用户的认可。 3.3 问题及原因之二 开发人员在设计用户界面方面不仅存在先天的教育缺陷，更加糟糕的是还常常“错位”的毛病。他以为只要自己感觉用户界面漂亮、使用起来方便，那么用户也一定会满意。 3.4 问题及原因之三
软件界面设计规 1.界面规 1.1.总体原则以用户为中心。 设计由用户控制的界面，而不是界面控制用户。清楚一致的设计。所有界面的风格保持一致，所有具有相同含义的术语保持一致，且易于理解拥有良好的直觉特征。以用户所熟悉的现实世界事务的抽象来给用户暗示和隐喻，来帮助用户能迅速学会软件的使用。较快的响应速度。简单且美观。 1.2.原则详述 1.2.1.用户控制用户界面设计的一个重要原则是用户应该总是感觉在控制软件而不是感觉被软件所控制。操作上假设是用户--而不是计算机或软件--开始动作。用户扮演主动角色，而不是扮演被动角色。在需要自动执行任务时，要以允许用户进行选择或控制它的方式来实现该自动任务。提供用户自定义设置。因为用户的技能和喜好各不相同，因此他们必须能够个性化界面的某些方面。Windows为用户提供了对许多这方面的访问。您的软件应该反应不同的系统属性--例如颜色、字体或其他选项的用户设置。采取交互式和易于感应的窗口，尽量避免使用模态对话框，而使用"非模式"辅助窗口。"模式"是一种状态，它排除一般的交互，或者限制用户只能进行特定的交互。当最好使用一个模式或该模式只是可替换的设计时--例如，用于在一个绘图程序中选定一个特定感觉--请确保该模式是显然的、可见的，是一个明确的用户选定的结果，并且容易取消。在后台运行长进程时，保持前台式交互。例如，当正在打印一个文档，即使该文档不能被改变，用户也应该可以最小化该窗口。谅解。用户喜欢探索一个界面，并经常从尝试和错误中学习。一个有效的界面允许交互式的发现，它只提供一组合适的选择，并在用户可能破坏系统或数据的情况时发出警告。如果可行，还应提供可逆转或可还原的操作。即使在设计得很好得界面中，用户也可能犯错误。这些错误既可以是物理上得（偶然地指向了错误的命令或数据），也可以是逻辑上的（对选定哪一个命令或哪些数据做出了错误的决定）。有效的设计避免很可能导致错误的情况。它还包容潜在的用户错误，并且使用户易于还原。 1.2.2.清楚一致的设计一致允许用户将已有的知识传递到新的任务中，更快地学习新事物，并将更多的注意力集中在任务上。这是因为他们不必花时间来尝
宁夏风采展示网站 说明文档 题目：走进宁夏 专业班级： 09级计算机科学与技术1班 姓名：姓名 学号：学号 指导教师：指导教师 成绩：
目录 第一章网页概述 (1) 网页简介 (1) 网页组成 (1) 网页设计思想 (2) 第二章网页设计思路 (3) 网页设计背景 (3) 制作工具选择 (3) 素材收集 (4) 网页设计内容构想 (5) 第三章网页内容简介 (7) 网页功能简介 (7) 网页主要功能描述 (7) 网页的浏览 (8) 第四章网页设计 (9) 网页结构总图 (9) 各网页模块的组成 (10) 网页制作环境 (12) 网页设计思路 (12) 第五章网页制作 (14) 素材的加工制作 (14) 网站的建立 (15) 网页设计 (15) 主页设计 (15)
环境” (18) 历史” (20) 文化” (21) “城市” (24) 其它页面设计 (26) 第六章设计体会 (28) 致谢 (29)
摘要 【摘要】本网页主要用HTML语言编写，利用Macromedia 作为开发工具，介绍了宁夏回族自治区的历史、文化、人口、民族、城市、经济、地理、特产等基本概况，以图片和文字介绍相结合的方式，穿插一些视频媒体，以网站浏览的方式综合展示了宁夏回族自治区的整体面貌，着重介绍了宁夏几大城市和特色文化。 【关键词】网页设计说明书走进宁夏设计思路 Javascript 语言
第一章网页概述 网页简介 网页，是构成网站的基本元素，是承载各种网站应用的平台。通俗的说，网站就是由网页组成的。网页说具体了是一个html文件，浏览器是是用来解读这份文件的。 本次网页设计，主要用HTML语言编写，利用作为开发工具，中间插入了一些Javascript语言用以编制一些特效，如左右移动图片广告、显示当前时间等，主要介绍了宁夏回族自治区的历史、文化、人口、环境、民族、城市、经济、地理、特产等基本概况，以图片和文字介绍相结合的方式，穿插一些视频媒体，以网站浏览的方式综合展示了将宁夏回族自治区的整体面貌展现给大家，着重介绍了宁夏回族自治区几大城市和特色文化。 网页组成 1、主页 （1）宁夏介绍 （2）五大城市 （3）宁夏特色 2、环境 介绍了宁夏回族自治区的自然生态环境。 3、历史 介绍了宁夏的历史（旧石器时期——新中国成立——自治区成立）。 4、文化 （1）九大文化 （2）宁夏花儿 （3）宁夏文学
软件界面设计规范_V1.0 1概要 界面设计中一定要保持界面的一致性。 一致性既包括使用标准的控件，也指使用相同的信息表现方法，如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。 界面力求简洁明了，保证系统功能设计的合理与明确，布局明确、交互操作合理、协调统一。功能要表现清楚，分类清晰有条理，避免过多的控件嵌套导致的视觉混乱；单一功能的操作目的明确，符合易用性原则，避免不必要的信息显示而对用户造成视觉干扰；力求操作简单，简单的功能一步完成，比较复杂的功能三步之内，复杂的功能操作使用操作向导来辅助客户完成。 2色调风格 2.1色调： 软件界面设计中常用的主色调包括：蓝色、红色、绿色、黑色 蓝色：运用的行业较为广泛，如通讯、电子、房产、钢铁、生产管理等行业大部分以蓝色为主色调来设计软件。 红色：在政府单位运用比较多。 绿色：一般运用于教育、医疗、农林等行业。 黑色：能源、石油、房地产行业有时候会用中性的黑色作为主色调。 表现区：通常用浅色，如：白色、淡灰、或者淡蓝之类，因为大面积的文字信息在浅色上便于长时间阅读，不容易形成视觉疲劳。
2.2风格： 软件界面的风格通常比较简约。不同行业，使用的环境不同稍有差异。 3登录界面 基本元素：logo、系统名称、输入框、提交按钮。如下： 4页面逻辑结构 软件界面通常是上面这样的逻辑结构 首页：宏观预览各项设备管理数据，快速访问期望的数据功能 功能页面：查看某一功能模块的全部数据，查看某一对象的各类相关数据 弹出页面：填写和提交表单，对功能中的某一单项数据进行增加/删除/查询/修改/审核/打印/导出等功能操作。
软件界面设计相关的各项介绍 界面设计是为了满足软件专业化标准化的需求而产生的对软件的使用界面进行美化优化规范化的设计分支。具体包括软件启动封面设计，软 件框架设计，按钮设计，面板设计，菜单设计，标签设计，图标设计，滚动条及状态栏设计，安装过程设计，包装及商品化。 在设计的过程中有较多注意的关键问题，以下列出几点： (1)软件启动封面设计 应使软件启动封面最终为高清晰度的图像，如软件启动封面需在不同的平台、操作系统上使用将考虑转换不同的格式，并且对选用的色彩不 宜超过256 色，最好为216色安全色。软件启动封面大小多为主流显示器分辨率的1/6大。如果是系列软件将考虑整体设计的统一和延续性。在上面应该醒目的标注制作或支持的公司标志、产品商标，软件名称，版本号，网址，版权声明，序列号等信息，以树立软件形象，方便使用者或购买者在软件启动的时候得到提示。插图宜使用具有独立版权的，象征性强的，识别性高的，视觉传达效果好的图形，若使用摄影也应该进行数位处理，以形成该软件的个性化特征。 (2)软件框架设计 软件的框架设计就复杂得多，因为涉及软件的使用功能，应该对该软件产品的程序和使用比较了解，这就需要设计师有一定的软件跟进经验，能够快速的学习软件产品，并且在和软件产品的程序开发员及程序使用对象进行共同沟通，以设计出友好的，独特的，符合程序开发原则的软件框架。软件框架设计应该简洁明快，尽量少用无谓的装饰，应该考虑节省屏幕空间，各种分辨率的大小，缩放时的状态和原则，并且为将来设计的按钮，菜单，标签，滚动条及状态栏预留位置。设计中将整体色彩组合进行合理搭配，将软件商标放在显著位置，主菜单应放在左边或上边，滚动条放在右边，状态栏放在下边，以符合视觉流程和用户使用心理。 (3)软件按钮设计 软件按钮设计应该具有交互性，即应该有3到6种状态效果：点击时状态；鼠标放在上面但未点击的状态；点击前鼠标未放在上面时的状态；点击后鼠标未放在上面时的状态；不能点击时状态；独立自动变化的状态。按钮应具备简洁的图示效果，应能够让使用者产生功能关联反应，群组内按钮应该风格统一，功能差异大的按钮应该有所区别。 (4)软件面板设计
目录0. 文档介绍 4 文档目的4 文档范围4 读者对象4 参考文献4 术语与缩写解释4 1. 应当遵循的界面设计规范 5 ； 2. 界面的关系图和工作流程图5 3. 主界面5 4. 子界面A 5 5. 子界面B 5 6. 美学设计 6 7. 界面资源设计6 8. 其他6
文档介绍 ， 文档目的 界面设计是为了满足软件专业化标准化的需求而产生的对软件的使用界面进行美化优化规范化的设计分支。界面设计文档可以让用户对软件产品有了更直观的了解，并且了解各个模块的设计及用意。 文档范围 文档包括公用界面设计，学生用户界面设计，教师用户界面设计，其中各个界面包括框架设计，编程设计，按钮设计，面板设计，菜单设计，标签设计，图标设计，滚动条及状态栏设计。 读者对象 登陆网站的游客、注册成会员的学生、教师以及管理员。 参考文献 提示：列出本文档的所有参考文献（可以是非正式出版物），格式如下： ￥ [1] 张海藩，《软件工程导论（第5版）》，清华大学出版社，1900年01月 [2] 杨培添，《软件界面设计》，电子工业出版社，2007年02月 [3] 林锐，《Web软件用户界面设计指南》，电子工业出版社，2005年5月 [4]吴士力，汪孝宜，胡俦，《网络系统开发实例精粹（JSP版）》，电子工业出版社， 2006年8月 [5] 黄艳群，黎旭，李荣丽，《设计·人机界面》，北京理工大学出版社，2007年5月 术语与缩写解释 %
1. 应当遵循的界面设计规范 软件界面的设计，既要从外观上进行创意以到达吸引眼球的目的，还要结合图形和版面设计的相关原理，从而使得软件设计变成了一门独特的艺术。软件用户界面的设计应遵循以下几个基本原则： 用户导向原则： 明确到底谁是使用者，要站在用户的观点和立场上来考虑设计软件。要作到这一点，必须要和用户来沟通，了解他们的需求、目标、期望和偏好等。网页的设计者要清楚，用户之间差别很大，他们的能力各有不同。比如有的用户可能会在视觉方面有欠缺（如色盲），对很多的颜色分辨不清；有的用户的听觉也会有障碍，对于软件的语音提示反映迟钝；而且相当一部分用户的计算机使用经验很初级，对于复杂一点的操作会感觉到很费力。另外，用户使用的计算机机器配置也是千差万别，包括显卡、声卡、内存、网速、操作系统以及浏览器等都会有不同。设计者如果忽视了这些差别，设计出的网页在不同的机器上显示就会造成混乱。 … KISS原则： KISS原则就是"Keep It Simple And Stupid"的缩写，简洁和易于操作是网页设计的最重要的原则。毕竟，软件建设出来是用于普通网民来查阅信息和使用网络服务。没有必要在网页上设置过多的操作，堆集上很多复杂和花哨的图片。该原则一般的要求，网页的下载不要超过10秒钟（普通的拨号用户56 Kbps网速）；尽量使用文本链接，而减少大幅图片和动画的使用；操作设计尽量简单，并且有明确的操作提示；软件所有的内容和服务都在显眼处向用户予以说明等。 布局控制： 关于网页排版布局方面，很多网页设计者重视不够，网页排版设计的过于死板，甚至照抄他人。如果网页的布局凌乱，仅仅把大量的信息堆集在页面上，会干扰浏览者的阅读。一般在网页设计上所要遵循的原理有： Miller公式。根据心理学家George 的研究表明，人一次性接受的信息量在7个比 特左右为宜。总结一个公式为：一个人一次所接受的信息量为7±2 比特。这一原 理被广泛应用于软件建设中，一般网页上面的栏目选择最佳在5～9个之间，如果 软件所提供给浏览者选择的内容链接超过这个区间，人在心理上就会烦躁，压抑， 会让人感觉到信息太密集，看不过来，很累。例如的栏目设置：Main、MyAol、 Mail、People、Search、Shop、Channels和Devices共八个分类。的栏目设置：MSN Home、My MSN、Hotmail、Search、Shopping、Money和People & Chat共七项。 然而很多国内的软件在栏目的设置远远超出这个区间。 （2）分组处理。上面提到，对于信息的分类，不能超过9个栏目。但如果你的内容实在是多，超出了9个，需要进行分组处理。如果，你的网页上提供几十篇文章的链接，需要每隔7篇加一个空行或平行线做以分组。如果你的软件内容栏目超出9个，如微软公司的软件，共有11个栏目，超过了9个。为了不破坏Miller公式，在设计时使用蓝黑两种颜色分开，具体可以访问视觉平衡： 网页设计时，也要各种元素（如图形、文字、空白）都会有视觉作用。根据视觉原理，图形与一块文字相比较，图形的视觉作用要大一些。所以，为了达到
软件界面设计 界面的说法以往常见的是在人机工程学中。人机界面是指人机间相互施加影响的区域，凡参与人机信息交流的一切领域都属于人机界面。而设计艺术是研究人一物关系的学科，对象物所代表的不是简单的机器与设备，而是有广度与深度的物；这里的人也不是生物人，不能单纯地以人的生理特征进行分析。人的尺度，既应有作为自然人的尺度，还应有作为社会人的尺度；既研究生理、心理、环境等对人的影响和效能，也研究人的文化、审美、价值观念等方面的要求和变化。 设计的界面存在于人一物信息交流，甚至可以说，存在人物信息交流的一切领域都属于设计界面，它的内涵要素是极为广泛的。可将设计界面定义为设计中所面对、所分析的一切信息交互的总和，它反映着人一物之间的关系。 一、设计界面的存在 美国学者赫伯特．A．西蒙提出：设计是人工物的内部环境(人工物自身的物质和组织)和外部环境(人工物的工作或使用环境)的接合。所以设计是把握人工物内部环境与外部环境接合的学科，这种接合是围绕人来进行的。人是设计界面的一个方面，是认识的主体和设计服务的对象，而作为对象的物则是设计界面的另一个方面。它是包含着对象实体、环境及信息的综合体，就如我们看见一件产品、一栋建筑，它带给人的不仅有使用的功能、材料的质地，也包含着对传统思考、文化理喻、科学观念等的认知。任何一件作品的内容，都必须超出作品中所包含的那些个别物体的表象。分析物也就分析了设计界面存在的多样性。 为了便于认识和分析设计界面，可将设计界面分类为： 1)功能性设计界面接受物的功能信息，操纵与控制物，同时也包括与生产的接口，即材料运用、科学技术的应用等等。这一界面反映着设计与人造物的协调作用。 2)情感性设计界面即物要传递感受给人，取得与人的感情共鸣。这种感受的信息传达存在着确定性与不确定性的统一。情感把握在于深入目标对象的使用者的感情，而不是个人的情感抒发。设计?quot;投入热情，不投入感情，避免个人的任何主观臆断与个性的自由发挥。这-界面反映着设计与人的关系。 3)环境性设计界面外部环境因素对人的信息传递。任何一件或一个产品或平面视觉传达作品或室内外环境作品都不能脱离环境而存在，环境的物理条件与精神氛围是不可忽缺的界面因素。 应该说，设计界面是以功能性界面为基础，以环境性界面为前提，以情感性界面为重心而构成的，它们之间形成有机和系统的联系。 二、设计界面存在的方法论意义 当机械大工业发展起来的时候，如何有效操纵和控制产品或机械的问题导致了人机工程人体工学也进一步地扩大到人的思随着体力的简单劳动转向脑力的复杂劳动，二战后，学。． 维能力的设计方面，使设计能够支持、解放、扩展人的脑力劳动。在目前的知识经济时代，在满足了物质需求的情况下，人们追求自身个性的发展和情感诉求，设计必须要着重对人的情感需求进行考虑。设计因素复杂化导致设计评价标准困难化。一个个性化的设计作品能否被消费者所认同?新产品开发能不能被市场所接受?在目前，我国大部分企业实力还并不强大，设计开发失利承受力还不很强的情况下，如何系统地、有根据地认识、评价设计，使其符合市场，就需要对设计因素再认识。利用界面分析法，正是使设计因素条理化，避免将人作为生物人的片面和走出笼统地说设计＝科学十艺术的简单误区。 现代的人机工程学和消费心理学为设计提供了科学的依据，它们的成功就在于实验、调查和数理表述，是较为可系的。同样对设计艺术而言，进行设计界面的分析，也要有生理学、心理学、文化学、生物学、技术学学科基础。从理论上来说，它要直接建立在信息论和控制论的基础之上。
详细设计方案界面设计说明 2016.09
界面设计方案 总述 基本设计思路是所有的查询操作只通过一个文本框进行输入，如果不进行精确类别选择，将提供指定城市内的全局数据的模糊查询。 界面总览 展示的地图为右上城市列表中所选的城市的地图的全市总览。登入时默认城市为上海。 城市列表效果说明 城市列表应该按省份分开显示。 效果示意如下：
内部同时提供搜索框，帮助迅速定位城市。 效果示意如下： 定位完城市后，城市列表则收起。 效果示意如下： 查询框效果说明 查询框分为搜索输入框、类别选择菜单栏、输入提示框、结果展示框4大部分组成。 搜索输入框 用于接收用户输入的查询关键词。该输入框一直处于显示状态。 效果示意： 标注①所示的为关键字输入框。所有需要搜索的内容在此输入。 该文本框主要为接收用户所输入的查询关键字。 当在查询框输入内容后，该文本框末尾处将出现一个“X”的清除按钮控件，点击该按钮可以快速清除文本框中内容。参见示意图。 在输入内容时候，如果匹配到相关结果，将会在该文本框底部弹出输入提示框。效果示意如下：
如果无匹配结果，则不弹出“输入提示框”。 如果用户在该输入框中输入内容后，可以通过点击“回车键”激活查询（相当于点击“搜索按钮”），结果将显示在“结果展示框”内。 标注②为类别菜单通知栏。 该通知栏用于提示用户当前进行的搜索类别为何种类别。同时当用户进行搜索的时候，所要进行的搜索方式也据此决定。 此处的图标由用户在“类别选择菜单”中所点选的决定。用户在“类别选择菜单”中点选菜单后，其对应的图标也会显示在此。 标注③为搜索按钮。 点击该按钮后，如果“关键字输入框”内有输入的内容，则将激活查询，否则将不会做任何动作。 类别选择菜单栏 用于给用户选择所要进行的查询方式。本菜单栏默认为隐藏。 （建议菜单通过数据接口获得） 效果示意：
目录0. 文档介绍4 0.1 文档目的4 0.2 文档范围4 0.3 读者对象4 0.4 参考文献4 0.5 术语与缩写解释4 1. 应当遵循的界面设计规范5 2. 界面的关系图和工作流程图 5 3. 主界面5 4. 子界面A 5 5. 子界面B 5 6. 美学设计6 7. 界面资源设计6 8. 其他6
文档介绍 0.1 文档目的 界面设计是为了满足软件专业化标准化的需求而产生的对软件的使用界面进行美化优化规范化的设计分支。界面设计文档能够让用户对软件产品有了更直观的了解，同时了解各个模块的设计及用意。 0.2 文档范围 文档包括公用界面设计，学生用户界面设计，教师用户界面设计，其中各个界面包括框架设计，编程设计，按钮设计，面板设计，菜单设计，标签设计，图标设计，滚动条及状态栏设计。 0.3 读者对象 登陆网站的游客、注册成会员的学生、教师以及治理员。 0.4 参考文献 提示：列出本文档的所有参考文献（能够是非正式出版物），格式如下： [1] 张海藩，《软件工程导论（第5版）》，清华大学出版社，1900年01月 [2] 杨培添，《软件界面设计》，电子工业出版社，2007年02月 [3] 林锐，《Web软件用户界面设计指南》，电子工业出版社，2005
年5月 [4] 吴士力，汪孝宜，胡俦，《网络系统开发实例精粹（JSP 版）》，电子工业出版社，2006年8月 [5] 黄艳群，黎旭，李荣丽，《设计·人机界面》，北京理工大学出版社，2007年5月 https://www.doczj.com/doc/4016513098.html,/view/43210.html?wtp=tt https://www.doczj.com/doc/4016513098.html,/view/119481.htm 0.5 术语与缩写解释
用户界面设计风格说明(参考模版) 1引言 1.1设计说明 本文档是对系统界面设计风格进行描述，和用户交互的最终界面在《详细设计说明书》中设计和解释。 1.2概念和定义 用户界面：又称人机界面，实现用户与计算机之间得通信，以控制计算机或进行用户和计算机之间得数据传送得系统部件。 GUI：即图形用户界面，一种可视化得用户界面，它使用图形界面代替正文界面。 1.3用户假定 将使用本系统的用户定义为：对应用程序或计算机的一般用法有一定了解，用户希望界面符合WINDOWS9X特别是OFFICE97风格，对易用性、简洁性有比较高的要求，对界面快速交互没有很强的要求（即不希望通过命令方式快速交互）。 2用户界面设计规范 2.1用户界面设计原则 本系统坚持图形用户界面（GUI）设计原则，界面直观、对用户透明：用户接触软件后对界面上对应的功能一目了然、不需要多少培训就可以方便使用本应用系统。 界面设计员应该明白软件中用户是所有处理的核心，不应该有应用程序来决定处理过程，所以用户界面应当由用户来控制应用如何工作、如何响应，而不是由开发者按自己的意愿把*作流程强加给用户。 界面设计必须经过确认才能完成。 2.2界面一致性 在界面设计中应该保持界面的一致性。一致性既包括使用标准的控件,也指使用相同的信息表现方法,如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。 1）显示信息一致性标准 （1）标签提示:字体为不加重、宋体、黑色、灰底或透明、无边框、右对齐、不带冒号、一般情况为五号（10号）； （2）日期:正常字体、宋体、白底黑字、3-D lowered； （3）对齐方法： l 左对齐:一般文字、单个数字、日期等 l 右对齐:数字、时间、日期加时间。 （4）分辨率为800*600，增强色16色 （5）字体缺省为宋体、五号、黑色 （6）底色缺省采用灰色 这些信息的排列显示风格供参考, 在同一个应用中,这些信息的表现方式不一致,会使得用户分散注意力,影响这一软件的使用，因此开发者应当注意在同一软件中表现形式的一致性。 2）布局合理化原则 应注意在一个窗口内部所有控件的布局和信息组织的艺术性,使得用户界面美观。 在一个窗口中按tab键,移动聚焦的顺序不能杂乱无章,tab 的顺序是先从上至下，再从左至右。一屏中首先应输入的和重要信息的控件在tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。布局力求简洁、