阿里巴巴ui设计规范
UI设计规范

UI设计规范(注:各小组意见相左时,需向上级汇报。
)一、关于B/S架构系统、后台UI设计(亦应用于网页制作,风格根据需求而定)1.团队一起设计,先共同完成一个模板,再根据模板设计该系统的其他界面2.字体规范:(文字用系统自带的常规字体)(1)web常规中文字体:黑体,正文字号14px,导航及菜单字体16px(可视情况而定)(2)ios/mac字体:pingfang sc (平方)3.设计尺寸:(常规如下,可视情况而定)1920px 分辨率72px4.排版布局区块应尽量等分,使等分后的数值为偶数值5.系统、后台类有表单的界面,需做分页设计、6.切图规范:命名规范统一,切图大小保存一致(如菜单图标,按最大的icon尺寸切图)7.同套系统,不同界面风格需保持一致。
效果图命名需排序,方便查找8.文件:效果图(不同模块分文件夹)、素材、切图、源文件、线框图(视情况而定)9.设计后需出设计规范,如鼠标经过、点击效果,方便前端调试二、关于APP的UI设计1.字体规范:(文字用系统自带的常规字体)(1)Android字体:思源黑体(或者其他)(2)Ios字体:pingfang sc (苹方)2.设计尺寸:(1)Android:一般用1080px*1920px设计(2)Ios:一般用iPhone6尺寸750px*1334px设计(启动页通用尺寸1125px*2436px、1242px*2208px、750px*1334px、640px*960px、640px*1136px)3.排版布局:(1) 分辨率72px(网页和UI都是72dpi,打印则需300dpi)色彩模式RGB,常用的全局边距有32px、30px、24px、20px(2) 排版布局区块应尽量等分,使等分后的数值为偶数值4.切图说明:(1) 文件:文件要包括:image、效果图+标注图(根据实际情况而定)(2) 注意事项:不要出现大写、不要有中文、特殊符号及空格、同类切图大小一致5.图标说明:通用图标尺寸16X16px、24X24px、48X48px、64X64px、100X100px(其他尺寸按实际项目应用)建立统一风格的图标。
UI界面设计规范

UI界面设计规范UI界面设计规范是指为了确保用户界面的一致性、可用性和美观性而制定的一系列设计指南和规则。
遵循UI界面设计规范可以帮助设计师和开发人员创建出易于使用和易于理解的界面,从而提供积极的用户体验。
下面是一些常见的UI界面设计规范:1.一致性:界面应该在整个应用程序中保持一致。
这包括字体、图标、色彩、布局和交互模式的一致性。
一致的设计可以使用户更容易理解和使用界面。
2.可用性:界面应该是易于使用的,用户可以轻松地完成任务。
设计师应该考虑到用户的需求和期望,确保设计简单直观,避免复杂的工作流程和冗长的操作。
3.导航和布局:界面的导航和布局应该清晰和直观。
导航应该简单明了,用户可以轻松地找到他们需要的功能和信息。
布局应该合理,避免过度拥挤或混乱的界面。
4.色彩和视觉效果:界面应该使用一致的色彩和视觉效果,以增加用户的视觉吸引力和理解能力。
适当的色彩和对比度可以帮助用户区分不同的元素,重要的信息应该有显眼的展示。
5.字体和文本:界面应该使用易于阅读的字体,并保持一致的字体大小和样式。
文本内容应该简洁明了,不应该出现过长或难以理解的文本。
6.响应式设计:界面应该能够适应不同设备和屏幕大小。
设计师应该考虑到不同的分辨率和屏幕比例,以确保界面在各种设备上都能够正确显示。
7.错误处理和反馈:界面应该提供清晰的错误处理和反馈机制。
当用户发生错误时,界面应该向用户提供明确的错误信息,并指导用户进行修复。
8.可访问性:界面应该为所有用户提供可访问性。
这包括对残障用户的支持,例如使用大字体、语音助手和键盘导航等功能。
9.动画和过渡效果:界面中的动画和过渡效果应该合理使用,增加用户体验和吸引力。
过度使用或不必要的动画效果可能会分散用户注意力或降低性能。
10.图标和按钮设计:界面中的图标和按钮应该易于识别和使用。
图标应该明确表示与之相关的功能,按钮应该具有合适的大小和样式,以便用户可以轻松点击。
总之,UI界面设计规范是一系列指导原则,旨在确保界面的一致性、可用性和美观性。
阿里巴巴制定了这16条设计规约!

