产品界面设计讲义
1.以用户为中心的基本设计原则
在系统的设计过程中，设计人员要抓住用户的特征，发现用户的需求。在系统整个开发过程中要不断征求用户的意见，向用户咨询。系统的设计决策要结合用户的工作和应用环境，必须理解用户对系统的要求。最好的方法就是让真实的用户参与开发，这样开发人员就能正确地了解用户的需求和目标，系统就会更加成功。
2．顺序原则
即按照处理事件顺序、访问查看顺序（如由整体到单项，由大到小，由上层到下层等）与控制工艺流程等设计监控管理和人机对话主界面及其二级界面。3．功能原则
即按照对象应用环境及场合具体使用功能要求，各种子系统控制类型、不同管理对象的同一界面并行处理要求和多项对话交互的同时性要求等，设计分功能区分多级菜单、分层提示信息和多项对话栏并举的窗口等的人机交互界面，从而使用户易于分辨和掌握交互界面的使用规律和特点，提高其友好性和易操作性。
4．一致性原则
包括色彩的一致，操作区域一致，文字的一致。即一方面界面颜色、形状、字体与国家、国际或行业通用标准相一致。另一方面界面颜色、形状、字体自成一体，不同设备及其相同设计状态的颜色应保持一致。界面细节美工设计的一致性使运行人员看界面时感到舒适，从而不分散他的注意力。对于新运行人员，或紧急情况下处理问题的运行人员来说，一致性还能减少他们的操作失误。5．频率原则
即按照管理对象的对话交互频率高低设计人机界面的层次顺序和对话窗口莱单的显示位置等，提高监控和访问对话频率。
6．重要性原则
即按照管理对象在控制系统中的重要性和全局性水平，设计人机界面的主次菜单和对话窗口的位置和突显性，从而有助于管理人员把握好控制系统的主次，实施好控制决策的顺序，实现最优调度和管理。
7．面向对象原则
即按照操作人员的身份特征和工作性质，设计与之相适应和友好的人机界面。根据其工作需要，宜以弹出式窗口显示提示、引导和帮助信息，从而提高用户的交互水平和效率。
人机交互界面，无论是面向现场控制器还是面向上位监控管理，两者是有密切内在联系的，他们监控和管理的现场设各对象是相同的，因此许多现场设备参数在他们之间是共享和相互传递的。人机界面的标准化设计应是未来的发展方向，因为它确实体现了易憧、简单、实用的基木原则，充分表达了以人为本的设计理念。各种工控组态软件和编程工具为制作精美的人机交互界面提供了强大的支持手段，系统越大越复杂越能体现其优越性。
组态软件人机界面设计步骤
1.界面风格的设计
控制台人机界面选用非标准Windows风格，以实现用户个性化的要求。但考虑到大多数用户对于标准Windows系统较熟悉，在界面设计中尽量兼容标准Windows界面的特征。因为位图按钮可在操作中实现高亮度、突起、凹陷等效果，使界面表现形式更灵活，同时可以方便用户对控件的识别。但是，界面里使用的对话框、编辑框、组合框等都选用Windows标准控件，对话框中的按钮也使用标准按钮。控件的大小和间距尽量符合Windows界面推荐值的要求。
界面默认窗体的颜色是亮灰色。因为灰色调在不同的光照条件下容易被识别，且避免了色盲用户在使用窗体时带来的不便。为了区分输入和输出，供用户输入的区域使用白色作为底色，能使用户容易看到这是窗体的活动区域；显示区域设为灰色（或窗体颜色），目的是告诉用户那是不可编辑区域。窗体中所有的控件依据 Windows界面设计标准采用左对齐的排列方式。对于不同位置上多组控件，各组也是左对齐
2．系统界面布局分析
人机界面的布局设计根据人体工程学的要求应该实现简洁、平衡和风格一致。典型的工控界面分为3部分：标题菜单部分、图形显示区以及按钮部分。根据一致性原则，保证屏幕上所有对象，如窗口、按钮、莱单等风格的一致。各级
按钮的大小、凹凸效果和标注字体、字号都保持一致，按钮的颜色和界面底色保持一致。
3．打开界面的结构体系
选择界面的概念取决于多个界面。可将界面设计为循环，如果运行大量界面，必须设计一个合理的结构体系来打开界面。选择简单而永久的结构以便操作员能够快速了解如何打开界面。
用户一次处理的信息量是有限的，所以大量信息堆积在屏幕上会影响界面的友好性。为了在提供足够的信息量的同时保证界面的简明，在设计上采用了控件分级和分层的布置方式。分级是指把控件按功能划分成多个组，每一组按照其逻辑关系细化成多个级别。用一级按钮控制二级按钮的弹出和隐藏保证了界面的简洁。分层是把不同级别的按钮纵向展开在不同的区域，区域之间有明显的分界线。在使用某个按钮弹出下级按钮的同时对其他同级的按钮实现隐藏，使逻辑关系更清晰。
通常要由3个层面组成。层面1是总览界面。该层面要包含不同系统部分在系统所显示的信息，以及如何使这些系统部分协同工作。层面2是过程界面。该层面包含指定过程部分的详细信息，并显示哪个设备对象属于该过程部分。该层面还显示了报警对应的设各对象。层面3是详细界面。该层面提供各个设备对象的信息，例如控制器、控制阀、控制电机等，并显示消息、状态和过程值。如果合适的话，还包含与其他设备对象工作有关的信息。电子电气4．文字的应用
界面设计中常用字体有中文的宋体、楷体，英文的扭钔等，因为这些字体容易辨认、可读性好考虑到一致性，控制台软件界面所有的文本都选用中文宋体，文字的大小根据控件的尺寸选用了大小两种字号，使显示信息清晰并保证风格统一。
人体工程学要求界面的文本用语简洁，尽量用肯定句和主动语态，英文词语避免缩写。控制台人机界面中应用的文本有两类：标注文本和交互文本。标注文本是写在按钮等控件上，表示控件功能的文字，所以尽量使用了描述操作的动词如“设各操作”、“系统设置”等。交互文本是人与计算机以及计算机与总控制台等系统交互信息所需要的文本，包括输人文本和输出文本。交互文本使用的语
句为了在简洁的同时表达清晰，尽量采用用户熟悉的句子和礼貌的表达方式如“请检查交流电压”、“系统警告装置锁定”。对于信｀息量大的情况，采用上下滚动而不用左右滚屏，因为这样更符合人的操作习惯。
5.色彩的选择
人机界面设计中色彩的选择也是非常重要的。人眼对颜色的反应比对文字的反应要快，所以不同的信息用颜色来区别比用文字区别的效果要好。不同色彩给人的生理和心理的感觉是不同的，所以色彩选择是否合理也会对操作者的工作效率产生影响。在特定的区域，不同颜色的使用效果是不同的。例如：前景颜色要鲜明一些使用户容易识别，而背景颜色要暗淡一些以避免对眼睛的刺激。所以，红色、黄色、草绿色等耀眼的色彩不能应用于背景色。蓝色和灰色是人眼不敏感的色彩，无论处在视觉的中间还是边缘位置，眼睛对它的敏感程度是相同的，作为人机界面的底色调是非常合适的。但是在小区域内的蓝色就不容易感知，而红色和黄色则很醒目。因此提示和警告等信息的标志宜采用红色、黄色。电子电气
使用颜色时应注意几点：
（1）限制同时显示的颜色数一般同一界面不宜超过4或5种，可用不同层次及形状来配合颜色增加的变化。
（2）界面中活动对象颜色应鲜明，而非活动对象应暗淡，对象颜色应不同，前景色宜鲜艳一些，背景则应暗淡。中性颜色（如浅灰色）往往是最好的背景颜色，浅色具有跳到面前的倾向，而黑色则使人感到退到了背景之中。
（3）避免不兼容的颜色放在一起（如黄与蓝，红与绿等），除非作对比时用。
6.图形和图标的使用
图形和图标能形象地传达信息，这是文本信息达不到的效果。控制台人机界面通过可视化技术将各种数据转换成图形、图像信息显示在图形区域。选择图标时力求简单化、标准化，并优先选用已经创建并普遍被大众认可的标准化图形和图标。
工业控制组态软件图形系统设计
1 引言
随着工业控制系统对用户操作界面提出了越来越高的要求，监控组态软件作为强大的软件平台工具，伴随着计算机技术和分布式控制系统的广泛应用而发展起来的，监控软件在自动控制系统中的地位如图1所示。
组态软件产品出现于上世纪80年代初，目前世界上的组态软件有近百种之多，国际上知名的工控组态软件有Intouch，FIX，Paragon， Cimplicity，RSView32等，但由于价格偏高，成套系统达几十万至几百万且界面西化，不能满足一些特殊要求，对于中小型企业来讲，许多功能用不上，造成极大的浪费，另外由于国外产品的实现细节是保密的，系统安全上受制于人，具有很大的安全隐患。国产化的组态软件逐渐成为市场上的一支生力军，但总体上讲，由于资料来源缺乏，软件工程的组织薄弱等原因，使国产化组态软件的开放性、集成性、可靠性都有一定局限性。
本课题组以工业在线检测试验过程为背景，开发具有自身特色、专用型、实时性的组态软件。我们的主要工作是在分析出DCS系统中工业数据采集和监控领域要解决的问题后，制定了监控组态软件的整体框架，在此基础上完成组态软件中比较重要的模块――图形组态系统的设计和实现，图形组态的设计实现分成动画连接组态模块，界面生成模块和数据文件管理模块三部分，另外围绕图形组态系统，进行与图形组态系统相关模块的开发和实现，其具体包括实时数据模块、历史数据库模块。
图1 DCS控制系统结构图
2 监控组态软件设计
2.1监控组态软件总体框架
图2组态软件的结构图
2.2监控组态软件实现过程
把组态软件划分为下列四个部分：图形组态（界面）系统、实时数据库系统、通信及第三方程序接口组件、I/O设备驱动(其结构图如图2所示)，其中每一部分都可以进行独立开发。
课题组采用对象编程方式（OOP）进行图形界面设计，使画面精细，动画效果直观。面向对象技术以基本对象模型为单位，将对象内部处理细节封装在模型内部，重视对象模块间的接口联系和对象与外部环境间的联系，能层次清晰地表示系统全局对象模型。其主要特征概括为：抽象性、继承性、封装性和多态性。
在本软件中，把组态软件图形组态系统划分成动画连接组态模块，界面生成模块和数据文件管理模块三部分，各模块之间的关系如图3所示。
图3 图形组态系统框图
2.2.1图形生成模块的实现
创建新的图元
设置图元静态属性
编辑典型图元
建立图库
引入COM组件
处理绘图界面的闪烁
2.2.2动画连接模块的实现
动画连接组态模块完成图形的动画属性，与实时数据库中定义的变量建立相关性的连接关系，作为动画图形的驱动源。动态属性与设备的I/O变量等相关，它反映图形大小、颜色、位置、可见度、闪烁性等状态的特征参数，随着表达式的值的变化而变化。
动画连接包括颜色连接、填充连接、位置与大小变化连接、图形连接、命令连接和可视连接六部分。
2.2.3脚本模块的实现
设计人员可以利用自编的命令语言增强应用程序的灵活性。命令语言解释命令语言为运行系统功能实现的模块相当于C语言编译器的一个子模块。一个完整的编译过程包括词法分析、语法分析、语义分析、中间代码生成、代码优化和目标代码生成六个阶段。而组态软件的命令语言解释模块只需要完成词法分析和语法分析的功能。
2.2.4趋势曲线模块的实现
在组态软件中，有时要直观显示数据的变化趋势就需要用到趋势曲线。通过选择要显示的实时数据库中的变量，采用COM技术通过一个XY实时曲线控件CKChartXY显示出来。该曲线控件具有多项功能：调整大小、显示坐标、同时画8条曲线、更改曲线的颜色、背景、保存输入的数据、打印显示的曲线、可以移动游标进行点坐标的显示。
图4 趋势曲线显示效果图
3 软件模拟运行演示
监控软件实现了图形组态系统的基本功能，并且在实时数据模块和历史数据库的支持下，能够实现一定的监控功能。在此通过一个模拟实例对系统的功能进行验证。首先，建立一个工程文件（后缀为.mpj），在工程中创建画面并设计画面的属性，随后在画面中绘制用于模拟现场环境和仪表的各种控件组成监控画面；然后创建用于支持软件运行的内存数据（例如压力、温度及液位等），并把画面中的相关控件和内存数据进行连接，也即动画属性的配置。完成后点击菜单中的运行按钮进行运行基准频率和时间更新频率的设置，设置完成后画面进入模拟运行状态。如图5所示，由图可以看出当系统运行时，内存中的变量就变为了实时数据系统中的实时数据，由于是模拟运行，所以实时数据只能通过设计脚本程序进行变化，当实时数据变化时，监控画面上的对应实时数据的控件也发生相应的变化。
图5 软件模拟画面
人机界面设计
一、智能人机界面概述
在计算机的专业词汇里，计算机系统被定义为由计算机硬件、软件和人共同构成的人机系统（见图1）。人机界面就是在计算机系统中处于人、硬件及软件交叉的那一部分，是由人、硬件和软件三者组合而成。人机界面是一个综合的操作环境，它介于用户与计算机之间，从中传递和交换信息。对于人机界面来说，它的核心内容包括外部的显示风格以及用户进行具体操作的方式。具体地，人机界面集中体现在计算机系统的输入输出功能和用户对系统的各个部分进行操作的控制功能。一个好的人机界面，应该具有一致、友好、简单、自然的特
点。
随着人工智能的迅速发展，智能技术与人机界面相互融合，产生了智能人机界面。智能人机界面与一般的人机界面的区别在于：前者是以人与机器共同协作完成任务为先决条件的，可使计算机更加人性化，更友好，更亲切，它具有三个显著特点：
1．在操作风格上鼓励实践，能把界面中的错误减少到最低限度，尽可能减少人工干预；
2．提供自动完成常规任务的服务方式和联机帮助系统，调用工具更加方便、简洁；
3．具有容易理解和使用概念模型进行学习的能力，并且能更广泛地适应不同层次的用户。
二、智能人机界面的作用
（一）在用户与机器语言之间建立桥梁
在通常的情况下，用户在向界面发出命令过程时会发生机器理解上的错误。这种错误反映出用户语言与机器语言的差距。智能人机界面最大限度地避免了此类错误，提供对用户所使用的自然语言的理解。
（二）能够完成复杂的任务
对于较复杂的任务，使用一般性界面系统，必须对用户进行大量的训练，而在训练之后仍不能避免错误的发生。在智能人机界面中，由于联机帮助和多种工具的提供，使得复杂的任务变的简单易行。
（三）可作为训练用户机能的有效工具
智能人机界面可以与任务相联系，从而被开发成一个合适、实用的用户模型，为用户提供一个可以进行训练、学习操作技能和了解掌握系统功能的工具。具有人机共享任务并协作完成任务的功能任务共享有两种形式，其一是机器主动请求用户提供机器所需要的信息输入，另一种是机器反过来影响用户指令，并向用户提供信息，告知用户正在做什么等等。
三、智能人机界面的相关技术
（一）自然语言界面技术
在智能人机界面中，最佳设计方案是使用自然语言进行输入输出，但是以下两个原因妨碍了自然语言在界面技术中的应用。一是由于语音识别技术尚处于不完全可靠及价格过贵的状况。二是由于自然语言本身的不确定性，必须利用上下文才能正确表达和理解。但是随着技术的发展和研究的深入会使得机器越来越多地理解自然语言。在界面中自然语言的成分越高，智能的成分也越多。
（二）多媒体技术
应用多媒体计算机技术使计算机能同时扑获和处理图像、声音、视频、文字等多种媒体。在多媒体计算机系统中，充分调动人们的听觉、视觉和触觉与计算机进行交互，使人机界面更加友好、自然。在多媒体技术中，超文本和超媒体是其关键技术。这种技术改变了线性组织文字内容的传统，将要表达的内容分割成节点，节点之间通过链进行连接，其组织形式很接近于人类联想式的思维方式，以立体的网络结构将内容呈现在人们的面前。但是超文本和
超媒体的形式也存在某些不足，比如节点的分割困难和阅读过程中的“迷失”问题等等。但是,多媒体技术毕竟使计算机更加接近人类，并且，这种技术将越来越多地应用于计算机。
（三）专家系统技术
专家系统技术主要包含专家系统的知识表示、专门知识的应用和知识获取技术三个方面。知识表示是研究如何把人类的专家知识加以抽象并逻辑地表示出来，最终转换为适合于机器表示的形式。专门知识的应用主要研究规则事实和表示知识结构的方法，并且将规则用于事实与知识结构的机理结合，从而组成一个专家系统。知识的获取在专家系统中是最难解决的问题。目前，已经建立了许多知识获取技术，例如，归纳式知识获取，是采用归纳推理的方法获取新知识。但总的说来，知识获取的研究至今仍是初步的，离问题的真正解决尚有距离。
四、智能人机界面的构成
它包括四个部分：
1．用户；
2．与用户进行交互的会话机；
3．与任务交互的任务机；
4．任务本身。
用户会话机与任务机联合起来组成智能界面。在构造智能人机界面时，一般可以从任务模型、用户模型和翻译器三方面入手考虑。
（一）任务模型
用结构分析的方法，把任务分解成层次结构和与任务相关的操作分类，最后归结为当前任务的描述。一种较合适的方法是对任务的组成进行分解和在人机之间进行动态分配，也可以将任务视为子过程，为其提供从初始状态到最终状态的转变。
（二）用户模型
人机界面本身可以理解为一组概念和关系。良好的用户模型将帮助设计者设计出良好的人机界面。真实性是用户模型最重要的特征。常用的有用户概念模型、设计者模型和系统映像。
（三）翻译器
在人机交互中，由于人们对机器推理过程和数据结构的生疏，以及自然语言和机器语言之间的差距而常常引起错误。机器翻译器是将机器的输出转化成用户可理解的形式，即把任务的机器表示转化为界面中表示的中间功能模型；用户翻译器是把用户的指令、应答和命令转换为机器的操作语言。因此，我们可以用中间媒体作为会话的主动体，它既懂得用户的语言，又懂得机器执行的任务语言。让中间媒体既担当起用户翻译器的作用，把用户指令转换为机器操作，同时又作为机器翻译器，把计算机的输出转换为用户可理解的形式。
五、建立智能人机界面的过程
智能人机界面是一个功能复杂的计算机软件，它的开发过程也应遵循一般的软件生命周期；另一方面，它又是一种特殊的人机界面和专家系统软件，所以又具有自己独特的开发特点.总的说来，一般可以按照以下步骤进行智能人机界面的开发。
（一）对智能界面要完成的功能和环境进行详细的了解
与一般的人机界面相比，智能人机界面要采用许多新概念、新技术和全新的结构形式，因此，要充分研究和了解现有的智能人机界面所达到的技术指标，还需借鉴与智能界面有关领域的研究成果和经验，确定一条比较合理的研制思路。
（二）充分研究界面设计方法
知识库中所搜集界面设计知识的多少对智能人机界面的设计质量起着决定
性的作用。对于各类界面设计概念、规则、方法以及有代表性的软件系统进行广泛的搜集，并根据使用范围和用户要求，定义出一个适当的知识范围。
（三）建立任务模型和用户模型
建立正确有效的任务模型和用户模型是开发智能界面成败的关键。一般是采用实验和原型的方法，反复对模型进行建立、测试、修改，并将模型变成智能界面。
（四）建立公共界面
公共界面是任务模型和用户模型的集成。通常使用实体关系模型来建立（E —R图）。实体关系模型是由概念及其关系所组成的基本结构，很容易转化为上述两个模型中的等价结构。
（五）概念、功能和结构设计
根据系统规格说明书的要求，阐明智能界面设计过程所需的各种概念、实体及相互间的关系；划分功能，确定操作的内容和形式，明确界面与各类环境的接口。同时，还要根据功能要求进行模块划分，确定各模块的功能和模块间的相互关系。
（六）知识表示模式设计
在界面设计和知识获取的基础上，采用适当的知识表示方法，建立最佳的知识表示模式，组成高效知识库。
（七）任务机设计
任务机主要由专家系统的知识库和推理机组成，因此要具体设计出知识库和推理机的结构形式及工作机制。
（八）用户会话机设计
用户会话机设计包括人机界面、解释模块、知识获取模块等的设计工作，此外，还需实现输入输出之间的各种翻译功能。
（九）测试与评估
由于智能人机界面技术至今尚未成熟，因此更需要使用原型化技术，反复进行实践、测试、修改或者重新设计。
六、结论
智能人机界面是近年来计算机行业研究的热点之一。目前，尽管智能人机界面的设计仍处于初级阶段，但随着计算机硬件、软件及其相关学科的发展，智能人机界面的设计将日趋成熟，它将使计算机与人的距离进一步缩短，使计算机更多地融入我们的生活。
工控界面设计要点
1、在一般界面上，不要使用过大的图片；但应该设计导视图片
2、应该将各个信息分好类，主要以功能模块分类，如电机一个界面、水泵一个
界面；
3、各界面上应该再进行分块，以Frame装起来；
4、界面上同一类型控件集中放置，大小应该相等；
5、尽量采用比较形象的模拟表头，将会更加美观；
6、界面上底色应该尽量中性、柔和；
7、工控软件一般应该包括趋势图、历史数据库；要有数据报警功能，尽量做到
错误发生时，能切换到错误界面上；
8、工控软件主要界面及各功能模块分类；
人机界面设计评价
本文介绍了人机界面设计的一般过程，人机界面实现的原则，人机界面的风格和对人机界面设计的评价。
由于受传统观念的影响，很长一段时间里，人机界面一直不为软件开发人员所重视，认为这纯粹是为了取悦用户而进行的低级活动，没有任何实用价值。评价一个应用软件质量高低的唯一标准，就是看它是否具有强大的功能，能否顺利帮助用户完成他们的任务。近年来，随着计算机硬件技术的迅猛发展，计算机的存储容量、运行速度和可靠性等技术性能指标有了显著的提高，计算机硬件的生产成本却大幅度下跌，个人计算机日益普及。新一代的计算机用户，在应用软件的可操作性以及软件操作的舒适性等方面对应用软件提出了更高的要求除期望所用的软件拥有强大的功能外，更期望应用软件能尽可能的为他们提供一个轻松、愉快、感觉良好的操作环境。这表明，人机界面的质量已成为一个大问题，友好
的人机界面设计已经成为应用软件开发的一个重要组成部分。
1 人机界面的风格分析
这里所指的人机界面的风格，是指计算机系统的用户界面上控制输入的方法，大致经过了四代的演变：
1.1 命令语言：在图形显示、鼠标、高速工作站等技术出现之前，现实可行的界面方式只能是命令和询问方式，通信完全以正文形式并通过用户命令和用户对系统询问的响应来完成。这种方式使用灵活，便于用户发挥其创造性，对熟练的用户有很高的工作效率，但对一般用户来说要求高，易出错，不友善并难于学习，它的错误处理能力也较弱。
1.2 菜单选项：这种方式与命令行方式相比不易出错，可以大大缩短用户的培训时间，减少用户的击键次数，可以使用对话管理工具，错误处理能力有了显著提高。但使用起来仍然乏味，可能出现菜单层次过多及菜单选项复杂的情形，必须逐级进行选择，不能一步到位，导致交互速度显得太慢。
1.3 面向窗口的点选界面此类界面亦称WIMP界面，即窗口(Windows)、图标(Icons)、菜单(Menus)、指示器(PointingDevice)四位一体，形成桌面(Desktop)。这种方式能同时显示不同种类的信息，使用户可在几个工作环境中切换而不丢失几个工作之间的联系，用户可通过下拉式菜单方便执行控制型和对话型任务，引入图标、按钮和滚动杆技术，大大减少键盘输入，对不精于打字的用户无疑提高了交互效率。
1.4 自然语言使用自然语言与应用软件进行通信，把第三代界面技术与超文本、多任务概念结合起来，使用户可同时执行多个任务(以用户的观点)。
随着文字、图形、语音的识别与输术技术的进一步发展，多媒体技术在人机界面开发领域内的进一步发展，自然语言风格的人机界面将得以迅速的发展，最终走向实用化。
2 人机界面的设计原则
人机界面设计的好坏与设计者的经验有直接有关系，有些原则对几乎所有良好的人机界面的设计都是适用的，一般地可从可交互性、信息、显示、数据输入等方面考虑：
原则1：在同一用户界面中，所有的菜单选择、命令输入、数据显示和其他功能应保持风格的一致性。风格一致的人机界面会给人一种简洁、和谐的美感。
原则2：对所有可能造成损害的动作，坚持要求用户确认，例如提问“你肯定……?”等，对大多数动作应允许恢复(UNDO)，对用户出错采取宽容的态度。
原则3：用户界面应能对用户的决定做出及时的响应，提高对话、移动和思考的效率，最大可能的减少击键次数，缩短鼠标移动距离，避免使用户产生无所适从的感觉。
原则4：人机界面应该提供上下文敏感的求助系统，让用户及时获得帮助，尽量用简短的动词和动词短语提示命令。
原则5：合理划分并高效使用显示屏。仅显示与上下文有关的信息，允许用户对可视环境进行维护：如放大、缩小图像；用窗口分隔不同种类的信息，只显示有意义的出错信息，避免因数据过于费解造成用户烦恼。
原则6：保证信息显示方式与数据输入方式的协调一致，尽量减少用户输入的动作，隐藏当前状态下不可选用的命令，允许用户自选输入方式，能够删除无现实意义的输入，允许用户控制交互过程。
上述原则都是进行人机界面设计应遵循的最基本的原则，除此之外还有许多设计原则应当考虑，比如如何正确的使用颜色等。
3 人机界面设计的过程
人机界面的设计过程可分为以下几个步骤：
3.1 创建系统功能的外部模型设计模型主要是考虑软件的数据结构、总体结构和过程性描述，界面设计一般只作为附属品，只有对用户的情况(包括年龄、性别、心理情况、文化程度、个性、种族背景等)有所了解，才能设计出有效的用户界面；根据终端用户对未来系统的假想(简称系统假想)设计用户模型，最终使之与系统实现后得到的系统映象(系统的外部特征)相吻合，用户才能对系统感到满意并能有效的使用它；建立用户模型时要充分考虑系统假想给出的信息，系统映象必须准确地反映系统的语法和语义信息。总之，只有了解用户、了解任务才能设计出好的人机界面。
3.2 确定为完成此系统功能人和计算机应分别完成的任务
任务分析有两种途径。一种是从实际出发，通过对原有处于手工或半手工状态下的应用系统的剖析，将其映射为在人机界面上执行的一组类似的任务；另一种是通过研究系统的需求规格说明，导出一组与用户模型和系统假想相协调的用户任务。
逐步求精和面向对象分析等技术同样适用于任务分析。逐步求精技术可把任务不断划分为子任务，直至对每个任务的要求都十分清楚；而采用面向对象分析技术可识别出与应用有关的所有客观的对象以及与对象关联的动作。
3.3 考虑界面设计中的典型问题
设计任何一个机界面，一般必须考虑系统响应时间、用户求助机制、错误信息处理和命令方式四个方面。系统响应时间过长是交互式系统中用户抱怨最多的问题，除了响应时间的绝对长短外，用户对不同命令在响应时间上的差别亦很在意，若过于悬殊用户将难以接受；用户求助机制宜采用集成式，避免叠加式系统导致用户求助某项指南而不得不浏览大量无关信息；错误和警告信息必须选用用户明了、含义准确的术语描述，同时还应尽可能提供一些有关错误恢复的建议。此外，显示出错信息时，若再辅以听觉(铃声)、视觉(专用颜色)刺激，则效果更佳；命令方式最好是菜单与键盘命令并存，供用户选用。
3.4 借助CASE工具构造界面原型，并真正实现设计模型软件模型一旦确定，即可构造一个软件原形，此时仅有用户界面部分，此原形交用户评审，根据反馈意见修改后再交给用户评审，直至与用户模型和系统假想一致为止。一般可借助于用户界面工具箱(Userinterfacetoolkits)或用户界面开发系统(Userinterfacedevelopmentsystems)提供的现成的模块或对象创建各种界面基本成分的工作。
4 人机界面设计的评价
怎样评价一个人机界面设计质量的优劣，目前还没有一个统一的标准。一般地，评价可以从以下几个主要方面进行考虑：(1)用户对人机界面的满意程度；(2)人机界面的标准化程度；(3)人机界面的适应性和协调性；(4)人机界面的应用条件；(5)人机界面的性能价格比。
目前人们习惯于用“界面友好性”这一抽象概念来评价一个人机界面的好坏，但“但面友好”与“界面不友好”恐怕无人能定一个确切的界线，一般认
为一个友好的人机界应该至少具备以下特征：(1)操作简单，易学，易掌握；(2)界面美观，操作舒适；(3)快速反应，响应合理；(4)用语通俗，语义一致。
需指出，一个用户界面设计质量的优劣，最终还得由用户来判定，因为软件是供用户使用的，软件的使用者才是最有发言权的人。
B/S 系统界面设计规范 1.引言 界面美观、操作易用性、维护成本低是评价B/S系统的关键。本规范参考了一些成熟产品科学的开发方法，将开发过程中的方式、规则等强行的约束。希望藉此来提高用户操作感受，提升B/S产品的质量。 1.1. 编写目的 广义的界面概念包含了除页面布局设计之外，交互性的设计，及人体工程学方面的研究。本规范制订的依据从广义概念出发，总结以往项目的成败经验，目的是从整体上提升公司B/S类产品的质量、开发效率。从以技术为中心发展为以客户为中心，将类似项目成功的经验继承和积累下来，将B/S系统与C/S系统开发过程上的区别降低到仅显示控制的极小的层面。新的开发方式强调分层，规范出界面设计人员做什么，服务器编程人员做什么，这样就把页面和控制代码两个层面清晰的分开。 1.2. 背景 B/S模式系统以其易部署、易扩展、能够高度集成各种技术的特点，在公司产品线中占越来越大的比重，.Net、J2ee等技术的发展更是将B/S系统的开发和桌面应用程序开发的工程方法统一起来，突出服务器端技术，这些变革要求界面设计人员和服务器端编程人员可以应用更加科学的方法合作，团队的合作方式甚至决定了一个系统开发的成败。目前公司较多的服务器端编程人员仍然处于“后ASP 时代”的开发方式，表现为前台页面仍然与服务器代码高度的关联，带来的后果是重复建设、高昂的维护成本或失去控制的项目，没有充分的发挥出集成开发工具的优势。在以往的开发方式下界面设计侧重在静态页面的建设上，每个页面作为一个独立的模块来处理，在页面交互中则是程序员根据自己的习惯来控制，程序对个人的编程风格的依赖很强，这些在以往开发WEB站点的方式扩展到B/S系统有时是不正确的，甚至是背道而弛的，当然也不利于规模化的团队合作。 1.3. 定义 术语定义： 效果图：由界面设计人员设计的页面效果图，综合了概要设计的业务需要和整个站点的风格，它规定了页面布局上的每个细节。 容器：即HTML 标记的嵌套结构，如在表格->行->单元格内放置图片，那么可以认为单元格是放置图片的容器。 样式表：即级联式样式表CSS，它是W3C机构在HTML标记语言上扩展的格式语言。 非标准交互控件：是通过标准控件组合、扩展等方法以提高特定业务执行效率而进行封装的控件，或概括为用户根据以往的操作经验不能够直接领会出操作方式的交互控件。 2. 界面设计规范细则 总体目标 以规范作为基本原则，在此框架内进行合理的扩展和变化，将站点内的每个模块服从于整个站点，模块页面与“高内聚”的控制代码紧密的结合在一起，同时对应于应用程序基于系统的架构分析。 2.1. 通用原则 1 界面色彩要求：计算机屏幕的发光成像和普通视觉成像有很大的不同，应该注意这种
浅析网页界面设计——首页设计 首页设计，需开宗明义突出主题 开宗明义，无论是对于一篇文章、一场会议或一部专题片，还是对于一个网站来说，都是必不可少的。那么能为一个网站开宗明义的地方（标签）就是Title（标题）和Description（描述、副标题），而能够为Title和Description 提供进一步诠释的就是网站的首页。 展示哪些信息 页面的重要性是建立在它所呈现信息的基础之上，反过来说，页面要向用户展示哪些信息是决定其重要与否的首要指标。在网站页面中，网站标题、副标题、菜单（狭义上的导航，请参看《WEB导航设计》）、用户登录信息、关于、版权信息这几项是网站的基础信息，是一个网站身份的象征，承载着向用户表明网站立场、提供何种产品或劳务、网站自我介绍、如何联系网站的重要使命，在设计页面时，这些信息必不可少。 而网站的首页，除了需要显示以上这些基础信息之外，最重要的是还承担着网站转化率的重任，这也是所有类型的网站首页的最重要任务。如何让网站首页完成这项重要的任务呢？我的理解是把网站所提供的产品或劳务通过版式设计、文案设计、色彩设计之后，展示在首页适当的位置，并使其不受其它信息元素干扰，甚至使其它元素为它（产品或劳务）服务。 突出主题思想 知道了首页需要展示哪些信息，知道了信息之间的权重，如何把信息呈现得更符合信息本身，却不是一件容易的事，需要时间的磨练与经验的积累。就设计本身而言，是一件感性的事，不像数学公式，它缺乏严谨的理论做为指导，所以在工作中，经常出现与Boss、同事意见相左的情况。我个人的经验是在非重要信息的设计上使其具有普适性，在重要信息的设计上突出设计的主题思想，在与Boss、同事讨论时，尽量把讨论的重点放在主题思想的呈现方式与其对转化率（或市场目标）的作用之上。你可以说这是功利的设计，没错，所有的设计都是以商业利润为最终目的。 如何突出 在版式设计上，要求把信息分门别类，让用户在扫描（只为扫描而设计，请参考《Don’t Make Me Think》）页面时保证视觉流的流畅性，在短时间内（3-5秒）发现首页包函哪些区域（如菜单、广告、注册、个人信息、链接、按钮等），方便用户在第一时间内做出选择。在设计过程中，建议严格遵循四个排版的原则，即：对比、对齐、重复和亲密性（请参看《写给大家看的设计书》)。如https://www.doczj.com/doc/0f65524.html,、https://www.doczj.com/doc/0f65524.html,、https://www.doczj.com/doc/0f65524.html,的首页设计。
产品界面设计讲义 1.以用户为中心的基本设计原则 在系统的设计过程中，设计人员要抓住用户的特征，发现用户的需求。在系统整个开发过程中要不断征求用户的意见，向用户咨询。系统的设计决策要结合用户的工作和应用环境，必须理解用户对系统的要求。最好的方法就是让真实的用户参与开发，这样开发人员就能正确地了解用户的需求和目标，系统就会更加成功。 2．顺序原则 即按照处理事件顺序、访问查看顺序（如由整体到单项，由大到小，由上层到下层等）与控制工艺流程等设计监控管理和人机对话主界面及其二级界面。3．功能原则 即按照对象应用环境及场合具体使用功能要求，各种子系统控制类型、不同管理对象的同一界面并行处理要求和多项对话交互的同时性要求等，设计分功能区分多级菜单、分层提示信息和多项对话栏并举的窗口等的人机交互界面，从而使用户易于分辨和掌握交互界面的使用规律和特点，提高其友好性和易操作性。 4．一致性原则 包括色彩的一致，操作区域一致，文字的一致。即一方面界面颜色、形状、字体与国家、国际或行业通用标准相一致。另一方面界面颜色、形状、字体自成一体，不同设备及其相同设计状态的颜色应保持一致。界面细节美工设计的一致性使运行人员看界面时感到舒适，从而不分散他的注意力。对于新运行人员，或紧急情况下处理问题的运行人员来说，一致性还能减少他们的操作失误。5．频率原则 即按照管理对象的对话交互频率高低设计人机界面的层次顺序和对话窗口莱单的显示位置等，提高监控和访问对话频率。 6．重要性原则 即按照管理对象在控制系统中的重要性和全局性水平，设计人机界面的主次菜单和对话窗口的位置和突显性，从而有助于管理人员把握好控制系统的主次，实施好控制决策的顺序，实现最优调度和管理。
产品UI设计规范 一、为什么要做设计规范？（why） 如果说工作两年我养成了什么习惯的话，那一定是在做任何需求之前，都先问问自己“为什么要做这件事”。整理规范也是一样，做之前先要想清楚为什么要做规范？清楚的了解做一件事的价值有助于我们产生心理认同，从而更好的实施。 1.保证平台统一性统一性是交互设计的一个基本原则，在一个长期迭代多人合作的项目中，不同的设计师会负责不同的模块，每个人都有各自的思路，就有可能会对相同的元素做出了不同的方案，对于用户来说容易造成困惑，对品牌整体形象的建设也没有好处。所以对于较大型的产品，最好有设计规范来定义基本的元素，帮助众多设计师一起做出有统一性的产品。 2. 提升团队工作效率对于同一个基本元素，如果没有设计规范，交互设计师需要设计一次交互方式，视觉设计师需要设计一次外形，UI开发同学需要开发一次，每个不同的设计师遇到这个元素时都可能重新设计一遍。但如果有了设计规范，只需设计一次，团队中任何一个设计师需要用的时候直接拿来用就可以了，也不需要再进行视觉和开发，极大的提升了效率。 3. 打磨细节体验在整理每个元素的规范时，设计师都需要对其场景、状态考虑清楚。在整理的过程中，经常会发现一些以前没注意到的问题，并进行优化。把一个小元素单独拎出来仔细考量，写成一篇完整规范的过程，其实就是在打磨细节的过程。 二、什么时候做设计规范？（when） 虽说最理想的情况是在做设计前把设计准则、风格、规范都定义清楚，但在实际项目中很少能有条件这样做。项目初期总是小步快跑、先上再说，产品在不断试错的同时设计也是在不断试错，在一开始就能定义一个完全“正确”的规范其实是不太现实的。
B/S系统界面设计与开发详解 早在中国IT业方兴未艾之时，计算机应用系统主要以功能实现为主，几乎没有界面设计这个概念。时至今日，随着计算机和网络的不断普及，社会信息化程度日益加深，用户和市场的不断成熟，人们已经不仅仅满足于“够用”，而是更加强调“好用”“易用”；因此，不论是普通最终用户的个人软件，还是企业应用的大型系统，界面设计在系统构建中都成为了一个非常重要的方面。 但是，（至少在中国）由于IT业发展滞后、市场还不够成熟等原因，在绝大多数企业中，界面设计在软件系统开发中还没有获得与之重要性相匹配的一席之地，并且在企业运作和协调中也没有形成成熟的模式和解决方案，如何做好界面设计和开发，仍然是大家不断研究探讨的一个问题。 这篇文章，主要内容是我参加一个面向质检行业的Web系统界面设计和开发工作的过程，包括其间的一些构思和想法；其目的就是希望能和大家一起探讨一下这个问题，希望能供大家参考，起到抛砖引玉的作用。 另外，我同时承担了系统开发和界面设计工作，所以，虽然这是一篇讨论界面设计的文章，我也尽量把文章限制在界面设计范围内，但也有可能包含一些开发和系统设计的内容，请大家辨析清楚，欢迎指正。1.工作流程 下图，是整个开发过程中与界面设计相关的主要流程工作。
从最初需求分析开始，我就加入项目，自始自终参加整个开发过程。 在需求分析阶段，参与了对客户的访问和调研； 在概要设计阶段，参与了部分系统设计分析工作； 在详细设计阶段，完成了整个系统界面设计和Demo制作，并提交用户反馈； 在代码开发阶段，参与了系统表现层的设计开发。 2.需求分析 在需求分析阶段，主要针对界面交互相关问题，对用户进行若干调研。 主要包括以下内容 ·受众用户群调查 ·系统使用环境调查 ·受众用户使用习惯调查 ·用户对旧版本软件使用情况调查 这一阶段，由于成本原因，我并没有直接访问客户进行调查。工作主要是提出某些具体问题，由需求调研人员，以问卷或口头问答方式，对客户进行调研。另外，公司经验丰富的客服人员和市场人员，也是非常重要的需求来源之一。 本系统的客户群主要为国家省市下属质检单位，最终受众年龄从年轻到较高龄都有。对于普通国家机关人员，一般对计算机系统和网络不够熟悉，计算机环境一般，甚至比较差，少有配置优良的环境。在这种环境下，用户对计算机使用一般没有使用倾向，大多更适应手工操作。对本系统的前代使用，最主要意见是使用困难，不方便。 还有其他具体调查反馈，如用户基本不使用鼠标右键，年龄较大的用户难以看清密集的较小文字等等。 3.界面设计原则 在概要设计阶段，根据需求阶段的调研结果，我整理了系统界面设计的基本原则。因为在代码开发阶段，很多时候界面的具体制作是由开发人员直接写代码，因此必须确定一定的原则和规范，以保证系统界面的统一。 一般适用原则 ·简单明了原则：用户的操作要尽可能以最直接最形象最易于理解的方式呈现在用户面前。对*作接口，直接点击高于右键*作，文字表示高于图标示意，尽可能的符合用户对类似系统的识别习惯。 ·方便使用原则：符合用户习惯为方便使用的第一原则。其它还包括，实现目标功能的最少*作数原则，鼠标最短距离移动原则等。 ·用户导向原则：为了方便用户尽快熟悉系统，简化操作，应该尽可能的提供向导性质的*作流程。 ·实时帮助原则：用户需要能随时响应问题的用户帮助。 ·提供高级自定义功能：为熟悉计算机及软件系统的高级用户设置自定义功能，可以对已经确定的常规操作以及系统的方方面面进行符合自身习惯的自定义设置。包括常规操作、界面排版、界面样式等种种自定义。
1、页面命名 每个页面都要有与之模块对应的名称。 2、页面兼容性 （1）页面大小兼容 o自适应1366*768px及以上的分辨率 o默认窗口设置下，不应出现水平滚动条，避免出现垂直滚动条（当容过多时允许滚动条） （2）弹窗、弹页要保证768高度的分辨率显示正常，同时能移动查看弹出框容。弹出框高度为不超过450px，且显示在容页面相对水平、垂直相对居中位置。 （3）浏览器兼容 兼容Chrome、Firefox、Safari、IE8及以上主流浏览器。 o文字 文字用系统自带的常规字体，且分一级标题、二级标题、主容文字、次容文字、辅助文字（说明或引导性文字，提醒性文字），分别用不同的字号、颜色。具体字号大小和颜色参考UI设计效果图。 o容图片 容图片均带1px描边；容图片未加载出来时显示系统默认图片。
1、数据操作 显示数据（表格） （1）表头：字体加粗、且比单无格容字体大一号，且体字体大小参照UI效果图。 （2）单无格：文字图片容左对齐，数字、金额容右对齐。 （3）操作容原则上均用文字表达，如“编辑-删除” （4）鼠标划过表格单行时，颜色高亮。 （5）原则上每页显示15-20条数据，实际显示条数据可按设计排列效果而定。 （6）表格中不定长的字段，固定显示宽度，超出容用“…”显示光标停留后，在浮动层显示详细容。 选中数据 （1）勾选全选则选中当页所有记录 （2）去掉当页某个记录的勾选，则全选也去掉勾选。 （3）翻页后，自动去掉已勾选的记录及全选的勾选。 （4）翻页后是否进行选择记录的保留应试具体业务而定。 （5）刷新页面后，自动去掉已勾选的记录及全选的勾选。
新增数据 （1）新增的记录必须排在新增页的首行； （2）所有列表页面默认按数据新增时间倒序排列。 （3）提交失败后留在当前提交页，且保存用户已经输入的容以便再次提交。 （4）提交成功后自动回到数据列表页。 （5）提交时需对主要标识字段进行重复值、空值（空格）判断。 修改数据 （1）修改完成后必须回到原记录所在位置，且刷新显示修改后的值。 （2）提交失败后留在当前提交页，且保存用户已经输入的容以便再次提交。 （3）在查询条件下修改返回后，保留原有查询条件，且修改后的数据如果不满足查询条件则不显示。 （4）提交时需对主标识字段进行重复值、空值（空格）判断。 查询数据 （1）把所有查询条件全部显示出来，并放在查询列表上方位置。 （2）每个查询条件必须有预置文案。 （3）每次查询后保留当前输入的查询条件。
2017—2018安卓UI界面设计期末复习题库 此资料为复习提高资料，与考试无关 选择题 1、下列哪项不是Android四大组件（）Seivice B. Activity C. Handler D. Content Provider Android是如何组织Activity的（） 以堆的方式组织Activity B. 以栈的方式组织Activity C. 以树形方式组织Activity D. 以链式方式组织Activity 3、关于线程说法不正确的是（） A. 在android 中，我们可以在主线程中，创建一个新的线程 B. 在创建的新线程中，它可以操作UI 组件 C. 新线程可以和Handler 共同使用 D. 创建的Handler 对象，它隶属于创建它的线程 下列关于内存回收的说明，哪个是正确的（） 程序员必须创建一个线程来释放内存 内存回收程序负责释放无用内存 内存回收程序允许程序员直接释放内存 内存回收程序可以在指定的时间释放内存对象 设置xml布局文件中的字体大小一般用什么单位（） dp B. px C. sp D. pt 关于service生命周期的onCreate()和onStart()说法正确的是（） 当第一次启动的时候先后调用onCreate()和onStart()方法 当第一次启动的时候只会调用onCreate()方法 如果service已经启动，将先后调用onCreate()和onStart()方法 如果service已经启动，只会执行onStart()方法，不再执行onCreate()方法 Android项目工程下面的assets目录，以下说法正确的是（） 这里的文件是原封不动的存储到设备上不会转换为二进制的格式 主要放置多媒体等数据文件 主要放置图片文件 放置字符串，颜色，数组等常量数据
第十章界面设计 教学目的及要求： 掌握菜单的设计、对话框的使用、MDI界面。 重点与难点： 1．掌握下拉式菜单、弹出式菜单的设计方法 2．掌握设计自定义对话框及对话框之间的调用 主要外语词汇： menu、popupmenu、commondialog 授课内容： 第一节菜单设计与应用 菜单（Menu）的分类： （1）下拉式菜单（2）弹出式菜单（快捷菜单） VB的菜单系统最多共达6层。 VB中的每一个菜单项都可以视为一个控件。 菜单控件只接受一个事件，即Click事件。 一、菜单编辑器： 1、打开方法： （1）工具 -> 菜单编辑器（2）工具栏 -> 菜单编辑器 （3）Ctrl+E （4）窗体（右键）-> 菜单编辑器 2、菜单编辑器共分三个区： 属性设置区、编辑区、菜单项列表区。 （1）标题：相当于菜单控件的Caption属性。 热键：&字符，运行时访问字符会自动加上一条下划线，“&”字符则不可见。 打开：Alt+字符 只有主菜单项才有热键的设置。 另外，CommandButton的Caption属性。 （2）名称：相当于菜单控件的Name属性，一般以mnu作为前缀，不能为空。 （3）索引：设置菜单项控件数组的下标。 若不是控件数组，则不用设置Index值。 Index值可以从任意值开始。 注：菜单项控件数组索引必须为升序。 （4）快捷键：列表框中是供用户选择的快捷键。
例：文件(F) 打开(O) Ctrl+O 主菜单：Alt+F 子菜单：（1）在显示出菜单的情况下，直接按字母“O” （2）直接按Ctrl+O （5）复选：是否加上复选标记（默认为未选定）。 注：不能在顶层菜单项和含有下层级联菜单的菜单项中加快捷键和复选标志。 （6）有效：Enabled，是否可用（默认为被选定）。 （7）可见：Visible，是否可见（默认为被选定）。 （8）内缩符号 <- ->：确定菜单的级别，可以上移或下移一个等级。 顶层菜单不需要内缩符号。 （9）下一个（10）插入：上插（11）删除 （12）分隔线：标题文本框中键入一个“-”。 二、下拉式菜单： 1、主菜单（顶层菜单）、子菜单 2、热键（访问键）、快捷键、分隔线 3、菜单控件数组： 例题10-2： Clipboard是VB提供的剪贴板对象。 Text1.SelText：文本框中选中的文本。 （1）Clipboard.SetText( )：将括号中的文本送到剪贴板中。 （2）Clipboard.GetText( )：返回剪贴板当前的内容。 （3）Clipboard.Clear：清空剪贴板中的内容。 4、菜单项的增减： 利用控件数组，通过代码的方式实现动态地增减菜单中的菜单项。 （1）增加菜单项：Load 控件数组名(索引值) （2）删除菜单项：UnLoad 控件数组名(索引值) （3）用Load方法不能复制控件数组元素的Top、Left和Visible属性。 （4）Load只能添加已有控件数组的元素，不能创建控件数组。 （5）Unload方法只能删除用Load添加的元素，不能删除设计时创建的控件数组元素。 三、弹出式菜单（快捷菜单）： 1、建立步骤： （1）利用“菜单编辑器”建立菜单 设置顶级菜单项为不可见，即不选中菜单编辑器里的“可见”选项。 （2）利用PopupMenu方法显示弹出式菜单。 编写与弹出式菜单相关联的MouseUp或MouseDown事件过程，其中用到对象的
一个Web系统的界面设计和开发1.工作流程（下图，是整个开发过程中与界面设计相关的主要流程工作） 从最初需求分析开始，我就加入项目，自始自终参加整个开发过程。 在需求分析阶段，参与了对客户的访问和调研； 在概要设计阶段，参与了部分系统设计分析工作； 在详细设计阶段，完成了整个系统界面设计和Demo制作，并提交用户反馈； 在代码开发阶段，参与了系统表现层的设计开发。
2.需求分析 在需求分析阶段，主要针对界面交互相关问题，对用户进行若干调研。 主要包括以下内容 ·受众用户群调查 ·系统使用环境调查 ·受众用户使用习惯调查 ·用户对旧版本软件使用情况调查 这一阶段，由于成本原因，我并没有直接访问客户进行调查。工作主要是提出某些具体问题，由需求调研人员，以问卷或口头问答方式，对客户进行调研。另外，公司经验丰富的客服人员和市场人员，也是非常重要的需求来源之一。 本系统的客户群主要为国家省市下属质检单位，最终受众年龄从年轻到较高龄都有。对于普通国家机关人员，一般对计算机系统和网络不够熟悉，计算机环境一般，甚至比较差，少有配置优良的环境。在这种环境下，用户对计算机使用一般没有使用倾向，大多更适应手工操作。对本系统的前代使用，最主要意见是使用困难，不方便。 还有其他具体调查反馈，如用户基本不使用鼠标右键，年龄较大的用户难以看清密集的较小文字等等。 3.界面设计原则 在概要设计阶段，根据需求阶段的调研结果，我整理了系统界面设计的基本原则。因为在代码开发阶段，很多时候界面的具体制作是由开发人员直接写代码，因此必须确定一定的原则和规范，以保证系统界面的统一。 一般适用原则 ·简单明了原则：用户的操作要尽可能以最直接最形象最易于理解的方式呈现在用户面前。对操作接口，直接点击高于右键操作，文字表示高于图标示意，尽可能的符合用户对类似系统的识别习惯。 ·方便使用原则：符合用户习惯为方便使用的第一原则。其它还包括，实现目标功能的最少操作数原则，鼠标最短距离移动原则等。 ·用户导向原则：为了方便用户尽快熟悉系统，简化操作，应该尽可能的提供向导性质的操作流程。 ·实时帮助原则：用户需要能随时响应问题的用户帮助。 ·提供高级自定义功能：为熟悉计算机及软件系统的高级用户设置自定义功能，可以对已经确定的常规操作以及系统的方方面面进行符合自身习惯的自定义设置。包括常规操作、界面排版、界面样式等种种自定义。 ·界面色彩要求：计算机屏幕的发光成像和普通视觉成像有很大的不同，应该注意这种差别作出恰当的色彩搭配。对于需用户长时间使用的系统，应当使用户在较长时间使用后不至于过于感到视觉疲劳为宜。例
网站界面设计应遵循的几个原则 网站用户界面（Website User Interface）是指网站用于和用户交流的外观、部件和程序等等。如果你经常上网的话，会看到很多网站设计很朴素，看起来给人一种很舒服的感觉；有点网站很有创意，能给人带来意外的惊喜和视觉的冲击；而相当多的网站页面上充斥着怪异的字体，花哨的色彩和图片，给人网页制作粗劣的感觉。网站界面的设计，既要从外观上进行创意以到达吸引眼球的目的，还要结合图形和版面设计的相关原理，从而使得网站设计变成了一门独特的艺术。通常的讲，企业网站用户界面的设计应遵循以下几个基本原则： 1．用户导向（User oriented）原则 设计网页首先要明确到底谁是使用者，要站在用户的观点和立场上来考虑设计网站。要作到这一点，必须要和用户来沟通，了解他们的需求、目标、期望和偏好等。网页的设计者要清楚，用户之间差别很大，他们的能力各有不同。比如有的用户可能会在视觉方面有欠缺（如色盲），对很多的颜色分辨不清；有的用户的听觉也会有障碍，对于网站的语音提示反映迟钝；而且相当一部分用户的计算机使用经验很初级，对于复杂一点的操作会感觉到很费力。另外，用户使用的计算机机器配置也是千差万别，包括显卡、声卡、内存、网速、操作系统以及浏览器等都会有不同。设计者如果忽视了这些差别，设计出的网页在不同的机器上显示就会造成混乱。 2．KISS（Keep It Simple And Stupid）原则 KISS原则就是"Keep It Sample And Stupid"的缩写，简洁和易于操作
是网页设计的最重要的原则。毕竟，网站建设出来是用于普通网民来查阅信息和使用网络服务。没有必要在网页上设置过多的操作，堆集上很多复杂和花哨的图片。该原则一般的要求，网页的下载不要超过10秒钟（普通的拨号用户56 Kbps网速）；尽量使用文本链接，而减少大幅图片和动画的使用；操作设计尽量简单，并且有明确的操作提示；网站所有的内容和服务都在显眼处向用户予以说明等。 3．布局控制 关于网页排版布局方面，很多网页设计者重视不够，网页排版设计的过于死板，甚至照抄他人。如果网页的布局凌乱，仅仅把大量的信息堆集在页面上，会干扰浏览者的阅读。一般在网页设计上所要遵循的原理有： （1）Miller公式。根据心理学家George https://www.doczj.com/doc/0f65524.html,ler的研究表明，人一次性接受的信息量在7个比特左右为宜。总结一个公式为：一个人一次所接受的信息量为7±2 比特。这一原理被广泛应用于网站建设中，一般网页上面的栏目选择最佳在5～9个之间，如果网站所提供给浏览者选择的内容链接超过这个区间，人在心理上就会烦躁，压抑，会让人感觉到信息太密集，看不过来，很累。例如https://www.doczj.com/doc/0f65524.html,的栏目设置：Main、MyAol、Mail、People、Search、Shop、Channels和Devices 共八个分类。https://www.doczj.com/doc/0f65524.html,的栏目设置：MSN Home、My MSN、Hotmail、Search、Shopping、Money和People & Chat共七项。然而很多国内的网站在栏目的设置远远超出这个区间。 （2）分组处理。上面提到，对于信息的分类，不能超过9个栏目。
软件工程（课程设计）题目：图书管理系统—界面设计 学院河北大学工商学院 学科门类工学 专业软件工程 学号 2012484331 姓名梁雪山 指导教师王思乐 2014年12月7日
河北大学学年论文（课程设计）任务书 （指导教师用表）
河北大学学年论文（课程设计）成绩评定表学院：河北大学工商学院
一、引言 1、编写目的 编写本文档的目的是根据系统分析工程师和客户沟通的结果，对用户需求进行了全面细致的分析，深入描述《图书管理系统》软件的功能，确定该软件设计的限制和定义软件的其他有效性需求。该需求规格说明书的读者对象为本图书管理系统软件小组的研发工程师、测试工程师、销售工程师，版权归XXX所有，严禁外传。 2、背景 随着社会信息量的与日俱增，作为信息存储的主要媒体之一图书，数量、规模比以往任何时候都大的多，不论个人还是图书管理部门都需要使用方便而有效的方式来管理自己的书籍。在计算机日益普及的今天，对个人而言若采用一套行之有效的图书管理系统来管理自己的书籍，会方便许多。对图书管理部门而言，以前单一的手工检索已不能满足人们的要求，为了便于图书资料的管理需要有效的图书管理软件。 图书管理系统软件LMS V1.0是一套功能比较完善的数据管理软件，具有数据操作方便高效迅速等优点。该软件采用功能强大的数据库软件开发工具进行开发，具有很好的可移植性，可在应用范围较广的DOS、WINDOWS系列等操作系统上使用。除此以外，LMS V1.0可通过访问权限控制以及数据备份功能，确保数据的安全性。 3、定义 LMS：Library Management System 图书交流系统 4、参考资料 《软件工程导论》（第五版）作者：张海藩清华大学出版社 《软件界面设计》杨培添电子工业出版社 二、项目概述 1、面向的用户 该系统主要面向的是学生、教师等读者，图书管理员和超级管理员。 2、实现目标 对已经设计出的功能在界面上形成对应的物理按键。确保界面美观，程序
软件界面设计 界面的说法以往常见的是在人机工程学中。人机界面是指人机间相互施加影响的区域，凡参与人机信息交流的一切领域都属于人机界面。而设计艺术是研究人一物关系的学科，对象物所代表的不是简单的机器与设备，而是有广度与深度的物；这里的人也不是生物人，不能单纯地以人的生理特征进行分析。人的尺度，既应有作为自然人的尺度，还应有作为社会人的尺度；既研究生理、心理、环境等对人的影响和效能，也研究人的文化、审美、价值观念等方面的要求和变化。 设计的界面存在于人一物信息交流，甚至可以说，存在人物信息交流的一切领域都属于设计界面，它的内涵要素是极为广泛的。可将设计界面定义为设计中所面对、所分析的一切信息交互的总和，它反映着人一物之间的关系。 一、设计界面的存在 美国学者赫伯特．A．西蒙提出：设计是人工物的内部环境(人工物自身的物质和组织)和外部环境(人工物的工作或使用环境)的接合。所以设计是把握人工物内部环境与外部环境接合的学科，这种接合是围绕人来进行的。人是设计界面的一个方面，是认识的主体和设计服务的对象，而作为对象的物则是设计界面的另一个方面。它是包含着对象实体、环境及信息的综合体，就如我们看见一件产品、一栋建筑，它带给人的不仅有使用的功能、材料的质地，也包含着对传统思考、文化理喻、科学观念等的认知。任何一件作品的内容，都必须超出作品中所包含的那些个别物体的表象。分析物也就分析了设计界面存在的多样性。 为了便于认识和分析设计界面，可将设计界面分类为： 1)功能性设计界面接受物的功能信息，操纵与控制物，同时也包括与生产的接口，即材料运用、科学技术的应用等等。这一界面反映着设计与人造物的协调作用。 2)情感性设计界面即物要传递感受给人，取得与人的感情共鸣。这种感受的信息传达存在着确定性与不确定性的统一。情感把握在于深入目标对象的使用者的感情，而不是个人的情感抒发。设计?quot;投入热情，不投入感情，避免个人的任何主观臆断与个性的自由发挥。这-界面反映着设计与人的关系。 3)环境性设计界面外部环境因素对人的信息传递。任何一件或一个产品或平面视觉传达作品或室内外环境作品都不能脱离环境而存在，环境的物理条件与精神氛围是不可忽缺的界面因素。 应该说，设计界面是以功能性界面为基础，以环境性界面为前提，以情感性界面为重心而构成的，它们之间形成有机和系统的联系。 二、设计界面存在的方法论意义 当机械大工业发展起来的时候，如何有效操纵和控制产品或机械的问题导致了人机工程人体工学也进一步地扩大到人的思随着体力的简单劳动转向脑力的复杂劳动，二战后，学。． 维能力的设计方面，使设计能够支持、解放、扩展人的脑力劳动。在目前的知识经济时代，在满足了物质需求的情况下，人们追求自身个性的发展和情感诉求，设计必须要着重对人的情感需求进行考虑。设计因素复杂化导致设计评价标准困难化。一个个性化的设计作品能否被消费者所认同?新产品开发能不能被市场所接受?在目前，我国大部分企业实力还并不强大，设计开发失利承受力还不很强的情况下，如何系统地、有根据地认识、评价设计，使其符合市场，就需要对设计因素再认识。利用界面分析法，正是使设计因素条理化，避免将人作为生物人的片面和走出笼统地说设计＝科学十艺术的简单误区。 现代的人机工程学和消费心理学为设计提供了科学的依据，它们的成功就在于实验、调查和数理表述，是较为可系的。同样对设计艺术而言，进行设计界面的分析，也要有生理学、心理学、文化学、生物学、技术学学科基础。从理论上来说，它要直接建立在信息论和控制论的基础之上。
界面设计 (一)界面设计（15分） 新建表单myform001，表单的标题为“假期旅游”，在表单中添加四个标签（Label1、Label2、Label3、Label4），标签label4的背景色为RGB(100,200,200),字体颜色为RGB(200,0,0)两个文本框（Text1、Text2），一个下拉式组合框（Combo1），一个命令按钮（Command1），一个图像控件（Image1）。要求标签Label1、Label2、Label3的标题文字分别为“姓名”、“性别”、“旅游目的地”，运行时在文本框Text1、Text2中分别输入姓名和性别，通过属性窗口将Combo1数据值的源内容设置为“桂林，青岛，西安，海南岛”，指定Image1控件显示的图片内容，图像采用变比例填充，高120，宽200。当改变下拉组合框的值时，在标签Label4中显示“姓名”+空格+“性别”+空格+“旅游目的地”，单击“退出”按钮，则结束表单的运行。所有字体采用隶书，16号字。表单设计图如下： 注意：表单设计中，不需要设置事件代码，控件和属性必须设置，在属性窗口选择相关属性，则在窗口下面会有说明。 (二)界面设计（10分） 新建表单myform001，表单的标题为“学生基本情况”，在表单中添加五个标签（Label1、Label2、Label3、Label4、label5），标签的标题文字分别为“学号”、“姓名”、“年龄”、“省份”、“备注”，三个文本框（Text1、Text2、text3），一个下拉式组合框（Combo1），一个命令按钮组包括五个命令按钮，按钮的标题分别为“首记录”，“上一条”，“下一条”，“末记录”，
每个产品主要经过以下几个阶段： 可行性评估 主要执行人员：UI、UE、需求部门、程序部 需沟通人员：销售部 当产品经理确定基本的思路后,会先会跟我们沟通，并说明这个产品的思路、受众及一些自己的想法．接着会拿来一个结构图来和我们探讨实现方面的可行性。我们也会准备相关资料与其进行沟通，主要会从数据报告、功能性及可行性三方面下手，在探讨的同时会指出功能或结构上的一些问题，并提出改善方案，这步一定得仔细，UI、UE深入探讨并尽可能考虑到每个实现的细节,待框架打好后,出好的产品很容易.但如果在可行性评估上出现隐患,余下的其它工作也将会遇 到诸多问题。 我们主要从以下三方面进行评估: ?数据报告 通过99Click、Netratings、Counter三套系统来进行数据收集，并在分析报告中指出相应的问题。
?功能性 站在用户角度上，对方案的结构及功能性进行评估，提出并解决操作上的问题。 ?可行性 每个产品初期都是感性的，但在不能保证每个功能都能按原有思路进行实现，具体还需要和相关技术人员进行探讨、碰撞后形成最终的产品思路。二产品原型 主要执行人员：UI、UE、需求部门 需沟通人员：程序部、销售部 在产品原型方面,主要指的是黑白稿或线稿，除了颜色基本采用黑白的形式，最终出的产品原型将会和实际产品没区别。这个环节会拟定出产品页面的宽度, 广告的形式,导航基本样式,各内容的区域的表现形式等… 当经过可行性评估阶段后,产品经理的思路和自己也基本达成共识，接下来将进行原型设计，我将主要分为三个步骤来实现： 1) 纸稿
一般情况下结构图都是采用word文档描绘，我选择笔和纸的方式，主要还是比较方便、易修改，有任何突发的思路只需要擦一下，就可以直接在已有的基础上进行调整，由于之前的讨论没有实物参照，在这个环节你一定会发现更多有趣的问题。 2) 线稿、黑白稿
系统界面设计实例 姓名：曹爽班级：9班学号：201208240901 设计的系统名称：个人日常事务管理系统 针对用户群是：广大电脑用户（有一定的电脑操作基础），officer和广大学生。 一、系统需求分析（The system requirement） 针对officer和学生们的需求分析，从我自身分析：对于我日常的安排我平时会用专门的记事本记录和更改，对于日常各种事务可能会冲突或不变携带，现在针对这些需求，设计出符合此人群适合的一款系统来帮助人们更好的安排日程和完成工作。此系统是要面向个人的，同企业系统相比，此软件要力求操作简单，效率要高效，由于针对的人群是officer和大学生，这些人都是年轻的一代人，对计算机和系统都比较了解，而且倾向于华丽的界面，但是该系统同时要解决高效，较少的操作较快地达到用户的需求。由于工作原因或计算机系统崩溃等用户在本机保存的日程安排等数据可能丢失的情况，同时，有些情况下可能无法连接网络，此系统应支持 1.、本机数据保存。2、可以上传到服务器数据库，用户注册可获得免费的空间，用户注册后，只要登录就能在随时随地获得自己的日程安排等信息。 二、系统功能定义（The function definitions） 个人日常事务管理系统 用户注册登录 主要功能实现 软件设置、帮助 用户登录界面 主界面（导航） 用户注册登录 子界面（功能）
实现功能（主界面导航）： 一、工作台（主要功能）： 1、待办事件 2、日程安排 3、效率评估 4、通讯录 5、定时提醒 二、通行路线： 可以和平时安排联系起来，可以提前安排好行车路线 三、天气情况 和日程安排联系起来，提醒用户天气状况，便于用户及时修改自己的日程安排。 四、桌面图标 将桌面快捷方式整理到这里，这是方便用户的一个小工具，此功能为了挽留用户，功能太单一，用户可能会流失。 三、界面设计和标准（The Principles） 风格设计分析：针对用户年轻，更加偏好色彩丰富，但是针对于此软件要求的功能应符合操作简单。则主要用鼠标点击操作就可以方便的查看用户的日程安排信息。虽然要追求界面的时尚和华丽，但是界面过于艳丽，容易导致用户视觉疲劳。则轻松的淡彩色为主配色，灰色系为主。 用户导航显示：简单明了，文字描述要明了，通过文字和图标配合示意，用户看到按钮，可以快速的明白此按钮功能。布局应该满足用户习惯，结合广大软件按钮布局方式。 为了保持界面在设计过程中，要求各个界面的风格的统一，先做出表格，列出界面制作统一的原则和规范。 框体颜色外边框输入框按钮登陆界面蓝色，淡色，40% 灰色，淡色，30% 线条，淡色，50% 灰白色，80% 主界面线条，淡色，50%灰色，淡色，30%线条，淡色，50%灰白色，80% 子界面线条，淡色，50%灰色，淡色，30%线条，淡色，50%灰白色，80%文字部分标题文字输入框文字菜单文字帮助文字 字体微软雅黑加粗微软雅黑微软雅黑微软雅黑 大小小四五号五号五号 颜色黑色灰色，50% 黑色黑色
基于用户体验的网页UI设计 【摘要】本文基于用户体验剖析网页UI设计，阐述了网页界面视觉设计和网页界面交互设计重要性。结合当前人们的生活方式、行为习惯及心理体验等方面论述如何进行网页UI设计。 【关键词】网页UI设计；视觉设计；视觉吸引；交互设计；交互艺术 随着信息化的深入，网页成为人们浏览信息、获取信息、放眼世界的主要窗口之一。在传统网页的界面设计中，人们认为网页界面设计就是美工，而美工就是单纯对网页进行装饰。随着网络技术的发展与普及，网页界面设计的技术在不断的进步，设计的理念也在不断的更新，网页界面设计不再是单纯的视觉设计，而是将视觉设计与人的行为习惯、生活方式、心理体验等结合在一起的设计，基于用户体验的网页UI设计是当前研究的热点。 一、网页UI设计及用户体验 UI即User Interface（用户界面）的简称，指对软件的人机交互、操作逻辑、界面美观的整体设计。网页UI设计用户体验（User Experience，简称UE）则是一种纯主观在用户使用产品过程中建立起来的感受。由于生活习惯、文化背景、行为方式及心理体验等不同，用户体验产品时会有不同的感受，一个好的UI设计要能充分满足大众的需求，使用户在体验过程中都能心情愉悦、操作流畅、交互高效。 就网页UI设计而言，用户浏览网页的需求是什么？抽象出来可以归纳为两点：一浏览信息，二操作数据。这里的数据是指在数据库中躺着的数据，用户在单纯浏览信息时，不会对页面背后的“数据”造成任何操作，但用户进行点击链接、跳转页面和处理信息时，就要和页面背后的数据进行交互。所以，在做网页UI 设计时候主要满足于用户的这两方面的需求，第一是用户在浏览信息时候，要有一个赏心悦目的界面，即网页界面的视觉设计要美观。第二是用户在操作数据时候要高效，即网页界面的交互设计灵活。 二、网页界面视觉设计 爱美之心人皆有之，漂亮的网页界面能吸引浏览者的眼球、提高网页的浏览量。传统网页美工设计，更注重网页的布局以及网页的颜色搭配，换言之，就是重在设计网页平面效果图和以及对网页进行装饰。随着人们生活节奏的加快，快餐文化日渐丰富，仅靠传统网页美工已不能适应当今网页发展的需要。那么，如何让你的网站跟上时代的步伐，满足当今用户的需求呢？ 从用户体验出发：什么东西能让我们从电脑屏幕上看到接近于现实世界的东西？是视觉吸引，视觉吸引是非常有效的提示工具，通常在用户第一次打开某个应用，或进入某个新的界面时出现。简单的视觉吸引能扭转乾坤，把令人沮丧万
4.2 图形用户界面的打开和初步设计 在Matlab命令行运行guide命令打开图形用户启动界面GUIDE Quick Start对话框，选择Blank GUI(Default)，单击“OK”按钮，新建一个图形用户界面设计界面，如图4-1所示。 图4-1 图形用户界面的新建 根据本实验的具体要求和图形用户界面的设计原则，将主界面命名为“kaishi”，如图4-2Static Text，双击控件可引出图形窗和相应控件的属性编辑框“Property Inspector”，其属性设置为欢迎进入数字基带传输系统的仿真，字体大小可设置为16号，另外在工作区放置两个“Push Button”按钮，分别双击这两个控件可引出图形窗和相应控件的属编辑框“Property Inspector”，在String一栏中修改各个控件的名称分别为进入和关闭，字体大小可设置为16号。如图4-3示的主界面和属编辑框“Property Inspector”。
图4-2 总界面 图4-3 设置开始界面
4.3 主界面的激活和回调函数的生成 经以上操作后，工作台上所制作的界面外形及所含构件已经符合设计要求，但这个界面各构件之间的通讯还没有建立，为此必须激活处理。 激活方式为：选中其中的一个控件，如“眼图”控件，右击控件选择“View Callback”中的“callback”可出现一个可以(待填写回调指令的)M函数文件的文件编辑器界面，在待填写回调指令处填写语句figure(yantu)，其余控件依此类推分别在指令处填写figure(digital)，figure(digital_receive)，figure(mjcr)，figure(raise)，figure(partrespond)其中digital，digital_receive，mjcr，raise，yantu，partrespond为显示数字基带传输过程中各过程波形的图形用户界面，这样就和其他的子界面之间建立了通信，回调函数如下填写： function pushbutton1_Callback(hObject, eventdata, handles) % hObject handle to pushbutton1 (see GCBO) % eventdata reserved - to be defined in a future version of MATLAB % handles structure with handles and user data (see GUIDATA) figure(digital) 回调函数编写完成后，点击保存按钮进行保存，点击工作台上的“Activate Figure”工具图标，便可以看到链接关系，如图4-4示。 图4-4 写完成的总界面