软件界面设计要求规范_V0 - 视觉部分
App界面设计规范

App界面设计规范1. 概述App界面设计是提供给用户与应用程序进行交互的视觉和操作方式。
良好的界面设计可以提升用户体验,使用户更容易理解和操作应用程序。
本文将介绍一些常见的App界面设计规范,帮助开发者们在设计过程中遵循最佳实践。
2. 视觉设计规范2.1 颜色选择•使用适合应用风格的颜色搭配,并注意颜色对比度,以确保文字和图标的可读性。
•避免使用过多明亮或过于高饱和度的颜色,以免对用户产生不适感。
•在暗模式和亮模式之间切换时,需要注意颜色在两种模式下的可读性和整体协调性。
2.2 图标和图片•使用统一简洁、直观易懂的图标,以便用户快速识别其含义。
•图片质量要求高,并遵循响应式设计原则,在不同屏幕尺寸上呈现一致且清晰的效果。
•合理压缩图片文件大小,尽量减少加载时间。
2.3 字体选择•使用清晰易读、适合应用风格的字体。
•在不同屏幕尺寸上确保字体大小的合适性,以便用户能够方便地阅读。
2.4 排版和布局•界面元素的排列严谨、有序,避免过于拥挤或空旷。
•使用一致的边距和间距,使界面整洁且易于浏览。
•对齐方式要统一,以确保页面整体协调。
3. 交互设计规范3.1 导航和标签栏•提供清晰明了的导航结构,使用户能够轻松找到所需内容。
•标签栏要易于操作和切换,并在不同页面状态下显示相应的标记。
3.2 按钮设计•按钮设计要简洁易懂、易点击,并为不同按钮类型使用合适的颜色和形状。
•使用动画效果来增强按钮点击反馈,提高用户交互体验。
3.3 输入框和表单•输入框样式要清晰,并提供输入提示或默认值,方便用户填写信息。
•表单中的字段要有明确标签和格式验证信息,以减少用户输入错误。
3.4 弹窗和提示信息•弹窗要简洁明了,提供清晰的按钮操作和关闭方式。
•提示信息要及时准确地反馈给用户,并使用易于理解的语言。
4. 响应式设计规范4.1 屏幕适配•针对不同屏幕尺寸和分辨率进行界面布局的自适应调整,以保证在不同设备上正常展示。
•需要做好各种屏幕比例下的测试,确保界面元素大小和位置合适。
软件界面规范设计

软件界面规范设计1. 引言本文档旨在指导软件界面的规范设计,以提供用户友好的体验和统一的用户界面。
通过遵循规范设计准则,可以提高软件的易用性和可访问性,同时减少用户的研究成本和错误操作。
2. 设计原则在进行软件界面规范设计时,应遵循以下原则:2.1. 易用性软件界面应简单直观,易于理解和操作。
用户可以快速找到所需功能,并且操作方式应符合用户的直觉和惯。
2.2. 一致性软件界面应保持一致性,即相同功能在不同部分的界面中的位置、外观和交互方式应尽量保持统一。
这样可以减少用户的认知负担和混淆。
2.3. 可访问性软件界面应考虑到不同用户的需求和能力。
应提供适应不同分辨率和字体大小的界面,并确保界面元素的可读性和可点击性。
2.4. 反馈和提示软件界面应提供及时准确的反馈和提示信息,帮助用户理解当前操作的结果和状态。
合适的错误提示和帮助文档也应该提供,以便用户解决问题和获取支持。
3. 界面设计准则基于上述设计原则,以下是一些常见的界面设计准则:3.1. 布局和导航- 界面布局应合理,避免过于拥挤或空旷。
- 主要功能应放置在易于访问的位置,如顶部导航栏或侧边栏。
- 导航结构应简洁明了,使用清晰的标签和图标。
3.2. 色彩和图标- 使用适合软件定位和用户群体的色彩和图标。
- 颜色应具有足够的对比度,以确保可读性。
- 图标应简洁易懂,避免过于复杂或抽象。
3.3. 输入和操作- 输入字段应根据内容类型和长度进行合理的限制和验证。
- 操作按钮应明确标识,避免使用晦涩的术语或缩写。
- 提供适当的快捷键和操作方式,提高用户的操作效率。
3.4. 反馈和提示- 提供即时的反馈,如操作成功或失败的提示信息。
- 错误提示应清晰明了,指导用户纠正错误。
- 提供帮助文档和用户手册,解答常见问题和提供进一步的指导。
4. 结论软件界面规范设计是提供良好用户体验的关键因素之一。
通过遵循易用性、一致性、可访问性和反馈提示等设计原则,以及合理的布局、色彩和图标选择,我们可以创建出符合用户期望的界面。
软件界面设计规范