阿⾥巴巴制定了这16条设计规约!1、【强制】存储⽅案和底层数据结构的设计获得评审⼀致通过,并沉淀成为⽂档。
说明:有缺陷的底层数据结构容易导致系统风险上升,可扩展性下降,重构成本也会因历史数据迁移和系统平滑过渡⽽陡然增加,所以,存储⽅案和数据结构需要认真地进⾏设计和评审,⽣产环境提交执⾏后,需要进⾏ double check。
正例:评审内容包括存储介质选型、表结构设计能否满⾜技术⽅案、存取性能和存储空间能否满⾜业务发展、表或字段之间的辩证关系、字段名称、字段类型、索引等;数据结构变更(如在原有表中新增字段)也需要进⾏评审通过后上线。
2、【强制】在需求分析阶段,如果与系统交互的 User 超过⼀类并且相关的 User Case 超过 5 个,使⽤⽤例图来表达更加清晰的结构化需求。
3、【强制】如果某个业务对象的状态超过 3 个,使⽤状态图来表达并且明确状态变化的各个触发条件。
说明:状态图的核⼼是对象状态,⾸先明确对象有多少种状态,然后明确两两状态之间是否存在直接转换关系,再明确触发状态转换的条件是什么。
正例:淘宝订单状态有已下单、待付款、已付款、待发货、已发货、已收货等。
⽐如已下单与已收货这两种状态之间是不可能有直接转换关系的。
4、【强制】如果系统中某个功能的调⽤链路上的涉及对象超过 3 个,使⽤时序图来表达并且明确各调⽤环节的输⼊与输出。
说明:时序图反映了⼀系列对象间的交互与协作关系,清晰⽴体地反映系统的调⽤纵深链路。
5、【强制】如果系统中模型类超过 5 个,并且存在复杂的依赖关系,使⽤类图来表达并且明确类之间的关系。
说明:类图像建筑领域的施⼯图,如果搭平房,可能不需要,但如果建造蚂蚁 Z 空间⼤楼,肯定需要详细的施⼯图。
6、【强制】如果系统中超过 2 个对象之间存在协作关系,并且需要表⽰复杂的处理流程,使⽤活动图来表⽰。
说明:活动图是流程图的扩展,增加了能够体现协作关系的对象泳道,⽀持表⽰并发等。
UI设计规范范文

UI设计规范范文1.一致性:用户界面应该保持一致性,使得用户可以轻松地学习和使用系统。
这包括在整个系统中使用相似的布局、颜色、字体和图标等元素。
2.可视化:用户界面应该具有良好的可视化效果,以提高用户的注意力和吸引力。
这包括适当的色彩搭配、清晰的图标和按钮设计。
3.响应式设计:用户界面应该能够适应不同的屏幕尺寸和设备,以提供一致的用户体验。
这包括使用响应式布局和设计元素,以确保用户界面在不同设备上的呈现和交互性。
4.易用性:用户界面应该易于学习和使用。
这包括简化操作步骤、提供明确的导航路径和反馈等。
5.可访问性:用户界面应该能够满足不同用户的需求,包括视力或听力障碍的用户。
这包括使用可访问的颜色和字体、提供音频描述和键盘操作支持等。
7.错误处理:用户界面应该能够及时捕捉和处理错误,以提供良好的用户体验。
这包括提供明确的错误信息、建议和解决方案等。
8.反馈机制:用户界面应该能够及时地提供反馈信息,以帮助用户理解其操作的结果。
这包括适当的动画和过渡效果、进度条和成功/失败提示等。
9.记忆性:用户界面应该帮助用户记住其行为和选择,以提供更流畅的使用体验。
这包括保存用户的偏好设置和历史记录等。
10.简洁性:用户界面应该简洁明了,避免过多的内容和复杂的操作。
这包括使用合适的字体和颜色、简化信息的展示和排版等。
以上是一些常见的UI设计规范,每个项目和产品都会有其特定的规范和需求。
UI设计师应该根据具体情况和用户需求来制定相应的设计规范,以提供最佳的用户体验。
UI设计规范范文

