新UI界面设计规范.doc

UI界面设计标准
OP-D-A01 A 电力营销图形用户界面设计标准
广州从兴电子开发有限公司
我们考虑GUI设计时应该遵循根本的规那么然后参考成熟的设计，并能够添加自己的独特性。
在一个时期很流行的界面风格在另外的时期可能已经落后，所以我们要有创新和超前的意识。
原那么
易用性
完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。
可写控件检测到非法输入后应给出说明并能自动获得焦点。
OP-D-A01 A 电力营销图形用户界面设计标准
广州从兴电子开发有限公司
复选框和单项选择框按着选择几率的高底而先后排列。
复选框和选项框要有默认选项，并支持Tab选择。
选项数相同时多用选项框而不用下拉列表框。
界面空间较小时使用下拉框而不用选项框。
选项数较少时使用选项框，相反使用下拉列表框。
专业性强的软件要使用相关的专业术语，通用性界面那么提倡使用通用性词眼。
标准性
完成相同或相近功能的菜单用横线隔开放在同一位置。
菜单前的图标能直观的代表要完成的操作。
菜单深度一般要求最多控制在三层以内。
工具栏要求可以根据用户的要求自己选择定制。
相同或相近功能的工具栏放在一起。
工具栏中的每一个按钮要有及时提示信息。
一条工具栏的长度最长不能超出屏幕宽度。
OP-D-A01 A 电力营销图形用户界面设计标准
广州从兴电子开发有限公司
工具栏的图标能直观的代表要完成的操作。
系统常用的工具栏设置默认放置位置。
滚动条的长度要根据显示信息的长度或宽度能及时变换，以利于用户了解显示信息的位置和百分比。
状态条的高度以放置五好字为宜，滚动条的宽度比状态条的略窄。
菜单和工具条要有清楚的界限;菜单要求凸出显示，这样在移走工具条时仍有立体感。
合理性
重要的命令按钮与使用较频繁的按钮要放在界面上注目的位置。
错误使用容易引起界面退出或关闭的按钮不应该放在易点位置。横排开头或最后与竖排最后为易点位置。
与正在进行的操作无关的按钮应该加以屏蔽。
对可能造成数据无法恢复的操作必须提供确认信息,给用户放弃选择的时机。
非法的输入或操作应有足够的提示说明。
对运行过程中出现问题而引起错误的地方要有提示，让用户明白错误出处，防止形成无限期的等待。
OP-D-A01 A 电力营销图形用户界面设计标准
广州从兴电子开发有限公司
提示、警告、或错误说明应该清楚、明了、恰当。
美观与协调性
长宽接近黄金点比例，切忌长宽比例失调、或宽度超过长度。
布局要合理,不宜过于密集，也不能过于空旷，合理的利用空间。
按钮大小根本相近，忌用太长的名称，免得占用过多的界面位置。
按钮的大小要与界面的大小和空间要协调。
防止空旷的界面上放置很大的按钮。
放置完控件后界面不应有很大的空缺位置。
前景与背景色搭配合理协调，反差不宜太大，最好少用深色，如大红、大绿等。常用色考虑如果使用其他颜色，主色要柔和，具有亲和力与磁力，坚决杜绝刺目的颜色。
大型系统常用的主色有"#E1E1E1"、"#EFEFEF"、"#C0C0C0"等。
界面风格要保持一致，字的大小、颜色、字体要相同，除非是需要艺术处理或有特殊要求的地方。
OP-D-A01 A 电力营销图形用户界面设计标准
广州从兴电子开发有限公司