通用界面指南

一：按照普遍的规则，树立规范并按照 不管是控件运用，提醒消息谈话，仍旧脸色、窗口构造作风，按照一致的规范，做到真实的普遍。 如许获得的长处： 1：运用户运用起来不妨创造起透彻的内心模子，运用流利了一个界面后，切换到其余一个界面不妨很轻快的估计出百般功效，语句领会也不须要费心领会 2：贬低培养和训练、扶助本钱，扶助职员不会行劳累逐一引导。 3：给用户一致发觉，不感触凌乱，情绪欣喜，扶助度减少 做法： 名目组有体味人士，树立ui典型： 美术工作供给色彩配饰计划，供给完全配饰表 界面遏制步调职员、用户领会职员提出有理一致运用的控件库。参考规范界面运用典型： 控件功效按照行业规范，windows平台拜见《microsoft 用户领会》(msdn中有，华文仍旧翻译刊行，名目组必需有一本) 控件款式在承诺的范畴内不妨一致窜改其款式、色彩 参考其余软硬件进步操纵，索取对本名目有效的功效，以运用，一致不许服从，漫无手段。 按照须要，安排特出操纵控件，规则为：简化操纵、到达确定功效手段 界面实行职员与美术工作计划控件可实行性,(如不举行此办法，将会引导各自对对方处事不合意，也会爆发不普遍的凌乱)。反复叠代上述处事。 创造合生化文书档案《ui规范》刻画上述典型， 强行界面安排者领会之，并动作开拓规则， sqa职员举行监察和控制开拓职员能否按照，准时警告开拓职员。 二：(color)脸色运用适合，按照比较规则： 1：一致色彩，对准软硬件典型以及用户处事情况采用适合色彩： 如：安定软硬件，按照产业规范，不妨采用黄色，绿色展现环境保护，蓝色展现时髦、紫色展现放荡之类，素色不妨使人安宁，暗色做后台使人不感触累等 2：即使没有本人的系列界面，沿用规范界面则不妨少商量此上面，做到与操纵系十足一，读取体例规范色表 3：色盲、色弱用户，纵然运用了特出脸色表白中心大概更加的货色，也该当运用特出引导符，如"!"，"?"提防号，以及图标等 4：脸色计划也须要尝试，往往因为表露器、显卡的题目，颜色展现每台呆板都不一律，该当过程庄重尝试，各别呆板举行脸色尝试 5：按照比较规则：在淡色后台上运用深色笔墨，深色后台上运用淡色笔墨，蓝色笔墨以白色后台简单辨别，而在赤色后台则不易辨别，因为是赤色和蓝色没有充满反差，而蓝色和白色反差很大。只有特出场所，根绝运用比较激烈，让人爆发愤恨感的脸色。 6：所有界面颜色尽管少的运用类型各别的脸色 itop色表 简直规范参考美术学统计学术规范。 色表的树立，对于美术工作在图案安排、包装安排上起着规范参考效率，对于步调界面安排职员安排控件、窗体调色起到有章可循的效率。 三：(resource)资源 一个多姿多彩的人机交互界面，少不了精致的鼠标光标、图标以及引导图片、底图等。 1：也须要按照一致的准则，囊括上述脸色表的创造，图目标创造办法也该当尽大概的产生规范，参考itop的outlookbar图标安排规范 2：有规范的图标作风安排，有一致的构图构造，有一致的色彩、比较度、色阶，以及图片作风 3：底图该当融于底图，运用淡色, 低比较，尽管少的运用脸色。 4：图标、图像该当很明显的表白出道理，按照常用规范，大概用户呆板简单设想的到物件，一致不承诺画出默许怪僻的图案。 5：鼠标光标款式一致，尽管运用体例规范，根绝展示反复的情景，比方某些软硬件中一个手的形势就有4钟各别的格式。 如：《怎样创造xp图标》http://www.microsoft.com/china/msdn.../winxpicons.asp 附属类小部件：itop outlook howto.doc 刻画itop名目中，outlookxp作风图目标创造本领 四：(font)字体 运用一致字体，字体规范的采用按照操纵体例典型确定。 中文华用规范字体，“宋体”，英文华用规范 microsoft sans serif 不商量特出字体(隶字、草体等,特出情景不妨运用图片代替),保护每个用户运用起来表露都很平常。 字体巨细按照体例规范字体来，比方 mss字体8磅，宋体的小五号字(9磅)五号字（10.5磅）。 一切控件尽管运用巨细一致的字体属性，除去特出提醒消息、巩固表露等不同情景 itop沿用bcb，一切控件默许运用 parent font，不承诺窜改，如许利于于一致安排。 体例巨细字体属性变换的处置。 windows体例有个桌面树立，树立大字体属性，很多界面安排者往往为这个恼火，即使安排时按照微软的规范，十足运用对立巨细动作控件的巨细树立，当切换巨细字体的功夫，对立不会有什么特出题目。 然而因为往往简单运用布点动作窗口安排单元，引导变换大字体后，展示版面凌乱的题目。 这个情景下，该当做相映处置： 1：写步调机动安排巨细，布点值乘以一个相映比率 2：十足沿用布点动作单元，不领会体例字体的安排，如许不妨缩小安排大字体带来的烦恼。bcb/delphi中多沿用这种本领，然而必定截止是和体例不一致。 五：(text)笔墨表白 提醒消息、扶助文书档案笔墨表白按照以次规则： 1：书面语化、谦和、多用您、请，不要用或少用专科术语，根绝错白字 2：断句逗点逗号顿号分号的用法，\r\n 提醒消息比拟多的话，该当分段， 3：劝告、消息、缺点 运用对应的表白本领 4：运用一致的谈话刻画，比方一个封闭功效按钮，不妨刻画为退出、归来、封闭，则该当一致规则。 5: 按照用户各别沿用相映的用语口气语调，如专用软硬件，不妨展示很多专科属于，用户为童子：这不妨口气关心慈祥，暮年用户则该当老练庄重。拟订规范按照之。 六：(style)控件作风，不要运用缺点控件，控件功效要潜心 有安排好的同一作风的控件，即使没有本领安排出一套控件，则运用规范控件，一致不许不三不四，参差不齐 不要缺点运用控件，比方： 运用button款式做ttable的功效，拿主菜单条表露版权消息， 一致典型的控件操纵办法沟通，比方一个控件双击不妨实行某些举措，而同样控件，双击却没有任何反应 一个控件只做简单功效，不复用 很多报酬了写步调简单，爱好把一个控件在各别情景下做各别功效用，那些对用户首次领会减少难度，只有效户熟习后本领领会。 比方 变换赤色选项，左边的参数代办各别的树立，大概因为为了俭朴控件大概编制程序量，然而惟有流利用户才回运用，这种情景下处置本领： 1:分批，运用双份控件. 2：运用table页，给用户很鲜明的视觉变革 七：(align)控件构造，窗口不拥堵，按功效拉拢控件， 1：屏幕不许拥堵 拥堵的屏幕让人难以领会，所以难以运用。考查截止(mayhew,1992年)屏幕总体掩盖度不该当胜过40％，而分批钟掩盖度不该当胜过62％。 让人看上去，不许太拥堵，也不许太涣散。 所有名目，沿用一致的控件间距，经过安排窗体巨细到达普遍，纵然在窗体巨细静止的情景下，宁肯留空局部地区，也不要妨害控件间的行间距。 2：地区陈设 一条龙控件，纵向中对齐, 控件间距基础维持普遍 行与行之间间距沟通，靠窗体border隔绝应大于行间间距(间距加边际留空)。 当屏幕有多个编纂地区，要以视觉功效和功效来构造那些地区。 3：数据对齐要符合 证明笔墨，华文版应运用华文全角冒号，纵向对齐时，并按冒号右对其，如图。 纵向控件宽窄尽管维持沟通。并左对齐。 比方金额等字符穿应按照少量点对齐，大概右对齐 4：灵验拉拢 论理上关系联的控件该当加以拉拢，以表白其关系性，反之，任何不想光的名目该当作风开，在名目汇合间，用间隙对其举行分批，大概运用方框分别各自地区。 比方： 以次界面，采用探求办法来确定号子范畴是表白主叫号子范畴仍旧被叫号子范畴，和入帐办法无干， 则该当窜改为： 探求办法和入帐办法变换场所。免得用户爆发曲解。 5：窗口缩放时，控件场所、构造： 为了使界面不展示跑版大概丑陋的场合，处置本领： 1：恒定窗口巨细，不承诺变换尺寸， 2：变换尺寸的窗口，在onsize的功夫做控件场所、巨细的相映变换。 bcb/delphi的vcl中，大局部控件有构造属性： 某些控件具有alignment属性，不妨用来做构造安排：tcustompanel，tmemo等，考左靠右靠上靠下以及撑满(client)属性，用来按照版面机动安排。 大局部控件有属性anchors，内里左右安排akleft, aktop等即使为true，则表白对立各个边际的隔绝能否变换。这个不妨进一步安排好排版处事。 八：(tab order)tab程序 风气用法，观赏程序，从从左到右，从上到下 窗体中央控制件的tab按键激活程序，taborder,. bcb/delphi中运用窗体安排右键菜单采用taborder树立，vc中窗体res编纂地区运用ctrl+d 九：(shortcutkey & accelerator& popmenu)赶快键、加快键和弹出菜单 赶快键： 1：全部赶快键菜单中加以刻画 ctrl+xxx 并入扶助列表。 2：赶快键写入扶助，特出证明，并在运用培养和训练时夸大运用 加快键： 1：运用非妨害性缺省按钮，回车、esc键的精确运用 一个窗体，有默许加快键，如回车表白激活暂时窗口树立为default的按钮举措，esc表白封闭窗口。 在挪用default按钮举措和封闭举措功夫，不该当做有妨害性的操纵，制止用户缺点操纵爆发妨害水平，比方不许把简略数据等功效的按钮动作缺省按钮。当用户要提交很普遍据时，该当樊篱esc，大概做退出提醒，警告用户能否生存提交。 2：可接受举措控件必需具有加快键，一致加快键刻画(&a) 为贯串键盘运用，可操纵控件都该当有加快键，加快键设置规则，为英文单词第一个假名，即使同一窗体反复则用第二个假名，以该类推，则加快办法为alt+这个加快键，用一致的本领标识在界面中，如xxx(a) 大概wps的 a.xxx 英文可径直在假名下标识下划线 cancel， 对于没辙像button一律表露赶快键的edit等控件，则在edit刻画的label中表露赶快键。 弹出菜单 扶助菜单必需在可视化界面上具有对应的按钮大概菜单选项。 因为扶助菜单由用户点击鼠标安排键大概其余举措本领调出来表露给用户。没辙明显的表露给用户，以是对应选项该当不妨经过其余道路获得,比方界面上有相映控件或弹出右键菜单的按钮等。 十：(action)用户交互 1：disable而不是not visible 要使一个功效偶尔承诺偶尔不承诺用户运用，则这个控件的不许随意湮没，该当运用disable属性举行表白，免得用户创造控件消失后措手无策 2：窗口弹出场所要鲜明 点击一个控件，弹出窗口大概菜单，该当给人鲜明提醒，最低诉求是掩盖方才点击的场所，让用户轻快跳转到新的界面。 3：执动作作要提醒 给用户一个视觉体验的同声，写步调的功夫该当提防用户的交互体验，ui动作人机对话的东西，用户做了任何举措，该当给用户一个视觉大概视觉、触觉提醒。并且这个提醒该当行鲜明，但不应提醒过长，不妨有以次几种本领： 当用户点击按钮等举措举行一个处事时： 1：弹出交互对话框让用户点击确认。 2：变换ui中央控制件参数提醒：(处置不必用户确认的提醒，有确定延时，大概用户按键后机动废除。) 如：变换题目栏字符串，表露“消息：提交胜利”,大概特意树立一个状况栏、tlable等用来举行提醒。 3：视觉提醒： 在决定有声卡，用户不妨听到声响的功夫，发出特出声响提醒。普遍动作要害提醒的扶助。声响不应过长，重要缺点提醒该当急促，频次较高，胜利提醒该当缓慢，轻快。之类…… 十一：(help)联机扶助： 什么功夫要扶助，什么功夫不要扶助 1：体例默许、行业规范的控件操纵不须要逐个刻画，只须要对特出控件加以刻画 2：特出操纵、特出功效界面，在界面上加控件径直贯穿到对应的help文献中 3：特出树立精细，该当在界面上用简略领会的语句证明，大概是好用tiptool，并由第二步扶助 扶助文书档案： 构造化，按功效模块分别 必需阐明功效经过什么本领不妨在软硬件中实行 扶助文献是扶助用户更好的运用软硬件，谈话要适合、简略、肤浅易懂,每一句话都该当有手段，帮用户处置题目 扶助文献不是告白、贸易软硬件不承诺打告白。刻画公司消息手段是为了简单用户在没有方法的情景下找到售后扶助，网址贯穿、邮箱地方、电话号子一致不承诺失效。 十二：刊行时证明准则 对一致的货色举行逐个阐明，并加以典范刻画，放入help和用户画册中，同声加有语汇表 附录： 美术工作何时介入进入： 美术工作动作界面粉饰的重要职员，不只具有艺术安排、包装安排的本领，还该当交叉所有名目，给界面步调安排职员提出体例参考看法。 1：软硬件安排前期，美术工作介入需要领会，领会同类软硬件界面有缺陷，提出主色彩、典范界面作风、以及构想所有美术包装等。 2：界面原形安排进程中，与开拓职员共通窜改、计划最后展现款式，以及树立ui规范。 3：步调开拓进程中，供给规范作风的资源文献（icon,cur,bmp等），并归纳出一致作风的资源的安排进程，产生典型文书档案* . 4：产物化上面，扶助创造扶助文献、网站作风以及介入创造，创造附带传播图片、动画、产物包装、海报等。