电脑桌面
添加小米粒文库到电脑桌面
安装后可以在桌面快捷访问

UI设计规范VIP免费

UI设计规范_第1页
1/16
UI设计规范_第2页
2/16
UI设计规范_第3页
3/16
UI设计规范制定规范的目的•规范UI设计流程,明确UI设计在各个环节的职责和要求以保证工作质量•使UI设计师参与到产品设计整个环节中,负责产品的交互体检性,并根据客户要求不断提升产品可用性•UI设计师应参与需求阶段、分析设计阶段、调研验证阶段、方案改进阶段、用户验证反馈阶段需求阶段•用户特征(年龄、性别、爱好、收入、教育程度等)•使用地点(办公室、家庭、公共场所)•使用方式(键盘鼠标、遥控器、触摸屏)•同类竞争产品分析设计阶段•根据需求进行设计,设计出不同风格的界面用于选择调研验证阶段•保证几套不同风格的设计处于同一水平,这样才能得到用户真实反馈•方案评价标准:用户第一印象;综合印象;最喜欢;次喜欢;方案的色彩、文字、图形、布局的打分;最受欢迎方案的优缺点方案改进阶段•用户调研得到最受欢迎方案,根据建议进一步修改,使方案更精美方案验证阶段•改进以后的方案可以将他推向市场,但是设计并没有结束,还需要用户反馈为以后的升级版本积累经验资料•UI设计是对艺术的阐释,但设计更重视交互体验•一致性原则:控件使用、提示信息措辞、颜色、窗口布局风格遵循统一的标准,做到真正的一致•优点:能够建立起精确的心里模型,使用熟练了一个界面后,切换到另外一个界面能够很轻松的推测出各种功能降低培训、支持成本给用户统一感觉,不觉得混乱,心情愉快UI设计遵循的基本原则•项目组有经验人士确立UI设计规范•美工提供色调配色方案,提供整体配色表•界面控制程序人员、用户体验人员提出合理统一使用的控件库UI人员分工颜色搭配•统一色调:针对软件类型以及用户工作环境选择恰当色调•颜色方案也需要测试:由于显示器、显卡的问题,色彩表现每台机器都不一样,应该经过严格测试,不同机器进行颜色测试•色盲、色弱用户:即使使用了特殊颜色表示重点或者特别的东西•遵循对比原则:在浅色背景上使用深色文字,深色背景上使用浅色文字,蓝色文字以白色背景容易识别,而在红色背景则不易分辨•整个界面色彩尽量少的使用类别不同的颜色颜色搭配•遵循对比原则:在浅色背景上使用深色文字,深色背景上使用浅色文字,蓝色文字以白色背景容易识别,而在红色背景则不易分辨•整个界面色彩尽量少的使用类别不同的颜色图片、图标要求•有标准的图标风格设计,统一的构图布局,统一的色调、对比度、色阶•底图相融,浅色,低对比,尽少使用颜色•图标、图像应该很清晰的表达出意思不允许画出莫名奇妙的图案•鼠标光标样式统一,尽量使用系统标准,减少重复调研验证阶段•保证几套不同风格的设计处于同一水平,这样才能得到用户真实反馈•方案评价标准:用户第一印象;综合印象;最喜欢;次喜欢;方案的色彩、文字、图形、布局的打分;最受欢迎方案的优缺点字体要求•统一字体:中文采用标准字体“宋体”,英文采用标准MicrosoftSansSerif•字体大小根据系统标准字体来,例如MSS字体8磅,宋体的小五号字(9磅)五号字(10.5磅)•所有控件尽量使用大小统一的字体属性文字表达•口语化、客气,不要用或少用专业术语,杜绝错别字•提示信息比较多的话,应该分段•警告、信息、错误使用对应的表示方法•使用统一的语言描述,例如一个关闭功能按钮可以描述为退出、返回、关闭,应该统一规定•根据用户不同采用相应的词语语气语调控件要求•不要错误使用控件•统一类型的控件操作方式相同•一个控件只做单一功能,不复用

1、当您付费下载文档后,您只拥有了使用权限,并不意味着购买了版权,文档只能用于自身使用,不得用于其他商业用途(如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利)。
2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。
3、如文档内容存在违规,或者侵犯商业秘密、侵犯著作权等,请点击“违规举报”。

碎片内容

确认删除?
VIP
微信客服
  • 扫码咨询
会员Q群
  • 会员专属群点击这里加入QQ群
客服邮箱
回到顶部