ui设计规范怎么写

ui设计规范怎么写
ui设计规范怎么写

竭诚为您提供优质文档/双击可除

ui设计规范怎么写

篇一:ui设计尺寸规范-最新最全ui设计规范

iphone界面尺寸

iphone图标尺寸:

ipad的设计尺寸

官网

官网

android的图标尺寸

android安卓系统dp/sp/px换算表

主流android手机分辨率和尺寸

篇二: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、调研验证阶段

几套风格必须保证在同等的设计制作水平上,不能明显看出差异,这样才能得到用户客观真实的反馈。

测试阶段开始前我们应该对测试的具体细节进行清楚

的分析描述。

调研阶段需要从以下几个问题出发:

用户对各套方案的第一印象

用户对各套方案的综合印象

用户对各套方案的单独评价

选出最喜欢的

选出其次喜欢的

对各方案的色彩,文字,图形等分别打分。

结论出来以后请所有用户说出最受欢迎方案的优缺点。

所有这些都需要用图形表达出来,直观科学。

d、方案改进阶段

经过用户调研,我们得到目标用户最喜欢的方案。而且了解到用户为什么喜欢,还有什么遗憾等,这样我们就可以进行下一步修改了。这时候我们可以把精力投入到一个方案上,将方案做到细致精美。

e、用户验证阶段

改正以后的方案,我们可以将他推向市场。但是设计并没有结束。我们还需要用户反馈,好的设计师应该在产品上市以后去站柜台。零距离接触最(ui设计规范怎么写)终用户,看看用户真正使用时的感想。为以后的升级版本积累经验资料。

经过上面设计过程的描述,大家可以清楚的发现,界面

ui设计是一个非常科学的推导公式,他有设计师对艺术的理解感悟,但绝对不是仅仅表现设计师个人的绘画。所以我们一再强调这个工作过程是设计过程。ui界面设计不存在美工。

2.ui设计流程

2.1概述

根据上述原则,分析公司产品的特点,制定符合软件产品(或项目)生命周期的ui设计流程。每个产品(或项目)的生命周期中,ui设计师应该严格按照流程,完成每个环节的职责,确保流程准确有效的得到执行,从而提高产品的可

用性,提升产品质量。

二:ui界面用户体验设计原则与规范

1:应该遵循的基本原则

无论是控件使用,提示信息措辞,还是颜色、窗口布局风格,遵循统一的标准,做到真正的一致。

这样得到的好处:

1:使用户使用起来能够建立起精确的心里模型,使用熟练了一个界面后,切换到另外一个界面能够很轻松的推测出各种功能,语句理解也不需要费神理解

2:降低培训、支持成本,支持人员不会行费力逐个指导。

3:给用户统一感觉,不觉得混乱,心情愉快,支持度增加

做法:

项目组有经验人士,确立ui规范:

美工提供色调配色方案,提供整体配色表

界面控制程序人员、用户体验人员提出合理统一使用的控件库。参考标准界面使用规范:控件功能遵循行业标准,windows平台参见《microsoft用户体验》

控件样式在允许的范围内可以统一修改其样式、色调

参考其他软件先进操作,提取对本项目有用的功能,以使用,绝对不能盲从,漫无目的。根据需要,设计特殊操作

控件,准则为:简化操作、达到一定功能目的

界面实施人员与美工商榷控件可实现性,(如不实行此

步骤,将会导致各自对对方工作不满意,也会产生不一致的混乱)。重复叠代上述工作。

建立合理化文档《ui标准》描述上述规范,

强行界面设计者理解之,并作为开发准则,

sqa人员进行监控开发人员是否遵循,及时告诫开发人员。

2:(color)颜色使用恰当,遵循对比原则:

1:统一色调,针对软件类型以及用户工作环境选择恰当色调:

如:安全软件,根据工业标准,可以选取黄色,绿色体现环保,蓝色表现时尚、紫色表现浪漫等等,淡色可以使人舒适,暗色做背景使人不觉得累等

2:如果没有自己的系列界面,采用标准界面则可以少考虑此方面,做到与操作系统统一,读取系统标准色表3:色盲、色弱用户,即使使用了特殊颜色表示重点或者特别的东西,也应该使用特殊指示符,quot;!,着重号,以及图标等

4:颜色方案也需要测试,常常由于显示器、显卡的问题,色彩表现每台机器都不一样,应该经过严格测试,不同机器进行颜色测试

5:遵循对比原则:在浅色背景上使用深色文字,深色

背景上使用浅色文字,蓝色文字以白色背景容易识别,而在红色背景则不易分辨,原因是红色和蓝色没有足够反差,而蓝色和白色反差很大。除非特殊场合,杜绝使用对比强烈,让人产生憎恶感的颜色。6:整个界面色彩尽量少的使用类

别不同的颜色

itop色表

具体标准参考美术学统计学术标准。色表的建设,对于美工在图案设计、包装设计上起着标准参考作用,对于程序界面设计人员设计控件、窗体调色起到有章可循的作用。3:(Resource)资源

一个多姿多彩的人机交互界面,少不了精美的鼠标光标、图标以及指示图片、底图等。1:也需要遵循统一的规则,

包括上述颜色表的建立,图标的建立步骤也应该尽可能的形成标准,参考itop的outlookbar图标设计标准

2:有标准的图标风格设计,有统一的构图布局,有统

一的色调、对比度、色阶,以及图片风格

3:底图应该融于底图,使用浅色,低对比,尽量少的使用颜色。

4:图标、图像应该很清晰的表达出意思,遵循常用标准,或者用户机器容易联想的到物件,绝对不允许画出莫名奇妙的图案。

5:鼠标光标样式统一,尽量使用系统标准,杜绝出现重复的情况,例如某些软件中一个手的形状就有4种不同的样子。

篇三:ui设计规范

界面是软件与用户交互的最直接的层,界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的操作,起到向导的作用。同时界面如同人的面孔,具有吸引用户的直接优势。设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉,相反由于界面设计的失败,让用户有挫败感,再实用强大的功能都可能在用户的畏惧与放弃中付诸东流。目前界面的设计引起软件设计人员的重视的程度还远远不够,直到最近网页制作的兴起,才受到专家的青睐。而且设计良好的界面由于需要具有艺术美的天赋而遭拒绝。

目前流行的界面风格有三种方式:多窗体、单窗体以及资源管理器风格,无论那种风格,以下规则是应该被重视的。

1:易用性:

按钮名称应该易懂,用词准确,屏弃没楞两可的字眼,要与同一界面上的按钮易于区分,能望文知意最好。理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相

关的正确操作。

易用性细则:

相关主题
相关文档
最新文档