UI设计规范范文以下是一些常见的UI设计规范:1.一致性:保持用户界面的一致性非常重要。
在整个应用程序或网站中使用相同的颜色、字体、图标和布局,可以帮助用户快速熟悉和识别不同部分之间的关系。
另外,保持一致的交互模式和行为,例如按钮的位置和样式,可以减少用户的认知负担。
3.可访问性:UI设计应该考虑到不同用户的需求,包括残障人士。
为色盲和弱视用户提供高对比度的颜色和清晰的文本,以及可放大/缩小的界面元素。
同时,提供明确的指示和辅助功能,例如语音输入和屏幕阅读器支持,可以增加可访问性。
4.响应式设计:UI设计应该适应不同的屏幕尺寸和设备,包括桌面、平板和移动设备。
响应式设计可以确保用户在不同设备上获得一致的体验,并能够轻松地浏览和操作界面。
5.导航和布局:良好的导航和布局可以帮助用户快速找到所需的信息和功能。
使用清晰的导航菜单和链接,以及信息的有序排布,能够提高用户的浏览效率。
另外,将重要的信息和功能放置在易于访问的位置,例如页面的顶部或侧边栏,可以提升用户的效率和满意度。
6.错误处理:当用户发生错误或遇到问题时,UI设计应该提供清晰的反馈和解决方案。
例如,在表单提交时,显示明确的错误提示和建议。
避免使用过于晦涩难懂的错误信息,而应该提供简洁和有帮助的反馈。
7.注意视觉层次:通过使用颜色、大小和形状等视觉元素,将界面元素分组和组织起来。
视觉层次清晰的设计可以帮助用户理解信息的重要性和层次关系。
8.考虑用户反馈:UI设计应该提供渠道,让用户可以轻松地提供反馈和意见。
这样可以帮助设计师和开发者了解用户的需求和问题,以及进行进一步的改进和优化。
总之,UI设计规范是确保用户界面的一致性、易用性和可访问性的重要工具。
遵循UI设计规范可以提高用户的满意度和体验,并帮助设计师和开发者更高效地工作。
ui设计规范文档

