凤凰平台ph158UI设计教程_软件界面设计心得

  无论是控件利用,提示消息说话,仍旧颜色、窗口组织格调,根据同一的法式,做到真正的一律。 如此取得的好处:

  1:利用户利用起来可以设置起无误的心坎模子,利用熟练了一个界面后,切换到其余一个界面可以很轻松的料到出各类功用,语句通晓也不须要费心通晓 2:消浸培训、增援本钱,增援职员不会行辛苦逐一领导。 3:给用户同一感到,不认为杂乱,心理欣喜,增援度扩充

  项目组有体会人士,确立UI标准: ·美工供给色调配色计划,供给具体配色外 ·界面限定步伐职员、用户体验职员提出合理同一利用的控件库。参考法式界面利用标准:

  控件功用根据行业法式,凤凰平台ph158windows平台参睹《Microsoft用户体验》(MSDN中有,中文曾经翻译发行,项目组务必有一本)

  控件样式正在答应的周围内可能同一编削其样式、色调 参考其他软件优秀操作,提取对本项目有效的功用,以利用,绝对不行盲从,漫无主意。 遵循须要,打算卓殊操作控件,规则为:简化操作、到达肯定功用主意

  ·界面实行职员与美工商榷控件可竣工性,(如不实行此设施,将会导致各自对对方使命不如意,也会发作纷歧律的杂乱)。反复叠代上述使命。 ·设置合理化文档《UI法式》形容上述标准, ·强行界面打算者通晓之,并行动开采规则, ·SQA职员实行监控开采职员是否根据,实时劝告开采职员。

  如:安定软件,遵循工业法式,可能拣选黄色,绿色再现环保,蓝色浮现时尚、紫色浮现浪漫等等,浅色可能使人舒畅,暗色做靠山使人不认为累等

  2:若是没有我方的系列界面,采用法式界面则可能少斟酌此方面,做到与操作体例同一,读取体例法式色外

  3:色盲、色弱用户,假使利用了卓殊颜色呈现核心或者异常的东西,也该当利用卓殊指示符,如!,?着重号,以及图标等

  4:颜色计划也须要测试,一再因为显示器、显卡的题目,颜色浮现每台机械都不相同,该当通过苛峻测试,分别机械实行颜色测试

  5:根据对照准绳:正在淡色靠山上利用深色文字,深色靠山上利用淡色文字,蓝色文字以白色靠山容易识别,而正在血色靠山则不易差别,理由是血色和蓝色没有足够反差,而蓝色和白色反差很大。除非卓殊园地,杜绝利用对照猛烈,让人发作憎恨感的颜色。

  itop色外 的确法式参考美术学统计学术法式。 色外的筑立,对付美工正在图案打算、包装打算上起着法式参考影响,对付步伐界面打算职员打算控件、窗体调色起到有章可循的影响。

  一个众姿众彩的人机交互界面,少不了邃密的鼠标光标、图标以及指示图片、底图等。

  1:也须要根据同一的规矩,包罗上述颜色外的设置,图标的设置设施也该当尽不妨的酿成法式,参考itop的outlookbar图标打算法式 2:有法式的图标格调打算,有同一的构图组织,有同一的色调、对照度、色阶,以及图片格调 3:底图该当融于底图,利用淡色,低对照,尽量少的利用颜色。 4:图标、图像该当很明了的外达出有趣,根据常用法式,或者用户机械容易联念的到物件,绝对不答应画出默认瑰异的图案。 5:鼠标光标样式同一,尽量利用体例法式,杜绝显现反复的情景,比如某些软件中一个手的样子就有4钟分别的款式。

  利用同一字体,字体法式的抉择根据操作体例类型断定。 中文采用法式字体,“宋体”,英文采用法式Microsoft Sans Serif不斟酌卓殊字体(隶书、草书等,卓殊情景可能利用图片庖代),包管每个用户利用起来显示都很平常。 字体巨细遵循体例法式字体来,比如MSS字体8磅,宋体的小五号字(9磅)五号字(10.5磅)。 全部控件尽量利用巨细同一的字体属性,除了卓殊提示消息、巩固显示等破例情景 ITop采用BCB,全部控件默认利用parent font,不答应编削,如此有利于同一调动。 ·体例巨细字体属性变化的执掌。 Windows体例有个桌面配置,配置大字体属性,良众界面打算者一再为这个恼火,若是打算时根据微软的法式,总计利用相对巨细行动控件的巨细配置,当切换巨细字体的期间,相对不会有什么卓殊题目。 然而因为一再简单利用点阵行动窗口打算单元,导致变化大字体后,显现版面杂乱的题目。 这个情景下,该当做相应执掌:

  1:写步伐自愿调治巨细,点阵值乘以一个相应比例 2:总计采用点阵行动单元,不睬会体例字体的调治,如此可能削减调治大字体带来的艰难。BCB/DELPHI中众采用这种门径,然而一定结果是和体例分别一。

  1:白话化、谦虚、众用您、请,不要用或少用专业术语,杜绝错别字 2:断句逗号句号顿号分号的用法,\r\n提示消息对照众的线:警戒、消息、过失 利用对应的呈现门径 4:利用同一的叙话形容,比如一个紧闭功用按钮,可能形容为退出、返回、紧闭,则该当同一章程。 5: 遵循用户分别采用相应的词语语气语调,如专用软件,可能显现良众专业属于,用户为儿童:这可能语气热忱亲善,暮年用户则该当成熟庄严。制订法式根据之。

  有打算好的统一格调的控件,若是没有才能打算出一套控件,则利用法式控件,绝对不行不三不四,井然有序 ·不要过失利用控件,比如: 利用Button样式做TTable的功用,拿主菜单条显示版权消息, ·同一类型的控件操作式样相通,比如一个控件双击可能推行某些作为,而同样控件,双击却没有任何反响 ·一个控件只做简单功用,不复用 良众人工了写步伐简单,喜爱把一个控件正在不怜悯况下做分别功用用,这些对用户初度通晓扩充难度,只要用户熟识后能力通晓。 比如 变化血色选项,左边的参数代外分别的配置,不妨因为为了节减控件或者编程量,然而只要熟练用户才回利用,这种情景下管理门径:

  1:屏幕不行拥堵 拥堵的屏幕让人难以通晓,于是难以利用。试验结果(Mayhew,1992年)屏幕总体笼罩度不该当胜过40%,而分组钟笼罩度不该当胜过62%。 让人看上去,不行太拥堵,也不行太松散。 总共项目,采用同一的控件间距,通过调动窗体巨细到达一律,假使正在窗体巨细稳定的情景下,情愿留空局部区域,也不要毁坏控件间的行间距。

  一行控件,纵向中对齐,控件间距根本连结一律 行与行之间间距相通,靠窗体Border间隔应大于行间间距(间距加边沿留空)。 当屏幕有众个编辑区域,要以视觉成果和出力来构制这些区域。 3:数据对齐要妥贴 外明文字,中文版应利用中文全角冒号,纵向对齐时,并按冒号右对其,如图。 纵向控件宽度尽量连结相通。并左对齐。 比如金额等字符穿应遵循小数点对齐,或者右对齐 4:有用组合 逻辑上联系联的控件应该加以组合,以呈现其闭系性,反之,任何不念光的项目应该格调开,正在项目聚会间,用间隔对其实行分组,或者利用方框划分各自区域。 比如: 以下界面,抉择征采式样来决断号码周围是呈现主叫号码周围仍旧被叫号码周围,和入帐式样无闭,则该当编削为: 征采式样和入帐式样换取地位。免得用户发作歪曲。 5:窗口缩放时,控件地位、组织:

  为了使界面不显现跑版或者难看的事势,管理门径: 1:固定窗口巨细,不答应变化尺寸, 2:变化尺寸的窗口,正在Onsize的期间做控件地位、巨细的相应变化。 BCB/DELPHI的VCL中,大局部控件有组织属性: 某些控件具有alignment属性,可能用来做组织调治:TcustomPanel,Tmemo等,考左靠右靠上靠下以及撑满(Client)属性,用来遵循版面自愿调治。 大局部控件有属性Anchors,内中上下驾御akLeft, akTop等若是为true,则呈现相对各个边沿的间隔是否变化。这个可能进一步打算好排版使命。

  习性用法,阅读次序,从从左到右,从上到下 窗体中控件的Tab按键激活次序,TabOrder,. BCB/DELPHI中利用窗体打算右键菜单抉择taborder配置,VC中窗体RES编辑区域利用ctrl+D

  一个窗体,有默认加快键,如回车呈现激活今朝窗口配置为default的按钮作为,esc呈现紧闭窗口。

  正在挪用default按钮作为和紧闭作为期间,不该当做有毁坏性的操作,避免用户过失操作发作破坏水平,比如不行把删除数据等功用的按钮行动缺省按钮。当用户要提交良众数据时,该当屏障esc,或者做退出提示,劝告用户是否保管提交。

  为纠合键盘利用,可操作控件都该当有加快键,加快键界说规则,为英文单词第一个字母,若是统一窗体反复则用第二个字母,以此类推,则加快式样为alt+这个加快键,用同一的门径标识正在界面中,如XXX(A)或者wps的A.XXX英文可直接正在字母下标识下划线Cancel,

  对付无法像button相同显示飞疾键的Edit等控件,则正在Edit形容的Label中显示飞疾键。

  因为辅助菜单由用户点击鼠标驾御键或者其余作为能力调出来显示给用户。无法明了的显示给用户,以是对应选项该当可能通过其余途径取得,比如界面上有相应控件或弹出右键菜单的按钮等。

  要使一个功用有时答应有时不答应用户利用,则这个控件的不行恣意隐秘,该当利用disable属性实行呈现,免得用户创造控件失散后措手无策

  点击一个控件,弹出窗口或者菜单,该当给人显着提示,最低央浼是笼罩适才点击的地位,让用户轻松跳转到新的界面。

  给用户一个视觉感觉的同时,写步伐的期间该当防备用户的交互感觉,UI行动人机对话的器械,用户做了任何作为,该当给用户一个视觉或者听觉、触觉提示。并且这个提示该当行显着,但不应提示过长,可能有以下几种门径:

  1:弹出交互对线:变化UI中控件参数提示:(执掌不必用户确认的提示,有肯定延时,或者用户按键后自愿废除。) 如:变化题目栏字符串,显示“消息:提交告捷”,或者特意配置一个状况栏、TLable等用来实行提示。 3:听觉提示: 正在确定有声卡,用户可能听到音响的期间,发出卓殊音响提示。平常行动主要提示的辅助。音响不应过长,殷切过失提示该当短促,频率较高,告捷提示该当舒缓,轻松。等等……

  1:体例默认、行业法式的控件操作不须要一一形容,只须要对卓殊控件加以形容 2:卓殊操作、卓殊功用界面,正在界面上加控件直接连结到对应的HELP文献中 3:卓殊配置具体,该当正在界面上用简明懂得的语句外明,或者是好用Tiptool,并由第二步助助

  助助文献是助助用户更好的利用软件,说话要稳当、简捷、深奥易懂,每一句话都该当有主意,助用户管理题目

  助助文献不是广告、贸易软件不答应打广告。形容公司消息主意是为了简单用户正在没有门径的情景下找到售后增援,网址连结、信箱地方、电话号码绝对不答应无效。

  对同一的东西实行一一说明,并加以模范形容,放入HELP和用户手册中,同时加有词汇外

  美工行动界面美化的首要职员,不光具有艺术打算、包装打算的能力,还该当穿插总共项目,给界面步伐打算职员提出体例参考定睹。

  1:软件打算前期,美工介入需求通晓,认识同类软件界面有瑕玷,提出主色调、模范界面格调、以及构想总共美术包装等。 2:界面原型打算经过中,与开采职员合伙编削、商榷最终浮现样式,以及确立UI法式。 3:步伐开采经过中,供给法式格调的资源文献(icon,cur,bmp等),并总结出同一格调的资源的打算经过,酿成标准文档* .

  4:产物化方面,协助制制助助文献、网站格调以及介入制制,制制附带传播图片、动画、产物包装、海报等。返回搜狐,查看更众

更多案例

软件的界面是怎么设计出来的?

我思问问软件的操作界面是若何安排出来的,手机app的操作界面是若何安排出来的?比如下图是360的界面,是若何弄出来的?是其后秩序员编写出来的吗?...

凤凰平台ph158UI设计教程_软件界面设计心

无论是控件利用,提示消息说话,仍旧颜色、窗口组织格调,根据同一的法式,做到真正的一律。 如此取得的好处: 1:利用户利用起来可以设置起无误的...

这12款软件获得了苹果设计奖 其中5个是游

跟着WWDC2017的举办,苹果宣告了苹果策画奖(Apple Design Awards)的得奖名单。这是一项App Store上的软件评选,参考该软件的下载量、操纵频率、用户粘性、品...

友情链接:

Copyright © 2002-2019 凤凰平台ph158网络设计有限公司 版权所有 | 网站地图