响应时间与动画效果
响应时间:界面元素对用户操 作的反应速度,影响用户体验
动画效果:用于过渡和提示, 增强用户体验和操作连贯性
动画效果设计原则:自然、流 畅、适度
响应时间优化:减少延迟,提 高系统性能
提示与帮助信息
软件界面交互设计应提供清晰、简洁的提示信息,帮助用户更好地理解和操作软件。
提示信息应采用友好、易于理解的语言,避免使用过于专业或难以理解的术语。
界面元素
图标:用于表示功能或操作, 提高用户识别度
按钮:用于触发特定操作,设 计应简洁明了
文本框:用于输入文本信息, 设计应符合用户输入习惯
标签页:用于分类和组织内容, 设计应清晰易用
控件使用规范
按钮:用于触发操作,设计应简洁明了,方便用户点击。 文本框:用于输入文本信息,应提供清晰的光标和提示信息。 下拉框:用于选择选项,应提供清晰的选择项和易于操作的界面。 滑块:用于调节数值,应提供易于操作的界面和清晰的刻度。
回退机制:提供操作回退功能,使用户可以撤销错误操作,恢复到操作前的状态
安全性:对用户输入进行合法性验证和过滤,防止恶意攻击和数据泄露
软件界面设计规 范的应用与实践
设计规范的实际应用
界面布局:遵循 一致的布局和排 版规范,使用户 能够快速找到所
需信息
图标和按钮: 使用简洁、易 懂的图标和按 钮,提高用户
感谢您的观看
汇报人:风
设计规范是产品创新的基础,提供统一的标准和指导,确保产品的质量和用户体验。
产品创新需要遵循设计规范,同时也要灵活运用,结合具体需求和市场环境进行创新。
设计规范与创新相辅相成,规范保障产品的稳定性和可靠性,创新则带来更多的商业机会和竞争优势。
在产品创新过程中,要注重与设计规范的协调统一,避免出现不符合规范的情况,影响产品的整体效果和用户体验。
软件界面规范设计

软件界面规范设计目标本文档旨在提供一套软件界面规范设计的准则,以确保软件界面的一致性和易用性。
准则1. 界面风格统一软件界面应该遵循统一的风格,以确保用户在不同模块之间的切换和操作流程的连贯性。
统一的风格可以包括颜色、字体、图标、按钮等方面的设计。
2. 易于导航软件界面应该设计成直观易懂的导航结构,用户可以轻松找到需要的功能和信息。
主要导航应该位于界面的顶部或左侧,并使用清晰的标签和图标。
3. 一致的布局软件界面的布局应该保持一致,使用户在不同页面之间能够快速适应。
例如,相似功能的页面应该有相似的布局结构,类似的操作应该位于相同的位置。
4. 简洁明了软件界面应该保持简洁明了,避免过多的复杂元素和冗余信息。
只显示必要的功能和信息,以减少用户的认知负担和操作复杂度。
5. 响应式设计软件界面应该具备响应式设计,以适应不同尺寸和分辨率的设备。
界面元素应该能够自适应并良好地呈现在不同屏幕上,确保用户在不同设备上的使用体验一致。
6. 易于操作软件界面的操作流程应该简单易懂,用户可以轻松完成所需的操作。
例如,按钮和交互元素应该具备明确的状态和反馈,以指导用户的操作。
7. 易于辨识软件界面的各个功能和元素应该易于辨识,用户可以快速理解其含义和作用。
使用清晰的图标、标签和文字描述,以确保用户可以准确地识别和操作界面上的元素。
结论通过遵循上述软件界面规范设计的准则,可以提高软件界面的一致性和易用性。
合理的界面设计可以帮助用户快速上手,并提升用户的满意度和使用体验。
UI界面设计的要求规范

