软件的设计之人机界面的设计.pptVIP

软件设计 福州大学 · 软件学院 张舒 人机界面设计 人机界面（Human-Computer Interface ，HCI）是计算机直接与人打交道的途径，是计算机系统的重要组成部分 它的开发工作量占系统开发工作量的40-60%。 2、灵活性 ① 考虑用户的特点、能力、知识水平。 ② 提供不同的系统响应信息。 ③ 提供根据用户需求制定和修改界面 3、界面的复杂性与可靠性 复杂性—界面规模及组织的复杂程度。应该愈简单愈好。 可靠性—指无故障使用的时间间隔。用户界面应该能够保 证用户正确、可靠地使用系统，及程序、数据的安全。 2、用户界面的任务分析 —任务模型（DFD图） 是对系统内部活动的分解，不仅要进行功能分解（用DFD图描述），还要包括与人相关的活动。每个加工即一个功能或任务。 3、确定用户界面类型 UI分类 UI的风格虽多，但不外乎划分为如下几类： 常规、通用UI(简称“通用UI”) 这是出现频率最多的一种UI类别，可以称之为常规软件UI。 任何常规的面向业务逻辑的、管理型软件，以及普通工具软件的UI都应该划入这个UI设计范畴。 通常在各种业务软件、数据库相关的软件开发中所指的界面设计，几乎都应归为这个类别的UI风格。 在这种UI风各种，界面要素都是常规的UI要素，界面很少涉及视觉特效。 各种数据库相关的软件是这类UI风格的典型体现。 在这些界面中，尽管可以看到各种界面样式，但界面基本都是由表格、按钮、工具条、菜单、导航栏等元素组成，界面中很少见到大幅的图片。 媒体化UI 这是一种面向视觉特效的UI风格。视觉效果在界面风格上的展现非常突出，界面的媒体色彩很浓。 服务软件UI 这种UI风格是专门针对持续运行的服务型程序的。它的特点是力求最为简化、健壮，且耗费资源少，运行迅速。 不同的软件功能应采用不同的界面风格。 软件界面风格的界定直接取决于软件本身的性质。 在一个软件产品或软件项目中往往会同时出现多种界面类型。 即使是同一个可执行文件中，也往往涉及到同时使用不同的UI风格， 上述三个界面风格在实际的开发中往往是混合运用的，只不过软件本身有其主导风格。 通用UI设计规范 进行这类UI设计，一个前提目标就是界面布局的和谐性。具体的目标就是清晰、有条理。 总结出了以下几个原则供参考： 界面空间的切割、分块很关键。 界面的分块界限要明显。在不同的界面分块之间，应该有明显的线条或色差等，使用户在视觉上的感觉很明朗。 界面的外边缘应简洁，文雅。不应有过于突兀的边缘、边框，或者显出太多层的边框。 不同的界面块都应该能够适应窗体或父容器大小的改变，而不应出现变形情况。 2. 界面要有合理的布局 布局应当整齐清爽。 窗体的尺寸要合适，界面元素不应放得太满，边界处需要留有一定的空间，也不可过于宽松，显得零乱。 界面元素应当在水平或者垂直方向对齐，行、列的间距保持一致，以避免参差不齐的视觉效果。同类的界面元素尽量保持大小一致，起码要保证高度或宽度的一致（例如命令按钮）。 逻辑相关的元素要就近放置，便于用户操作。 要善于利用窗体和界面元素的空白，以及分割用的线条。 经典UI模式、布局 Explorer模式 Table-Detail模式 “工”字布局 MPI界面模式 H布局 3. 色调搭配规范。 相比于布局，设计合理的色彩就困难多了，因为色彩的组合千变万化，并且人们对颜色的喜好也极不相同。 例如，人们对黑色的理解差异很大。 默认状态下，颜色风格是浅灰色。普通的软件产品可以遵循这个颜色。但使界面更富有一定的特色，往往UI元素需要设置为其他颜色。在这种情况下，应谨慎处理颜色的搭配，以达到良好的视觉效果。 一般规律： UI元素主体一般采用饱和度很低、很浅（亮）的颜色，忌讳使用大红、大绿、亮蓝等颜色。 UI元素主体的颜色不可过多，人们在观察屏幕的时候很难同时记住多种色彩，最好在整体上能体现一定的风格。 UI区域之间的颜色差异应该柔和，一般情况下不宜有过大落差 标题面板这样的元素着色相反，可以使用非常深的颜色，上面的内容、文字则采用醒目的浅色。 适当的采用渐变效果能够使界面趋于明快和活泼。但渐变色差不应过大、过怪。 使用颜色的时候应当保持一致性，例如错误提示信息用红色表示，正常信息用绿色表示，那么切勿乱用红色和绿色。 在表达信息时，不要过分依赖颜色，因为有些用户可能色盲或色弱。 上图中“危险，有风险，未知，基本安全” 的颜色，有什么问