Windows用户界面开发规范解读.ppt

Windows用户界面开发规范 Enya HCI Design UI Design Certen Program 什么是用户界面 规范windows平台下用户界面设计的意义 标准窗口界面开发规范 标准对话框控件应用规范 消息框应用规范 什么是用户界面 用户界面的定义 ——用户界面是指人与机器之间的交互媒介。在WINDOWS系统中，它指的是窗口，对话框，以及用户使用程序的整个过程。 规范windows平台下用户界面设计的意义 建立交互一致性 降低开发成本，提高生产效率 易学，降低用户教育成本 减少误操作几率 避免程序冲突 ……… 窗口构成 标题栏(Title) 位于窗口最上端，显示窗口名称、对窗口进行控制 菜单栏（Menu）位于窗口上方第二层，对该程序所有功能进行归类 菜单（Menu） 工具栏（Toolbar） 工具栏（Toolbar） 状态栏（Status bar） 显示状态栏所在窗口的一些属性、状态信息和鼠标、键盘操作信息 滚动条（ Scroolbar ） 鼠标指针 文本 （Text），字体（ Font） 颜色（Color） 命令按钮 复选框 列表框 单选按钮 组合框 编辑框 列表视图 分组框 消息框(MessageBox) OTHER Thanks * * 标准窗口界面开发规范 界面主要部件应用规范 控件应用规范 窗口的定义 ——程序或过程能运行的部分视屏。窗口可以关闭、改变尺寸、移动、最小化到任务栏上，或最大化到整个屏幕上。 标题栏 菜单栏 工具栏 状态栏 滚 动 条 标题图标（Icon） ——显示在标题栏最左端，一般只有主窗口需要放置标题图标。规格：16*16像素，256色。 标题名称（Caption ） ——Title中该窗口名称放在前边，以便用户在最小化时可以通过名称快速找到需要的窗口。类别等属性信息放在后边，中间用“—”隔开。字体：宋体粗体13像素 标题栏控制按钮（Min,Max,Close） ——主窗口依次显示最小化、最大化、关闭按钮；弹出式窗口需要固定大小的，不显示最小化、最大化按钮； 标题图标Icon 标题名称Caption(VB) 标题栏控制按钮：Min,Max,Close 属性信息 菜单标题 访问键提示 菜单标题 ——建议尽量使用两个字为菜单文字，菜单文字：宋体 12像素 访问键提示 ——如需要添加访问键则在中文名称后面显示访问键字母。一个菜单里的访问键字母必须是唯一对应的，避免使用小写字母或单词中与它们靠近的字母来分配访问键； 使用标准菜单：提供通用的“文件”、“编辑”和“帮助”菜单。 排列：左对齐，一项菜单只占用一行； 不要使用多列的下拉菜单，多列增加了菜单不必要的复杂性； 不要使用看起来像下拉菜单，但实际是选择后立即执行的命令，如“退出”，。用户希望菜单标题就只是菜单，而不是命令； 顺序：图标 菜单名称 访问键省略号 快捷键或者二级菜单箭头 将无效菜单置为不可用，但对整个程序实例中都无效的菜单则需要删除；并避免有仅产生出错消息的可用命令； 采用省略号来表示需要更多信息，命令中的省略号表示执行时需要更多信息，而不是简单确认。省略号并不表示一定有对话框出现； 将相关菜单项组合在一起，不同类型的菜单项之间加分割线。重要的命令应该位于菜单的顶部，而不重要的菜单则位于菜单的底部； 统一放置“查找”和“选项”命令：一般将“查找”命令放在“编辑”菜单中，而有“工具”菜单时，总将“选项”置于其中，否则置于“查看”菜单中。 用复选标记来开关选项：用单选组来改变模式。 规则： 当菜单项过多时的处理方法1智能收缩 2 分二级菜单 重要、常用、推荐的菜单项表现方式： 1 加图标，2 纯文字菜单时，使用文字加粗 就近原则：推荐项距单击点之间距离最短 图标 文字 扩展按钮 分割线 构成：图标 文字提示 分割线 扩展按钮 状态：将无效的工具栏按钮置为不可用，而不是删除或者报错，以保持工具栏稳定。但是，应考虑删除用户进入一种模式时用不到的整个工具栏。如需文字提示，显示在图标右侧或下侧；常用，重要，推荐的功能出现文字提示；当工具图标显示不完的时候，出现扩展按钮，点击出现菜单。 图标状态： 分类：不同类别图标间用静态竖线隔开 显示该程序常用功能的图标，以便于用户直接点击使用 图标 文字 扩展按钮 分割线 位置：工具栏的拖动，当工具栏可拖动的时候，工具栏前端出现拖动标识，鼠标指针变成移动箭头，同时具有磁性粘附 TIPS：所有的工具栏图标都需要TIPS，但要简短。如果该命令已分配