ui设计规范文档UI设计规范文档是指为了保证产品的一致性和用户体验,团队内每个成员在UI设计方面遵循的一些规范和标准。
下面是一个约1000字的UI设计规范文档范例:一、概述UI设计规范文档旨在确保产品的一致性和用户体验,提供UI设计的标准和准则,以便团队成员在工作中保持一致的风格和设计原则。
本文档适用于所有UI设计项目。
二、设计原则1. 一致性:保持设计元素的一致性,包括字体、颜色、图标等。
2. 简洁性:保持界面简洁清晰,避免过多的元素和功能的堆砌。
3. 可用性:以用户为中心,提供良好的用户体验,设计易于理解和操作的界面。
4. 可访问性:考虑到不同用户的需求,确保界面能够轻松访问和使用。
5. 可拓展性:考虑到产品的可扩展性,设计应具备一定的灵活性和可定制性。
三、界面设计1. 布局:以流程和功能为导向,设计清晰的布局,确保界面元素有良好的组织和结构。
2. 导航:提供易于理解和使用的导航结构,如面包屑导航、菜单栏等。
3. 字体:选择适合的字体,确保字体清晰可读。
4. 颜色:使用相近色调和搭配,避免过多颜色和对比度过高的组合。
5. 图标:使用统一的图标库,确保图标的一致性和易于理解。
四、交互设计1. 反馈:提供即时反馈,确保用户知道他们的操作是否成功。
2. 易学性:使用熟悉的界面和操作方式,降低用户的学习成本。
3. 引导:在需要的地方提供提示和引导,帮助用户理解和使用界面。
4. 限制:限制用户的选择和操作,避免用户迷失在过多的选项中。
5. 响应性:设计界面能够快速响应用户的操作和指令。
五、交付物规范1. 设计稿:提供完整的设计稿,包括界面布局、颜色搭配、字体样式等。
2. 图标库:提供设计所使用的图标库,确保图标的一致性和可复用性。
3. 图片和素材:提供所使用的图片和素材,确保版权和质量的合规性。
4. 样式指南:提供样式指南,明确界面元素的大小、间距、边框等。
5. 配色指南:提供配色指南,明确颜色的使用和搭配规则。
UI界面设计规范

UI 设计(流程/界面)规范一:UI 设计基本概念与流程1.1 目的规范公司UI 设计流程,使UI 设计师参与到产品设计整个环节中来,对产品的易用性进行全流程负责,使UI 设计的流程规范化,保证UI 设计流程的可操作性。
1.2 范围l 界面设计l 此文档用于界面设计, 本文档的读者对象是项目管理人员、售前服务人员、UI 界面设计人员、界面评审人员和配置测试人员。
1.3 概述UI 设计包括交互设计,用户研究,与界面设计三个部分。
基于这三部分的UI 设计流程是从一个产品立项开始,UI 设计师就应根据流程规范,参与需求阶段、分析设计阶段、调研验证阶段、方案改进阶段、用户验证反馈阶段等环节,履行相应的岗位职责。
UI 设计师应全面负责产品以用户体验为中心的UI 设计,并根据客户(市场)要求不断提升产品可用性。
本规范明确规定了UI 设计在各个环节的职责和要求,以保证每个环节的工作质量。
1.4 基本介绍A、需求阶段软件产品依然属于工业产品的范畴。
依然离不开3W 的考虑(Who,where,why. )也就是使用者,使用环境,使用方式的需求分析。
所以在设计一个软件产品之前我们应该明确什么人用(用户的年龄,性别,爱好,收入,教育程度等)。
什么地方用(在办公室/ 家庭/ 厂房车间/ 公共场所)。
如何用(鼠标键盘/遥控器/触摸屏)。
上面的任何一个元素改变结果都会有相应的改变。
除此之外在需求阶段同类竞争产品也是我们必须了解的。
同类产品比我们提前问世,我们要比他作的更好才有存在的价值。
那么单纯的从界面美学考虑说哪个好哪个不好是没有一个很客观的评价标准的。
我们只能说哪个更合适,更合适于我们的最终用户的就是最好的。
B、分析设计阶段通过分析上面的需求,我们进入设计阶段。
也就是方案形成阶段。
我们设计出几套不同风格的界面用于被选。
C、调研验证阶段几套风格必须保证在同等的设计制作水平上,不能明显看出差异,这样才能得到用户客观真实的反馈。
UI设计规范文档