UI界面设计的要求规范UI界面设计是指用户界面设计,主要关注用户在使用产品时的视觉体验和操作的便捷性。
好的UI设计能够提高用户的满意度和使用效率,并且有助于品牌形象的建立。
下面将介绍UI界面设计的要求规范,以帮助设计师创造出优秀的用户界面。
1.一致性:在整个产品中保持一致的设计风格,包括颜色、字体、图标和布局等。
一致性能够提高用户的学习成本和使用效率,并且能够增强产品的专业感。
2.简洁性:界面设计应尽量简洁明了,不应包含过多的信息和功能。
过多的信息会给用户造成困扰,降低用户的使用效率。
简洁的设计能够帮助用户集中注意力,更好地理解和使用产品。
4.可视化:界面设计应充分利用图像和图标等可视化元素,使用户能够快速理解信息和操作方式。
图像和图标应具有直观性、简洁性和美观性,能够提高用户的视觉体验。
5.反馈性:界面设计应提供及时的反馈信息,告知用户当前的操作结果和状态。
反馈可以通过动画、提示框和提示文字等形式实现,能够提高用户对产品的掌控感和信任感。
6.可操作性:界面设计应尽量简化用户的操作流程,减少冗余的步骤和复杂的操作。
设计师应深入理解用户的需求和使用场景,设计简单直观的操作界面,帮助用户快速完成任务。
7.可访问性:界面设计应考虑到不同用户群体的特点和需求,包括老年人、残障人士和不同文化背景的用户。
设计师应根据不同用户群体的需求,提供可定制的界面设置和辅助功能,以确保所有用户都能够方便地使用产品。
8.响应式设计:界面设计应兼顾不同设备和平台的适配性,以确保在不同屏幕尺寸和操作方式下都能够提供良好的用户体验。
设计师应根据不同设备和平台的特点,对界面进行合理布局和调整,以适应不同用户的需求。
9.标准化:界面设计应遵循相关的设计规范和标准,以确保设计的一致性和可理解性。
设计师应熟悉所使用的设计软件和工具,灵活运用各种设计元素和技术,提高设计的质量和效率。
10.用户测试:界面设计完成后,应进行用户测试,以评估设计的可用性和用户体验。
(完整版)软件界面设计规范

软件界面设计规范1。
界面规范1。
1.总体原则以用户为中心。
设计由用户控制的界面,而不是界面控制用户。
清楚一致的设计。
所有界面的风格保持一致,所有具有相同含义的术语保持一致,且易于理解拥有良好的直觉特征。
以用户所熟悉的现实世界事务的抽象来给用户暗示和隐喻,来帮助用户能迅速学会软件的使用。
较快的响应速度。
简单且美观。
1。
2.原则详述1.2。
1。
用户控制用户界面设计的一个重要原则是用户应该总是感觉在控制软件而不是感觉被软件所控制。
操作上假设是用户—-而不是计算机或软件——开始动作.用户扮演主动角色,而不是扮演被动角色。
在需要自动执行任务时,要以允许用户进行选择或控制它的方式来实现该自动任务。
提供用户自定义设置。
因为用户的技能和喜好各不相同,因此他们必须能够个性化界面的某些方面。
Windows为用户提供了对许多这方面的访问。
您的软件应该反应不同的系统属性——例如颜色、字体或其他选项的用户设置。
采取交互式和易于感应的窗口,尽量避免使用模态对话框,而使用"非模式"辅助窗口.”模式"是一种状态,它排除一般的交互,或者限制用户只能进行特定的交互。
当最好使用一个模式或该模式只是可替换的设计时-—例如,用于在一个绘图程序中选定一个特定感觉-—请确保该模式是显然的、可见的,是一个明确的用户选定的结果,并且容易取消.在后台运行长进程时,保持前台式交互。
例如,当正在打印一个文档,即使该文档不能被改变,用户也应该可以最小化该窗口。
谅解。
用户喜欢探索一个界面,并经常从尝试和错误中学习。
一个有效的界面允许交互式的发现,它只提供一组合适的选择,并在用户可能破坏系统或数据的情况时发出警告。
如果可行,还应提供可逆转或可还原的操作。
即使在设计得很好得界面中,用户也可能犯错误.这些错误既可以是物理上得(偶然地指向了错误的命令或数据),也可以是逻辑上的(对选定哪一个命令或哪些数据做出了错误的决定)。
有效的设计避免很可能导致错误的情况。
软件界面设计规范范本

