软件界面设计要求规范_V0_视觉部分
- 格式:doc
- 大小:312.50 KB
- 文档页数:14
界面设计测试规范目前流行的界面风格有三种方式:多窗体、单窗体以及资源管理器风格,无论那种风格,以下规则是应该被重视的。
➢1:易用性:按钮名称应该易懂,用词准确,摒弃模棱两可的字眼,要与同一界面上的其他按钮易于区分,能望文知义最好.理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。
易用性细则:1):完成相同或相近功能的按钮用Frame框括起来,常用按钮要支持快捷方式。
2):完成同一功能或任务的元素放在集中位置,减少鼠标移动的距离。
3):按功能将界面划分局域块,用Frame框括起来,并要有功能说明或标题。
4):界面要支持键盘自动浏览按钮功能,即按Tab键的自动切换功能。
5):界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置.6):同一界面上的控件数最好不要超过10个,多于10个时可以考虑使用分页界面显示。
7):分页界面要支持在页面间的快捷切换,常用组合快捷键Ctrl+Tab。
8):默认按钮要支持Enter操作,即按Enter后自动执行默认按钮对应操作。
9):可写控件检测到非法输入后应给出说明并能自动获得焦点.10):Tab键的顺序与控件排列顺序要一致,目前流行总体从上到下,同时行间从左到右的方式。
11):复选框和选项框按选择几率的高底而先后排列。
12):复选框和选项框要有默认选项,并支持Tab选择.13):选项数相同时多用选项框而不用下拉列表框。
14):界面控件较小时使用下拉框而不用选项框.15):选项数较少时使用选项框,相反使用下拉列表框。
16):专业性强的软件要使用相关的专业术语,通用性界面则提倡使用通用性词眼。
➢2:规范性:通常界面设计都按Windows界面的规范来设计,即包含“菜单条、工具栏、工具箱、状态栏、滚动条、右键快捷菜单”的标准格式,可以说:界面遵循规范化的程度越高,则易用性相应就越好.小型软件一般不提供工具箱。
规范性细则:1):常用菜单要有命令快捷方式。
软件界面设计标准1. 界面一致性为了提高用户体验和减少研究成本,软件界面应该保持一致性。
以下是实现界面一致性的标准:- 统一的配色方案:选择一套符合品牌形象和用户惯的颜色方案,并在整个软件中使用一致的颜色。
- 统一的排版风格:确保整个界面的字体、行距、对齐方式等排版细节一致。
- 统一的图标和按钮样式:使用统一的图标和按钮样式,使用户能够轻松理解其功能。
- 统一的布局结构:界面应该有一致的布局结构,如导航栏、菜单栏、内容区域等。
2. 易用性和可访问性为了让软件更容易上手和适应不同用户的需求,界面设计应该考虑易用性和可访问性。
以下是相关标准:- 易于理解的标签和指示:使用清晰简洁的文字标签和指示,以便用户能够准确理解界面上的元素。
- 合理的交互反馈:在用户进行操作时,界面应该给予及时而清晰的反馈,以帮助用户理解其行为带来的结果。
- 易于操作的控件:选择易于操作的控件,如下拉菜单、复选框、单选按钮等,以简化用户的操作流程。
- 考虑可访问性需求:界面应该符合无障碍设计的标准,如提供大字体选项、高对比度模式等。
3. 引导和引导为了帮助用户更好地理解和使用软件,界面设计应该提供适当的引导和引导。
以下是相关标准:- 清晰明了的帮助信息:提供详细的帮助文档或提示信息,以解答用户可能遇到的问题。
- 逐步引导:当用户首次使用软件或进行复杂操作时,界面应该提供逐步引导,引导用户完成所需的步骤。
- 上下文相关的帮助:根据用户当前的操作和需求,界面应该提供上下文相关的帮助信息,帮助用户更好地理解软件功能。
4. 响应式设计随着移动设备的普及,软件界面需要适应不同屏幕尺寸和设备类型。
以下是响应式设计的标准:- 自适应布局:界面应该具有自适应布局,以适应不同屏幕尺寸和方向的设备。
- 合适的字体和元素大小:确保在不同设备上都能够清晰地显示文字和界面元素。
- 触摸友好的控件:在移动设备上,使用触摸友好的控件,如大型按钮、滑动菜单等,以便用户可以方便地操作。
软件UI界面设计规范——软件II原则一、易用性按钮名称应该易懂,用词准确,摒弃模棱两可的字眼,要与同一界面上的其他按钮易于区分,能望文知义最好。
理想情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。
易用性细则:1)完成相同或相近功能的按钮用Frame框括起来,常用按钮要支持快捷方式。
2)完成同一功能或任务的元素放在集中位置,减少鼠标移动的距离。
3)按功能将界面划分局域块,用Frame框括起来,并要有功能说明或标题4)界面要支持键盘自动浏览按钮功能,即按Tab键能自动顺序切换功能,总体为从上到下,同时行间为从左到右的方式。
5)同一界面上的控件数最好不要超过10个,多余10个时可以考虑使用分页界面显示。
6)分页界面要支持在页面间的快捷切换,常用组合快捷键Ctrl+Tab7)默认按钮要支持Enter操作,即按Enter后自动执行默认按钮对应操作。
8)可写控件检测到非法输入后应给出说明并能自动获得焦点。
9)复选框与选项框按选择几率的高低而先后排列。
10)复选框与选项框要有默认选项,并支持Tab选择。
11)选项数相同时,多用选项框而不用下拉列表框。
12)界面控件较小时使用下拉框而不用选项框。
13)选项数较少时使用选项框,相反则使用下拉列表框。
14)专业性强的软件要使用相关的专业术语,通用性界面则提倡使用通用性词眼。
二、规范性通常界面设计都按Windows界面的规范来设计,即包含“菜单条、工具栏、工具箱、状态栏、滚动条、右键菜单”的标准格式,可以说:界面遵循规范化的程度越高,则易用性相应就越好,小型软件可不提供工具箱。
规范性细则:1)常用菜单要有快捷方式。
2)完成相同或相近功能的菜单用横线隔开放在同一位置。
3)菜单前的图标能直观的代表要完成的操作。
4)菜单深度一般要求最多控制在三层以内。
5)工具栏要求可以根据用户的需求自己选择定制。
6)相同或相近功能的工具栏放在一起。
7)工具栏中的每一个按钮要有工具提示。
APP界面UI设计规范应用程序(UI)设计规范是指开发应用程序的界面时需要遵循的一系列设计原则、指导准则和最佳实践,以提供一致、可靠和易于使用的用户界面。
一个好的应用程序界面设计规范可以帮助开发人员创建用户友好、一致性强、易于理解和操作的应用程序。
在设计应用程序界面时,设计人员需要考虑以下方面:1.一致性:应用程序的各个界面应该保持一致性,包括颜色、字体、图标、按钮和布局等。
这样可以使用户在不同界面间切换时能够更容易地适应和理解。
2.可视化引导:在设计界面时,应该使用可视化引导技术,如箭头、颜色提示和动画等,以引导用户完成操作。
这可以减少用户的迷茫感和错误操作,提升用户的操作效率和满意度。
3.易于辨识:应用程序界面中的元素应该能够被用户轻松地辨识和理解。
例如,按钮和图标应该具有明确的含义和作用,以便用户快速识别并进行相应操作。
4.响应性:应用程序的界面应该能够对用户的操作做出及时的响应,例如,按钮点击后应该有明显的反馈效果,界面刷新和加载时应该有合理的动画提示。
5.可定制性:应用程序界面的设计应该允许用户根据自己的喜好和需求进行定制,例如,颜色主题、字体大小和布局等。
这样可以提升用户的个性化体验和满意度。
7.错误处理:应用程序界面应该能够及时、明确地提示用户操作存在的错误,并提供解决方案和反馈机制。
例如,使用弹出窗口或警告框来提示用户输入错误或操作不当。
8.可访问性:应用程序的界面设计应该考虑到不同用户群体的特殊需求和能力。
例如,为视力障碍用户提供屏幕阅读器支持,为听力障碍用户提供文字提示和字幕等。
9.性能优化:应用程序界面的设计应该尽量减少对系统资源的占用,以提升程序的运行速度和系统的稳定性。
例如,使用合适的图像压缩和文件压缩技术,避免过多的网络请求和数据加载。
10.文档化:设计人员应该及时、清晰地记录应用程序界面的设计规范和指导准则,以便开发人员和维护人员参考和使用。
这可以保证应用程序的界面设计在不同版本和不同开发环境下的一致性。
软件界面设计软件界面设计整体准则包含以下四个方面:1.规范性2.合理性3.一致性4.界面定制性一、软件界面设计的规范遵循一致的准则,确立准则并遵循,是软件界面设计中必不可必的环节。
确立界面准则的优点:1.便于用户操作:户运用起来能够建立起精确的心里模型,运用熟练了一个界面后,切换到另外一个界面能够很轻轻松松的推测出各种功能。
2.运用户感觉到统一、规范,在运用软件的流程中愉快轻轻松松的完成操作,提高对软件的认知。
3.降低培训、支撑成本,不必花费较多的人力对客户执行逐个指导。
二、软件界面布局的合理性界面的合理性是指界面能不能与软件功能相融洽,界面的颜色和布局能不能协调等。
比方:1.界面布局a.屏幕不能拥挤整个项目,采用统一的控件间距,议决调整窗体大小达到一致,即使在窗体大小不变的情况下,宁可留空部分区域,也不要破坏控件间的行间距。
b.控件按区域排列一行控件纵向中对齐, 控件间距基本保持一致,行与行之间间距相似,靠窗体的控件距窗体边缘的距离应大于行间距。
当屏幕有多个编辑区域,要以视觉成效和效率来组织这些区域。
c.有效组合逻辑上相关联的控件应当加以组合以示意其关联性,反之,任何不相关的项目应当分隔开。
在项目集合间用间隔对其执行分组,或者运用方框划分各自区域。
d.窗口缩放时,控件位置、布局固定窗口大小,不准许改动尺寸。
改动尺寸的窗口,在窗口尺寸发生改动时控件的位置、大小做出相应的改动。
改动尺寸的窗口,在窗口改动尺寸时添加相应在的纵向、横向滚动条,以方便用户运用窗体上的控件。
2.界面颜色搭配运用恰当的颜色,能够使软件的界面看起来更加规范:a.统一色调针对软件类型以及用户工作环境挑选恰当色调,如:安全软件,根据工业准则,能够选取黄色。
绿色体现环保,蓝色表现时尚清新、紫色表现浪漫等等,淡色能够使人舒适,暗色做背景使人不觉得累等。
b.与操作系统统一c.遵循比较原则在浅色背景上运用深色文字,深色背景上运用浅色文字,如蓝色文字以白色背景基本识别,而在红色背景则不易分辨。
软件UI界面设计规范界面设计测试规范目前流行的界面风格有三种方式:多窗体、单窗体以及资源管理器风格,无论那种风格,以下规则是应该被重视的1:易用性:按钮名称应该易懂,用词准确,摒弃模棱两可的字眼,要与同一界面上的其他按钮易于区分,能望文知义最好理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作易用性细则:1):完成相同或相近功能的按钮用框括起来,常用按钮要支持快捷方式 2):完成同一功能或任务的元素放在集中位置,减少鼠标移动的距离3):按功能将界面划分局域块,用框括起来并要有功能说明或标题 4):界面要支持键盘自动浏览按钮功能,即按键的自动切换功能5):界面上首先应输入的和重要信息的控件在顺序中应当靠前位置也应放在窗口上较醒目的位置6):同一界面上的控件数最好不要超过10个,多于10个时可以考虑使用分页界面显示 7):分页界面要支持在页面间的快捷切换,常用组合快捷键+8):默认按钮要支持操作,即按后自动执行默认按钮对应操作 9):可写控件检测到非法输入后应给出说明并能自动获得焦点10):键的顺序与控件排列顺序要一致,目前流行总体从上到下,同时行间从左到右的方式11):复选框和选项框按选择几率的高底而先后排列 12):复选框和选项框要有默认选项,并支持选择 13):选项数相同时多用选项框而不用下拉列表框 14):界面控件较小时使用下拉框而不用选项框15):选项数较少时使用选项框,相反使用下拉列表框16):专业性强的软件要使用相关的专业术语,通用性界面则提倡使用通用性词眼2:规范性:通常界面设计都按界面的规范来设计,即包含“菜单条、工具栏、工具箱、状态栏、滚动条、右键快捷菜单”的标准格式,可以说:界面遵循规范化的程度越高,则易用性相应就越好小型软件一般不提供工具箱规范性细则:1):常用菜单要有命令快捷方式2):完成相同或相近功能的菜单用横线隔开放在同一位置 3):菜单前的图标能直观的代表要完成的操作 4):菜单深度一般要求最多控制在三层以内5):工具栏要求可以根据用户的要求自己选择定制6):相同或相近功能的工具栏放在一起7):工具栏中的每一个按钮要有及时提示信息 8):一条工具栏的长度最长不能超出屏幕宽度 9):工具栏的图标能直观的代表要完成的操作 10):系统常用的工具栏设置默认放置位置 11):工具栏太多时可以考虑使用工具箱12):工具箱要具有可增减性,由用户自己根据需求定制 13):工具箱的默认总宽度不要超过屏幕宽度的1/5 14):状态条要能显示用户切实需要的信息,常用的有:目前的操作、系统状态、用户位置、用户信息、提示信息、错误信息等,如果某一操作需要的时间较长,还应该显示进度条和进程提示15):滚动条的长度要根据显示信息的长度或宽度能及时变换,以利于用户了解显示信息的位置和百分比16):状态条的高度以放置五号字为宜,滚动条的宽度比状态条的略窄17):菜单和工具条要有清楚的界限;菜单要求凸出显示,这样在移走工具条时仍有立体感 18):菜单和状态条中通常使用五号字体工具条一般比菜单要宽,但不要宽的太多,否则看起来很不协调19):右键快捷菜单采用与菜单相同的准则3:帮助设施:系统应该提供详尽而可靠的帮助文档,在用户使用产生迷惑时可以自己寻求解决方法帮助设施细则:1):帮助文档中的性能介绍与说明要与系统性能配套一致(我们的系统帮助文档都是系统的祖先时期的说明,让人困惑)2):打包新系统时,对作了修改的地方在帮助文档中要做相应的修改 3):操作时要提供及时调用系统帮助的功能常用F14):在界面上调用帮助时应该能够及时定位到与该*作相对的帮助位置也就是说帮助要有即时针对性5):最好提供目前流行的联机帮助格式或帮助格式6):用户可以用关键词在帮助索引中搜索所要的帮助,当然也应该提供帮助主题词 7):如果没有提供书面的帮助文档的话,最好有打印帮助的功能8 ):在帮助中应该提供我们的技术支持方式,一旦用户难以自己解决可以方便的寻求新的帮助方式4:合理性:屏幕对角线相交的位置是用户直视的地方,正上方四分之一处为易吸引用户注意力的位置,在放置窗体时要注意利用这两个位置合理性细则:1):父窗体或主窗体的中心位置应该在对角线焦点附近 2):子窗体位置应该在主窗体的左上角或正中3):多个子窗体弹出时应该依次向右下方偏移,以显示窗体出标题为宜 4):重要的命令按钮与使用较频繁的按钮要放在界面上注目的位置5):错误使用容易引起界面退出或关闭的按钮不应该放在易点位置横排开头或最后与竖排最后为易点位置 6):与正在进行的操作无关的按钮应该加以屏蔽(中用灰色显示,没法使用该按钮) 7):对可能造成数据无法恢复的操作必须提供确认信息给用户放弃选择的机会 8):非法的输入或操作应有足够的提示说明9):对运行过程中出现问题而引起错误的地方要有提示,让用户明白错误出处,避免形成无限期的等待10):提示、警告、或错误说明应该清楚、明了、恰当5:美观与协调性:界面应该大小适合美学观点,感觉协调舒适,能在有效的范围内吸引用户的注意力美观与协调性细则:1):长宽接近黄金点比例,切忌长宽比例失调、或宽度超过长度 2):布局要合理不宜过于密集,也不能过于空旷,合理的利用空间 3):按钮大小基本相近,忌用太长的名称,免得占用过多的界面位置 4):按钮的大小要与界面的大小和空间要协调 5):避免空旷的界面上放置很大的按钮6):放置完控件后界面不应有很大的空缺位置7):字体的大小要与界面的大小比例协调通常使用的字体中宋体9-12较为美观,很少使用超过12号的字体8):前景与背景色搭配合理协调,反差不宜太大,最好少用深色,如大红、大绿等常用色考虑使用界面色调9):如果使用其他颜色,主色要柔和,具有亲和力与磁力,坚决杜绝刺目的颜色 10):大型系统常用的主色有"#E1E1E1"、"#"、"#C0C0C0"等11):界面风格要保持一致,字的大小、颜色、字体要相同,除非是需要艺术处理或有特殊要求的地方12):如果窗体支持最小化和最大化或放大时,窗体上的控件也要随着窗体而缩放;切忌只放大窗体而忽略控件的缩放13):对于含有按钮的界面一般不应该支持缩放,即右上角只有关闭功能 14):通常父窗体支持缩放时,子窗体没有必要缩放15):如果能给用户提供自定义界面风格则更好,由用户自己选择颜色、字体等6:菜单位置:菜单是界面上最重要的元素,菜单位置按照按功能来组织菜单设测试细则:1):菜单通常采用“常用--主要--次要--工具--帮助”的位置排列,符合流行的风格2):常用的有“文件”、“编辑”,“查看”等,几乎每个系统都有这些选项,当然要根据不同的系统有所取舍 3):下拉菜单要根据菜单选项的含义进行分组,并且按照一定的规则进行排列,用横线隔开 4):一组菜单的使用有先后要求或有向导作用时,应该按先后次序排列5):没有顺序要求的菜单项按使用频率和重要性排列,常用的放在开头,不常用的靠后放置;重要的放在开头,次要的放在后边6):如果菜单选项较多,应该采用加长菜单的长度而减少深度的原则排列 7):菜单深度一般要求最多控制在三层以内8):对常用的菜单要有快捷命令方式,组合原则见89):对于进行的操作无关的菜单要用屏蔽的方式加以处理,如果采用动态加载方式——即只有需要的菜单才显示——最好10):菜单前的图标不宜太大,与字高保持一直最好11):主菜单的宽度要接近,字数不应多于四个,每个菜单的字数能相同最好 12):主菜单数目不应太多,最好为单排布置7:独特性:如果一味的遵循业界的界面标准,则会丧失自己的个性在框架符合以上规范的情况下,设计具有自己独特风格的界面尤为重要尤其在商业软件流通中有着很好的迁移默化的广告效用1):安装界面上应有单位介绍或产品介绍,并有自己的图标 2):主界面,最好是大多数界面上要有公司图标3):登录界面上要有本产品的标志,同时包含公司图标 4):帮助菜单的“关于”中应有版权和产品信息5):公司的系列产品要保持一直的界面风格,如背景色、字体、菜单排列方式、图标、安装过程、按钮用语等应该大体一致8:快捷方式的组合在菜单及按钮中使用快捷键可以让喜欢使用键盘的用户操作得更快一些在西文及其应用软件中快捷键的使用大多是一致的菜单中:1):面向事务的组合有: -D 删除;-F 寻找;–H替换;-I 插入;-N 新记录;-S 保存 -O 打开 2):列表:-R ,-G定位;-下一分页窗口或反序浏览同一页面控件 3):编辑:-A全选;-C 拷贝;-V 粘贴;-X 剪切;-Z撤消;-Y恢复 4):文件操作:-P 打印;-W 关闭 5):系统菜单-A文件;-E编辑;-T工具;-W窗口;-H帮助 6):MS 保留键:- 任务列表;-F4 关闭窗口; -F4 结束应用;- 下一应用;缺省按钮/确认;取消按钮/取消;-F1 上下文相关帮助按钮中:可以根据系统需要而调节,以下只是常用的组合-Y确定(是);-C取消;-N 否;-D删除;-Q退出;-A添加;-E编辑;-B浏览;-R读;-W写这些快捷键也可以作为开发中文应用软件的标准但亦可使用汉语拼音的开头字母9:安全性考虑:在界面上通过下列方式来控制出错几率,会大大减少系统因用户人为的错误引起的破坏开发者应当尽量周全地考虑到各种可能发生的问题使出错的可能降至最小如应用出现保护性错误而退出系统这种错误最容易使用户对软件失去信心因为这意味着用户要中断思路并费时费力地重新登录而且已进行的操作也会因没有存盘而全部丢失安全性细则:1):最重要的是排除可能会使应用非正常中止的错误 2):应当注意尽可能避免用户无意录入无效的数据 3):采用相关控件限制用户输入值的种类4):当用户作出选择的可能性只有两个时可以采用单选框5):当选择的可能再多一些时可以采用复选框每一种选择都是有效的用户不可能输入任何一种无效的选择6):当选项特别多时,可以采用列表框,下拉式列表框7):在一个应用系统中开发者应当避免用户作出未经授权或没有意义的操作 8):对可能引起致命错误或系统出错的输入字符或动作要加限制或屏蔽 9):对可能发生严重后果的操作要有补救措施通过补救措施用户可以回到原来的正确状态 10):对一些特殊符号的输入、与系统使用的符号相冲突的字符等进行判断并阻止用户输入该字符11):对错误操作最好支持可逆性处理,如取消系列操作12):在输入有效性字符之前应该阻止用户进行只有输入之后才可进行的操作 13):对可能造成等待时间较长的操作应该提供取消功能 14):特殊字符常有;;’”><`‘:“[”{、\|}]+=)-(_*&&^%$#!~?/还有空格 15):与系统采用的保留字符冲突的要加以限制16):在读入用户所输入的信息时,根据需要选择是否去掉前后空格17):有些读入数据库的字段不支持中间有空格,但用户切实需要输入中间空格,这时要在程序中加以处理10:多窗口的应用与系统资源:设计良好的软件不仅要有完备的功能,而且要尽可能的占用最低限度的资源1):在多窗口系统中,有些界面要求必须保持在最顶层,避免用户在打开多个窗口时,不停的切换甚至最小化其他窗口来显示该窗口2):在主界面载入完毕后自动卸出内存,让出所占用的系统资源3):关闭所有窗体,系统退出后要释放所占的所有系统资源,除非是需要后台运行的系统 4):尽量防止对系统的独占使用11:页面风格一致:A:输入框输入错误提示处理方式:1):弹出错误提示信息,提示框标题应统一使用“错误提示”,提示框内容统一前面警示图标,后面是提示内容,当点击确定按钮后,该输入框获得焦点,内容清空;2):当输入框获得焦点时,该输入框的限制自动显示,当输入的不符合限制时输入框突出显示;。
软件界面设计规则和规范文档目前流行的界面风格有三种方式多窗体、单窗体以及资源管理器风格无论哪种风格均适用于以下十条规则1易用性按钮名称应该易懂用词准确摒弃模棱两可的字眼要与同一界面上的其他按钮易于区分能望文知义最好。
理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。
易用性细则 1.完成相同或相近功能的按钮用Frame框起来常用按钮要支持快捷方式。
2.完成同一功能或任务的元素放在集中位置减少鼠标移动的距离。
3.按功能将界面划分局域块用Frame框起来并要有功能说明或标题。
4.界面要支持键盘自动浏览按钮功能即按Tab键的自动切换功能。
5.界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前位置也应放在窗口上较醒目的位置。
6.同一界面上的控件数最好不要超过10个多于10个时可以考虑使用分页界面显示。
7.分页界面要支持在页面间的快捷切换常用组合快捷键CtrlTab。
8.默认按钮要支持Enter及选择操作即按Enter后自动执行默认按钮对应操作。
9.可写控件检测到非法输入后应给出说明并能自动获得焦点。
10.Tab键的顺序与控件排列顺序要一致目前流行总体从上到下同行间从左到右的方式。
11.复选框和选项框按选择几率的高低先后排列。
12.复选框和选项框要有默认选项并支持Tab选择。
13.选项数相同时多用选项框而不用下拉列表框。
14.界面空间较小时使用下拉框而不用选项框。
15.选项数较少时使用选项框相反使用下拉列表框。
16.专业性强的软件要使用相关的专业术语通用性界面则提倡使用通用性词眼。
2规范性通常界面设计都按Windows界面的规范来设计即包含菜单条、工具栏、工具箱、状态栏、滚动条、右键快捷菜单的标准格式可以说界面遵循规范化的程度越高则易用性相应的就越好。
小型软件一般不提供工具厢。
规范性细则 1.常用菜单要有命令快捷方式。
2.完成相同或相近功能的菜单用横线隔开放在同一位置。
3.菜单前的图标能直观的代表要完成的操作。
app界面设计规范app界面设计规范篇一:移动app界面设计规范色彩篇移动app界面设计规范——色彩篇色彩在我们的APP界面设计中,是一个很让人头疼的事情。
无论是APP UI设计大神还是APP设计新手,都是需要制定一套属于自己的配色方案或配色计划色彩,从当代建筑、路标、人行横道以及运动场馆中获取灵感,由此引发出大胆的颜色表达激活了色彩,与单调乏味的周边环境形成鲜明的对比。
强调大胆的阴影和高光。
引出意想不到且充满活力的颜色。
调色板调色板以一些基础色为基准,通过填充光谱来为Android、Web 和iOS环境提供一套完整可用的颜色。
基础色的饱和度是500。
篇二:安卓界面设计规范目前主流的安卓手机分辨率有以下3种:hdpi,对应800*480的手机。
主流机型,很多。
如小米1 ,1s 三星 htc 等 xdpi,对应1280*720的手机。
三星Galaxy系列和华为p6.xxdpi,对应1080*1920的手机。
小米手机,华为荣耀手机系列为主加上 htc one。
下面是当面流行的安卓手机的屏幕尺寸和分辨率:小米 3和小米4 屏幕尺寸和分辨率: 5英寸1920×1080像素魅族MX2 屏幕尺寸和分辨率:英寸1280×800像魅族MX3 屏幕尺寸和分辨率:英寸1800×1080像素HTC one 屏幕尺寸和分辨率:英寸1920×1080像素华为荣耀6屏幕尺寸和分辨率: 5英寸 1920×1080像素华为p6屏幕尺寸和分辨率:英寸1280×720像素华为p7屏幕尺寸和分辨率:5英寸1920×1080像素什么是屏幕像素密度?屏幕像素密度,即每英寸屏幕所拥有的像素数,英文简称PPI。
在目前我们的安卓APP设计项目当中,我们并不会去为每一种分辨率去设计一套UI界面。
这是一种追求完美和理想的状态。
小公司肯定是耗不起这样的。
所以,这个时候我们需要学会变通。
软件界面设计规1.界面规1.1.总体原则以用户为中心。
设计由用户控制的界面,而不是界面控制用户。
清楚一致的设计。
所有界面的风格保持一致,所有具有相同含义的术语保持一致,且易于理解拥有良好的直觉特征。
以用户所熟悉的现实世界事务的抽象来给用户暗示和隐喻,来帮助用户能迅速学会软件的使用。
较快的响应速度。
简单且美观。
1.2.原则详述1.2.1.用户控制用户界面设计的一个重要原则是用户应该总是感觉在控制软件而不是感觉被软件所控制。
操作上假设是用户--而不是计算机或软件--开始动作。
用户扮演主动角色,而不是扮演被动角色。
在需要自动执行任务时,要以允许用户进行选择或控制它的方式来实现该自动任务。
提供用户自定义设置。
因为用户的技能和喜好各不相同,因此他们必须能够个性化界面的某些方面。
Windows为用户提供了对许多这方面的访问。
您的软件应该反应不同的系统属性--例如颜色、字体或其他选项的用户设置。
采取交互式和易于感应的窗口,尽量避免使用模态对话框,而使用"非模式"辅助窗口。
"模式"是一种状态,它排除一般的交互,或者限制用户只能进行特定的交互。
当最好使用一个模式或该模式只是可替换的设计时--例如,用于在一个绘图程序中选定一个特定感觉--请确保该模式是显然的、可见的,是一个明确的用户选定的结果,并且容易取消。
在后台运行长进程时,保持前台式交互。
例如,当正在打印一个文档,即使该文档不能被改变,用户也应该可以最小化该窗口。
谅解。
用户喜欢探索一个界面,并经常从尝试和错误中学习。
一个有效的界面允许交互式的发现,它只提供一组合适的选择,并在用户可能破坏系统或数据的情况时发出警告。
如果可行,还应提供可逆转或可还原的操作。
即使在设计得很好得界面中,用户也可能犯错误。
这些错误既可以是物理上得(偶然地指向了错误的命令或数据),也可以是逻辑上的(对选定哪一个命令或哪些数据做出了错误的决定)。
有效的设计避免很可能导致错误的情况。
软件界面设计规_V1.01概要界面设计中一定要保持界面的一致性。
一致性既包括使用标准的控件,也指使用相同的信息表现方法,如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。
界面力求简洁明了,保证系统功能设计的合理与明确,布局明确、交互操作合理、协调统一。
功能要表现清楚,分类清晰有条理,避免过多的控件嵌套导致的视觉混乱;单一功能的操作目的明确,符合易用性原则,避免不必要的信息显示而对用户造成视觉干扰;力求操作简单,简单的功能一步完成,比较复杂的功能三步之,复杂的功能操作使用操作向导来辅助客户完成。
2色调风格2.1色调:软件界面设计中常用的主色调包括:蓝色、红色、绿色、黑色蓝色:运用的行业较为广泛,如通讯、电子、房产、钢铁、生产管理等行业大部分以蓝色为主色调来设计软件。
红色:在政府单位运用比较多。
绿色:一般运用于教育、医疗、农林等行业。
黑色:能源、石油、房地产行业有时候会用中性的黑色作为主色调。
表现区:通常用浅色,如:白色、淡灰、或者淡蓝之类,因为大面积的文字信息在浅色上便于长时间阅读,不容易形成视觉疲劳。
2.2风格:软件界面的风格通常比较简约。
不同行业,使用的环境不同稍有差异。
3登录界面基本元素:logo、系统名称、输入框、提交按钮。
如下:4页面逻辑结构软件界面通常是上面这样的逻辑结构首页:宏观预览各项设备管理数据,快速访问期望的数据功能功能页面:查看某一功能模块的全部数据,查看某一对象的各类相关数据弹出页面:填写和提交表单,对功能中的某一单项数据进行增加/删除/查询/修改/审核/打印/导出等功能操作。
5页面的基本属性页面宽度:属性值为auto,最小值1024像素。
默认状况下无横向滚动条。
注意:宽度、位置、边距为不可变数据背景:页面整体为白色背景#FFFFFF 或者浅灰、浅蓝等,总之是非常接近白色的颜色。
注:白色为常用色值,对于特殊个性化页面可根据特殊要求变更色彩;背景色彩尽量少用饱和度高的颜色,减少用户视觉疲劳;背景图片遵循原则尽量选择可复用的图片,减少页面文件量页面位置:居中页面边距:上 0px;下 0px;左 0 px;右 0 px;注意:有时候会专门设置一定数值的边距,这时通常与模块间的间距相同,如上下左右都是5px。
6导航菜单常见的软件导航菜单有:左侧树状菜单、左侧伸缩菜单、windows标准的定制导航6.1左侧树状菜单适用于多级结构庞大的软件架构。
6.2左侧手风琴式菜单这种菜单适用于相对小规模的软件架构,简单舒适型。
规1)菜单深度一般不要超过两层2)导航如不是客户特别要求的定制,均制成类似以上的导航,其中默认分辨率为1024*768。
一级菜单:图标32px_32px,字体14px、不加粗、#000000;二级菜单:图标20px_20px,字体12px、不加粗、#333333;6.3Windows标准的定制导航7页面结构7.1基本结构:标准头、容区、标准尾头部和底部具体的的容不同的软件设置有所差异,如有些软件将菜单栏设在标准头里边,而有些软件则设置在容区的左侧,但在不同的同时,有很多的地方是相同的。
这里我们所说的就是共性。
7.2标准头logo&系统名称 | 基本操作区适用围:所有常规页面尺寸:宽100% 高60px~80px7.3标准尾技术支持&版本情况 | 信息适用围:所有常规页面尺寸:宽100% 高30px~50px7.4容区版块元素之间间距为5px8窗口风格窗口风格要注意表现的一致性。
1)报错页面的风格一致,最好有统一的报错页面2)类似功能的窗口打开的风格要一致3)相同功能在不同模块的名称要一致4)子窗体应尽量在显示在主窗体的左上或居中放置5)弹出式窗口尽量在不借助滚动条的情况下显示所有容6)框边界要与背景有区分,边界要清楚。
7)弹出框的文字要有对齐,当不同长度文字的排版出现对对齐不一致的时候,上下文字必须统一右对齐,输入框统一左对齐,如果文字对其空间不够,可考虑换行。
9页面留白无论是在页面中还是在弹出层中,容距离上下左右的边距都不能太近,这样有助于用户的浏览,给用户浏览以喘息的空间。
如下图:顶部留白10px~15px,上下边距10px~15px,左右边距15px~20px,行与行输入框距离5px~10px。
具体留白大小可根据软件的具体情况统一设定,整体保持统一性即可,不可同一软件中不同标准执行。
10字体规10.1字体:软件中所用字体一般是电脑系统的默认字体。
汉字:宋体、黑体、微软雅黑。
英文:Arial, Verdana。
10.2字号:软件中一般用14px和12px,14px文字主要用于一级菜单和板块的标题区标题,12px文字10.3字体颜色:通常情况:黑色(#000000)深色背景中:白色(#ffffff)白色背景中:深灰(#333333)表格中的默认色:天蓝色(#0059D5)的鼠标滑过hover色:红色(#ff0000)警示性文字的颜色:红色(#ff0000)如:必选项的提示符号“*“。
11页面元素11.1按钮按钮风格相同,大小相似,字体一致无效按钮要屏蔽。
高:24像素,宽:根据文字长度定;按钮的文字居中,字体统一大小12px、右、下、左的边距分别为:6x,12x,6x,12px,按钮之间的间距统一为8px;11.2表格表格整体色调采用灰调,便于用户长时间操作部视觉疲劳,表格分为标题部分,主体容部分。
标题部分应该用相应的颜色加以区别,表格隔行应用不同的颜色加以区别。
表格选中行应用色调区分,表格的行高为25像素。
表格四周的文字要有空隙padding属性2px。
不同表格之间必须有对齐。
如(图19)三个表格之间表格的顶部、底部都应该有对齐,表格之间应有空隙,空隙。
11.3输入框11.3.1必输项1)必输项中不可为空,不可输入空格2)必输项给出必输项标识(*)11.3.2字段长度超过数据库规定长度时不允许输入11.3.3多行文本输入、文本区域尺寸:自定义边距上下左右皆为5px行距为1.5em边框:宽度1px,颜色#66666611.3.4格式校验1)号、E-MAIL、等特定字段的格式要符合需求的规定11.3.5日期格式1)日期显示格式一致,如:yyyy-mm-dd2)使用日期控件,尽量不是手工录入3)如需要限制日期选择围,则超出围的日期应为灰色不可选状态。
11.3.6特殊字符1)输入区域输入特殊字符,插入数据库时不出错或提示不允许输入特殊字符。
特殊字符包括:'"=~$%^%¥&#等11.3.7英文输入英文输入不区分大小写,不可输入汉字、数字及特殊字符11.3.8数值字段只能输入+ - 0~9及功能键(BackSpace 光标)11.3.9字符字段1)如果支持日文字,则要判断全角假名/半角假名单行文本框/多行文本框1) 长度合适,可以容纳相应文字,但不能超过数据库该字段长度,最好将可以输入的最大字符数标在旁边。
建议单行文本框中当输入的字符超过一定长度时再输入无效;对于多行文本框给出最大字符数标识11.4附件1)可正常添加符合格式的附件2)附件可正常打开和保存,附件名较长时可正常操作3)直接输入错误的附件地址,保存时应给出提示信息4)附件打开/保存到本地时,文件名要显示原文件文件名11.5密码输入1)需在需求中定义密码是否允许为空或空格;密码是否允许特殊字符;是否区分大小写,密码的可输入长度2)程序中应给出文字说明密码的可输入长度入无效;对于多行文本框给出最大字符数标11.6Tab标签圆角5px 背景色分设当前选中与非选中状态,边框#ccc如:11.7图片格式:原则上尽量使用png格式图片,特殊图片可使用JPG质量:图片画面显示清晰,不采用改变显示尺寸的放大或缩小。
图片画面(尤其是人物图像)不允许变形。
文件大小:控制在40KB为宜。
命名规则:图片按照图片描述直接命名。
图片名称均由小写字母、数字和“_”组成,不能有空格或其他字符,放置于images文件夹中。
11.8框架当框架界面长度超过显示终端最大分辨率高度,提供下拉滚动条;框架部分的设计应考虑节省屏幕空间,各种分辨率的大小,缩放时的状态和原则,并且为将来设计的按钮、菜单、标签、滚动条及状态栏预留位置;主菜单放在左边或上边,滚动条放在右边,以符合用户使用中的视觉流程。
列表均采用表格或框架呈现,默认状况下尽量不出现横向滚动。
12用户界面行为12.1鼠标1)鼠标为不可点击状态时显示箭头,可点击状态显示手型;12.2系统响应时间系统响应时间应该适中,响应时间过长,用户就会感到不安和沮丧,而响应时间过快也会影响到用户的操作节奏,并可能导致错误。
因此在系统响应时间上坚持如下原则:响应时间长度界面设计:1)0-5秒鼠标显示成为沙漏;2)5秒以上显示处理窗口,或显示进度条;3)一个长时间的处理完成时应给予完成警告信息。
12.3光标定位1)打开新增(修改)页面时,光标初始定位在第一个待输入的文本区2)因输入不正确提示用户重新输入时,光标默认focus在出错的输入区,并高亮全选该错误输入3)若必输项未填写完毕就提交,应给出说明信息并能自动获得焦点4)可写控件检测到非法输入后应给出说明并能自动获得焦点12.4TAB键1)界面支持键盘自动浏览按钮功能。
即TAB自动切换功能2)Tab键的顺序与控件排列顺序要一致,一般情况下总体从上到下,同时行间从左到右的方式。