UI设计规范文档1. 概述本文档旨在为UI设计人员提供一套设计规范和指南,以确保设计的一致性和优质性。
良好的UI设计能够提升用户体验并增加产品的吸引力。
本文档将介绍如何创建一致的UI元素、按钮、颜色和排版等设计元素。
2. 设计原则2.1 简洁性简洁的设计能够减少用户的认知负担,并提供更好的用户体验。
避免过多的装饰和复杂的元素,保持界面的简洁和直观。
2.2 一致性保持一致性是一个良好UI设计的关键。
在整个产品中,保持相似的颜色、字体、按钮和元素样式,使得用户可以更容易地理解和使用产品。
2.3 可用性UI设计需要考虑用户的需求和行为习惯。
提供清晰的导航和可点击的元素,确保用户能够轻松地完成任务并找到所需的信息。
2.4 可访问性UI设计应该考虑到不同用户的特殊需求。
使用易于阅读的字体和明确的对比度,提供辅助功能以帮助有视力或听力障碍的用户。
3. 设计元素3.1 标题•标题应使用较大的字体,并使用粗体以突出重点。
•标题应与正文有明显的区分,比如使用不同的字体、颜色或背景色。
3.2 按钮•按钮应具有明确的边界和点击效果。
•使用相似的样式和颜色来表示相关的操作或功能。
•避免使用过多的按钮,保持界面简洁。
3.3 图标•图标应该具有较好的可辨识度,并与所代表的操作或功能相关联。
•使用简洁的线条和清晰的形状,避免过于复杂或模糊的图标。
3.4 颜色•使用品牌颜色作为主体颜色,并在整个产品中保持一致。
•使用明亮和饱和的颜色来吸引用户的注意力,但不要过于刺眼。
•使用不同的颜色来表示不同的操作或状态。
3.5 排版•使用清晰易读的字体。
•保持一致的字体大小和行距,以增加可读性。
•使用段落、标题和列表等排版元素来分隔和组织内容。
4. 布局4.1 网格布局•使用网格布局来保持页面的整齐和一致性。
•在设计过程中,考虑到页面的响应式设计,以适应不同屏幕尺寸的设备。
4.2 内边距和外边距•使用适当的内边距和外边距来分隔和组织页面的内容。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
阿里巴巴 ui 设计规范篇一:ui 设计规范命名规则模块_类别_功能_状态.pngnav_button_search_导航_ 按钮_搜索_默认.pngsearch 搜索bg 背景 selected 按钮状态(选中)button 按钮nav 导航栏disabled 按钮状态(不可点击)tab 菜单栏icon 图标 default 按钮状态(默认)bg 背景personal tada 个人资料presses 按钮状态(按下)user 用户pop 弹出back 返回refresh 刷新delete 删除eidt 编辑image 图片 download 下载content 内容banner 广告 login 登陆left right center 左右中registered 注册title 标题msg 提示信息link 链接note 注释logo 标志icon 制作:iOS120px:Icon_120@80px: Icon_small_40@58px: Icon_small@114px: Icon@Android:36*36px:drawable-ldpi48*48px:drawable-mdpi 72*72px:drawable-hdpi 96*96px:drawable-xhdpiAndroid 安卓系统 dp/sp/px 换算名称分辨率比率rate(320px)比率rate(640px)idpi 240*320mdpi 320*480 1hdpi 480*800xhdpi 720*800xxhdpi1080*1920Android 的图标尺寸屏幕尺寸启动图标操作栏上下文320*480px 48*48px 32*32px 16*16px480*800px480*854px 72*72px 48*48px 24*24px640*960px720*1280px 48*48dp 32*32dp 16*16dp1080*1920 144*144px 96*96px 48*48px比率rate(750px)系统通知最细笔画24*24px 2px 36*36px 3px 24*24dp 2dp 72*72px 6px iPhone 图标尺寸设备 AppStore 程序应用状态栏 spotlight 搜索标签栏(工具栏)导航栏6p 1024*1024px180*180 54px 87*87 146(66)132(160px)(物理 60px)6 1024*1024px120*120 54px 58*58 98 (44)985 1024*1024px114*114 40px 58*58 98 (44) 984 1024*1024px114*114 40px 58*58 98 (44)983 515*512px 57*5720px 29*29 49 (44)44 (80px)点击区域点击区域大于 44pxretain 屏幕大于 88px字体大小上的英文字体:HeiveticaNeue 中文:mac 下是黑体-简win 下华文黑体Ios 长文本(可接受)26px(见小值)30px(舒适值)32px~34px 双数短文本(可接受)28px(见小值)30px(舒适值)32px注释(可接受)24px(见小值)24px(舒适值)28px手机上的字体:Droid sans fallbackAndroid 高分辨率长文本(可接受)21px(见小值)24px(舒适值)27px(480*800)短文本(可接受)21px(见小值)24px(舒适值)27px注释(可接受)18px(见小值)18px(舒适值)21pxAndroid 低分辨率长文本(可接受)14px(见小值)16px(舒适值)18~20px(320*480)短文本(可接受)14px(见小值)14px(舒适值)18px注释(可接受)12px(见小值)12px(舒适值)14~16px篇二:UI 设计规范界面是软件与用户交互的最直接的层,界面的好坏决定用户对软件的第一印象。
而且设计良好的界面能够引导用户自己完成相应的操作,起到向导的作用。
同时界面如同人的面孔,具有吸引用户的直接优势。
设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉,相反由于界面设计的失败,让用户有挫败感,再实用强大的功能都可能在用户的畏惧与放弃中付诸东流。
目前界面的设计引起软件设计人员的重视的程度还远远不够,直到最近网页制作的兴起,才受到专家的青睐。
而且设计良好的界面由于需要具有艺术美的天赋而遭拒绝。
目前流行的界面风格有三种方式:多窗体、单窗体以及资源管理器风格,无论那种风格,以下规则是应该被重视的。
1:易用性:按钮名称应该易懂,用词准确,屏弃没楞两可的字眼,要与同一界面上的按钮易于区分,能望文知意最好。
理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。
易用性细则:1):完成相同或相近功能的按钮用 Frame 框起来,常用按钮要支持快捷方式。
2):完成同一功能或任务的元素放在集中位置,减少鼠标移动的距离。
3):按功能将界面划分局域块,用 Frame 框括起来,并要有功能说明或标题。
4):界面要支持键盘自动浏览按钮功能,即按 Tab 键的自动切换功能。
5):界面上首先应输入的和重要信息的控件在 Tab 顺序中应当靠前,位置也应放在窗口上较醒目的位置。
6):同一界面上的控件数最好不要超过 10 个,多于 10 个时可以考虑使用分页界面显示。
7):分页界面要支持在页面间的快捷切换,常用组合快捷键 Ctrl+Tab8):默认按钮要支持 Enter 及选操作,即按 Enter 后自动执行默认按钮对应操作。
9):可写控件检测到非法输入后应给出说明并能自动获得焦点。
10):Tab 键的顺序与控件排列顺序要一直,目前流行总体从上到下,同时行间从左到右的方式。
11):复选框和选项框按选择几率的高底而先后排列。
12):复选框和选项框要有默认选项,并支持 Tab 选择。
13):选项数相同时多用选项框而不用下拉列表框。
14):界面空间较小时使用下拉框而不用选项框。
15):选项数叫少时使用选项框,相反使用下拉列表框。
16):专业性强的软件要使用相关的专业术语,通用性界面则提倡使用通用性词眼。
2:规范性:通常界面设计都按 Windows 界面的规范来设计,即包含“菜单条、工具栏、工具厢、状态栏、滚动条、右键快捷菜单”的标准格式,可以说:界面遵循规范化的程度越高,则易用性相应的就越好。
小型软件一般不提供工具厢。
规范性细则:1):常用菜单要有命令快捷方式。
2):完成相同或相近功能的菜单用横线隔开放在同一位置。
3):菜单前的图标能直观的代表要完成的操作。
4):菜单深度一般要求最多控制在三层以内。
5):工具栏要求可以根据用户的要求自己选择定制。
6):相同或相近功能的工具栏放在一起。
7):工具栏中的每一个按钮要有及时提示信息。
8):一条工具栏的长度最长不能超出屏幕宽度。
9): 工具栏的图标能直观的代表要完成的操作。
10):系统常用的工具栏设置默认放置位置。
11):工具栏太多时可以考虑使用工具厢。
12):工具厢要具有可增减性,由用户自己根据需求定制。
13):工具厢的默认总宽度不要超过屏幕宽度的 1/5。
14): 状态条要能显示用户切实需要的信息,常用的有:目前的操作、系统状态、用户位置、用户信息、提示信息、错误信息等,如果某一操作需要的时间较长,还应该显示进度条和进程提示。
15):滚动条的长度要根据显示信息的长度或宽度能及时变换,以利于用户了解显示信息的位置和百分比。
16):状态条的高度以放置五好字为宜,滚动条的宽度比状态条的略窄。
17):菜单和工具条要有清楚的界限;菜单要求凸出显示,这样在移走工具条时仍有立体感。
18):菜单和状态条中通常使用 5 号字体。
工具条一般比菜单要宽,但不要宽的太多,否则看起来很不协调。
19):右键快捷菜单采用与菜单相同的准则。
3:帮助设施:系统应该提供详尽而可靠的帮助文档,在用户使用产生迷惑时可以自己寻求解决方法。
帮助设施细则:1):帮助文档中的性能介绍与说明要与系统性能配套一致。
(我们的系统帮助文档都是系统的祖先时期的说明,让人困惑)。
2):打包新系统时,对作了修改的地方在帮助文档中要做相应的修改。
3):操作时要提供及时调用系统帮助的功能。
常用F1。
4):在界面上调用帮助时应该能够及时定位到与该操作相对的帮助位置。
也就是说帮助要有即时针对性。
5):最好提供目前流行的联机帮助格式或 HTML 帮助格式。
6):用户可以用关键词在帮助索引中搜索所要的帮助,当然也应该提供帮助主题词。
7):如果没有提供书面的帮助文档的话,最好有打印帮助的功能。
8 ):在帮助中应该提供我们的技术支持方式,一旦用户难以自己解决可以方便的寻求新的帮助方式。
4:合理性:屏幕对角线相交的位置是用户直视的地方,正上方四分之一处为易吸引用户注意力的位置,在放置窗体时要注意利用这两个位置。
合理性细则:1):父窗体或主窗体的中心位置应该在对角线焦点附近。
2):子窗体位置应该在主窗体的左上角或正中。
3):多个子窗体弹出时应该依次向右下方偏移,以显示窗体出标题为宜。
4):重要的命令按钮与使用较频繁的按钮要放在界面上注目的位置。
5):错误使用容易引起界面退出或关闭的按钮不应该放在易点位置。
横排开头或最后与竖排最后为易点位置。
6):与正在进行的操作无关的按钮应该加以屏蔽(Windows 中用灰色显示,没法使用该按钮)。
7):对可能造成数据无法恢复的操作必须提供确认信息,给用户放弃选择的机会。
8):非法的输入或操作应有足够的提示说明。
9): 对运行过程中出现问题而引起错误的地方要有提示,让用户明白错误出处,避免形成无限期的等待。
10):提示、警告、或错误说明应该清楚、明了、恰当。
5:美观与协调性:界面应该大小适合美学观点,感觉协调舒适,能在有效的范围内吸引用户的注意力。
美观与协调性细则:1): 长宽接近黄金点比例,切忌长宽比例失调、或宽度超过长度。
2): 布局要合理,不宜过于密集,也不能过于空旷,合理的利用空间。
3): 按钮大小基本相近,忌用太长的名称,免得占用过多的界面位置。
4): 按钮的大小要与界面的大小和空间要协调。
5): 避免空旷的界面上放置很大的按钮。
6):放置完控件后界面不应有很大的空缺位置。
7): 字体的大小要与界面的大小比例协调, 通常使用。