软件界面设计规范范本一、概述当今世界,软件应用已经成为人们日常生活不可或缺的一部分。
良好的界面设计可以提高用户体验和使用效率,因此界面设计规范变得尤为重要。
本文将介绍软件界面设计的一些基本规范,以提供一个范本供设计师参考。
二、布局规范1. 界面整洁美观:避免过多冗余的内容和视觉干扰,创造简洁大方的界面设计。
使用合适的配色方案和字体,确保内容清晰可读。
2. 模块分组:将相关功能模块进行分组,便于用户快速找到所需功能。
可以采用标签、边框或者颜色等元素进行模块划分。
3. 首屏展示:合理安排首屏展示内容,提供重要功能入口和常用操作按钮,减少用户的搜索时间和操作步骤。
三、导航规范1. 明确导航路径:提供清晰明确的导航路径,使用户可以快速找到所需功能或者页面。
可以采用面包屑导航、菜单栏或者标签等形式。
2. 突出当前位置:突出显示用户当前所处的位置,以增强用户的导航意识,可以通过高亮、底纹或者文字样式等方式实现。
3. 常用功能快捷入口:将常用功能提供快捷入口,以便用户可以更方便地进行操作。
可以将这些入口放在导航栏或者工具栏中。
四、交互规范1. 控件使用一致性:在同一软件或同一功能中,相同类型的控件具有一致的样式和交互方式,以减少用户的学习成本和混淆。
2. 避免弹窗过多:避免频繁弹出信息窗口,以免打断用户的操作流程。
只在必要的情况下使用弹窗,提供清晰明确的信息。
3. 反馈机制:对用户的操作提供及时、准确的反馈,以帮助用户更好地理解其操作所带来的结果。
五、字体与颜色规范1. 字体选择:选择易读性较好的字体,避免使用过小或者过花哨的字体。
同时,要注意在不同界面和功能之间保持一定的字体一致性。
2. 色彩搭配:选取和谐的配色方案,使界面更加美观且符合软件的定位和品牌形象。
避免使用过于显眼的颜色,以免对用户造成视觉疲劳。
六、反馈与帮助规范1. 提供错误提示:当用户输入错误或操作有误时,及时给予明确的错误提示,避免让用户产生困惑和焦虑。
软件界面设计流程规范

软件界面设计软件界面设计整体准则包含以下四个方面:1.规范性2.合理性3.一致性4.界面定制性一、软件界面设计的规范遵循一致的准则,确立准则并遵循,是软件界面设计中必不可必的环节。
确立界面准则的优点:1.便于用户操作:户运用起来能够建立起精确的心里模型,运用熟练了一个界面后,切换到另外一个界面能够很轻轻松松的推测出各种功能。
2.运用户感觉到统一、规范,在运用软件的流程中愉快轻轻松松的完成操作,提高对软件的认知。
3.降低培训、支撑成本,不必花费较多的人力对客户执行逐个指导。
二、软件界面布局的合理性界面的合理性是指界面能不能与软件功能相融洽,界面的颜色和布局能不能协调等。
比方:1.界面布局a.屏幕不能拥挤整个项目,采用统一的控件间距,议决调整窗体大小达到一致,即使在窗体大小不变的情况下,宁可留空部分区域,也不要破坏控件间的行间距。
b.控件按区域排列一行控件纵向中对齐, 控件间距基本保持一致,行与行之间间距相似,靠窗体的控件距窗体边缘的距离应大于行间距。
当屏幕有多个编辑区域,要以视觉成效和效率来组织这些区域。
c.有效组合逻辑上相关联的控件应当加以组合以示意其关联性,反之,任何不相关的项目应当分隔开。
在项目集合间用间隔对其执行分组,或者运用方框划分各自区域。
d.窗口缩放时,控件位置、布局固定窗口大小,不准许改动尺寸。
改动尺寸的窗口,在窗口尺寸发生改动时控件的位置、大小做出相应的改动。
改动尺寸的窗口,在窗口改动尺寸时添加相应在的纵向、横向滚动条,以方便用户运用窗体上的控件。
2.界面颜色搭配运用恰当的颜色,能够使软件的界面看起来更加规范:a.统一色调针对软件类型以及用户工作环境挑选恰当色调,如:安全软件,根据工业准则,能够选取黄色。
绿色体现环保,蓝色表现时尚清新、紫色表现浪漫等等,淡色能够使人舒适,暗色做背景使人不觉得累等。
b.与操作系统统一c.遵循比较原则在浅色背景上运用深色文字,深色背景上运用浅色文字,如蓝色文字以白色背景基本识别,而在红色背景则不易分辨。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
软件界面设计规范_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键的顺序与控件排列顺序要一致,一般情况下总体从上到下,同时行间从左到右的方式。