文档介绍:该【UI界面设计规范 】是由【吴老师】上传分享,文档一共【11】页,该文档可以免费在线阅读,需要了解更多关于【UI界面设计规范 】的内容,可以使用淘豆网的站内搜索功能,选择自己适合的文档,以下文字是截取该文章内的部分文字,如需要获得完整电子版,请下载此文档到您的设备,方便您编辑和打印。OP-D-A01A 电力营销图形用户界面设计标准广州从兴电子开发有限公司WI-PSMIS-DJ-〔内部保密资料〕ECE工程图形用户界面设计标准自2024年8月日起正式生效广州从兴电子开发有限公司编制: 审批: 日期修订版本描述作者2024-8--D-A01A 电力营销图形用户界面设计标准广州从兴电子开发有限公司目录1 引言 目的 范围 参考资料 42 概述 43 原那么 易用性 标准性 合理性 美观与协调性 独特性 74 设计标准 登录界面 首页 框架设计 按钮设计 对话框 一般对话框 有模式对话框 无模式对话框 面板设计 菜单设计 图标设计 滚动条 换肤功能 105 保存字 常用保存字 10OP-D-A01A 电力营销图形用户界面设计标准广州从兴电子开发有限公司电力营销图形用户界面设计标准引言目的统一和标准软件界面。范围电力营销改造。参考资料概述界面是软件与用户交互的最直接的层,界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的操作,起到向导的作用。同时界面如同人的面孔,具有吸引用户的直接优势。设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉,相反由于界面设计的失败,让用户有挫败感,再实用强大的功能都可能在用户的畏惧与放弃中付诸东流。目前界面的设计引起软件设计人员的重视的程度还远远不够,直到最近网页制作的兴起,才受到专家的青睐。而且设计良好的界面由于需要具有艺术美的天赋而遭拒绝。微软公司和苹果公司是这方面的典范。微软公司的所有产品包括Office、Windows、MSNMessenger和其所有的网站都是我们追随的对象。而且微软公司所有的文档和产品介绍也是我们模仿和学习的对象。苹果公司更是这方面的鼻祖,它的所有产品无不表露着它在这方面是无人能及的。 我们考虑GUI设计时应该遵循根本的规那么然后参考成熟的设计,并能够添加自己的独特性。在一个时期很流行的界面风格在另外的时期可能已经落后,所以我们要有创新和超前的意识。OP-D-A01A 电力营销图形用户界面设计标准广州从兴电子开发有限公司原那么易用性完成同一功能或任务的元素放在集中位置,减少鼠标移动的距离。可写控件检测到非法输入后应给出说明并能自动获得焦点。复选框和单项选择框按着选择几率的高底而先后排列。复选框和选项框要有默认选项,并支持Tab选择。选项数相同时多用选项框而不用下拉列表框。界面空间较小时使用下拉框而不用选项框。选项数较少时使用选项框,相反使用下拉列表框。专业性强的软件要使用相关的专业术语,通用性界面那么提倡使用通用性词眼。标准性完成相同或相近功能的菜单用横线隔开放在同一位置。菜单前的图标能直观的代表要完成的操作。菜单深度一般要求最多控制在三层以内。工具栏要求可以根据用户的要求自己选择定制。相同或相近功能的工具栏放在一起。工具栏中的每一个按钮要有及时提示信息。一条工具栏的长度最长不能超出屏幕宽度。工具栏的图标能直观的代表要完成的操作。系统常用的工具栏设置默认放置位置。滚动条的长度要根据显示信息的长度或宽度能及时变换,以利于用户了解显示信息的位置和百分比。状态条的高度以放置五好字为宜,滚动条的宽度比状态条的略窄。菜单和工具条要有清楚的界限;菜单要求凸出显示,这样在移走工具条时仍有立体感。OP-D-A01A 电力营销图形用户界面设计标准广州从兴电子开发有限公司合理性重要的命令按钮与使用较频繁的按钮要放在界面上注目的位置。错误使用容易引起界面退出或关闭的按钮不应该放在易点位置。横排开头或最后与竖排最后为易点位置。与正在进行的操作无关的按钮应该加以屏蔽。对可能造成数据无法恢复的操作必须提供确认信息,给用户放弃选择的时机。非法的输入或操作应有足够的提示说明。对运行过程中出现问题而引起错误的地方要有提示,让用户明白错误出处,防止形成无限期的等待。提示、警告、或错误说明应该清楚、明了、恰当。美观与协调性长宽接近黄金点比例,切忌长宽比例失调、或宽度超过长度。布局要合理,不宜过于密集,也不能过于空旷,合理的利用空间。按钮大小根本相近,忌用太长的名称,免得占用过多的界面位置。按钮的大小要与界面的大小和空间要协调。防止空旷的界面上放置很大的按钮。放置完控件后界面不应有很大的空缺位置。前景与背景色搭配合理协调,反差不宜太大,最好少用深色,如大红、大绿等。常用色考虑如果使用其他颜色,主色要柔和,具有亲和力与磁力,坚决杜绝刺目的颜色。大型系统常用的主色有"#E1E1E1"、"#EFEFEF"、"#C0C0C0"等。界面风格要保持一致,字的大小、颜色、字体要相同,除非是需要艺术处理或有特殊要求的地方。通常父窗体支持缩放时,子窗体没有必要缩放。OP-D-A01A 电力营销图形用户界面设计标准广州从兴电子开发有限公司独特性设计标准登录界面应使软件启动封面最终为高清晰度的图像,如软件启动封面需在不同的平台、操作系统上使用将考虑转换不同的格式,并且对选用的色彩不宜超过256色,最好为216色平安色。软件启动封面大小多为主流显示器分辨率的1/6大。如果是系列软件将考虑整体设计的统一和延续性。在上面应该醒目的标注制作或支持的公司标志、产品商标,软件名称,版本号,网址,版权声明,序列号等信息,以树立软件形象,方便使用者或购置者在软件启动的时候得到提示。插图宜使用具有独立版权的,象征性强的,识别性高的,视觉传达效果好的图形,假设使用摄影也应该进行数位处理,以形成该软件的个性化特征首页首页是用户成功登录后的首先看到的页面,应该能够显示所有和用户当前工作相关的信息。这个页面应该是所有涉及用户工作的一个缩影或者集成。这个页面最能够表达用户操作的方便性和系统的易操作性。框架设计软件的框架设计就复杂得多,因为涉及软件的使用功能,应该对该软件产品的程序和使用比较了解,这就需要设计师有一定的软件跟进经验,能够快速的学习软件产品,并且在和软件产品的程序开发员及程序使用对象进行共同沟通,以设计出友好的,独特的,符合程序开发原那么的软件框架。软件框架设计应该简洁明快,尽量少用无谓的装饰,应该考虑节省屏幕空间,各种分辨率的大小,缩放时的状态和原那么,并且为将来设计的按钮,菜单,标签,滚动条及状态栏预留位置。设计中将整体色彩组合进行合理搭配,将软件商标放在显著位置,主菜单应放在左边或上边,滚动条放在右边,状态栏放在下边,以符合视觉流程和用户使用心理OP-D-A01A 电力营销图形用户界面设计标准广州从兴电子开发有限公司按钮设计软件按钮设计应该具有交互性,即应该有各种状态效果:点击时状态;鼠标放在上面但未点击的状态;点击前鼠标未放在上面时的状态;点击后鼠标未放在上面时的状态;不能点击时状态;独立自动变化的状态。按钮应具备简洁的图示效果,应能够让使用者产生功能关联反响,群组内按钮应该风格统一,功能差异大的按钮应该有所区别。按钮的名称必须是保存字中定义的词语。对话框一般对话框提示如用户完成一项任务,提示操作成功。一般在返回页面中提示此信息。警告如用户输入了非法的内容,提示用户重新输入。以提示的语气,如:用户编号格式错误,请重新输入。确认在用户执行一个不可恢复的动作时要让用户确认。以提问的语气让用户确认操作,如:OP-D-A01A 电力营销图形用户界面设计标准广州从兴电子开发有限公司错误系统操作错误和程序运行错误。一般在当前页面中提示此信息。有模式对话框给出一个确定的任务。或者是用户需要一段时间的等待。如:计算电费和月初始化。此页面都需要有一个“关闭〞的按钮。无模式对话框给出一个持久的任务。用户在此界面需要进一步的操作或者操作完成后要返回此页面。此页面都需要有一个“关闭〞的按钮。 建议尽量不要使用此种对话框,因为这种对话框父窗口不好控制。面板设计面板是指编辑界面。面板应该对功能区间划分清晰,应该和对话框,弹出框等风格匹配,尽量节省空间,切换方便。菜单设计每个菜单都应该是一个单独的按钮、图片、组合。一个菜单项的显示、控制不依于其他菜单。菜单项不应该超过10个,菜单组要能够表达功能的相似性和逻辑关系。每个菜单项的名称要言简意赅,并且要专业。要有一定的状态变化,如鼠标放上和离开。如果有必要要有一定的提示。OP-D-A01A 电力营销图形用户界面设计标准广州从兴电子开发有限公司鼠标的形状最好能够变成hand形状。图标设计图标设计色彩不宜超过64色,大小为16x16、32x32两种,图标设计是方寸艺术,应该加以着重考虑视觉冲击力,它需要在很小的范围表现出软件的内涵,所以很多图标设计师在设计图标时使用简单的颜色,利用眼睛对色彩和网点的空间混合效果,做出了许多精彩图标。滚动条换肤功能所有的风格统一用CSS控制,禁止单独使用style。保存字这里讲的保存字是用户界面上看到信息。保存字的使用防止用户对操作产生二义性。能标准用户的操作和统一设计的风格。所以我们有必要约定用户界面词汇的使用。常用保存字#名称说明确定用于用户确认。取消用于用户不确认。关闭关闭窗口,一般用于弹出窗口。返回返回列表页面。保存保存数据,停留在当前窗口保存并返回退出退出系统返回到登录页面。删除新建全选在列表框中OP-D-A01A 电力营销图形用户界面设计标准广州从兴电子开发有限公司