UI界面设计规范

1、UI 设计（流程/界面）规范一：UI 设计基本概念与流程1.1 目 的规范公司 UI 设计流程，使 UI 设计师参与到产品设计整个环节中来，对产品的易用性进行全流程负责，使 UI 设计的流程规范化，保证 UI 设计流程的可操作性。1。2 范围l界面设计lUI员、界面评审人员和配置测试人员。1.3 概 述UIUI 设计师就应根据流程规范，参与需求阶段、分析设计阶段、调研验UI 设计师应全面负责产品以用户体验为中心的 UI 设计，并根据客户（市场）UI1。4基本介绍A、需求阶段软件产品依然属于工业产品的范畴.依然离不开 3W 的考虑（Who,where，why.）也就是使用者，使用环境，使用方式的

2、需求分析。所以在设计一个软件产品之前我们应该明确什么人用（）。什么地方用（/厂房车 间公共场所）触摸屏客观的评价标准的。我们只能说哪个更合适，更合适于我们的最终用户的就是最好的。B、分析设计阶段的界面用于被选。C、调研验证阶段的反馈.测试阶段开始前我们应该对测试的具体细节进行清楚的分析描述。调研阶段需要从以下几个问题出发:用户对各套方案的第一印象用户对各套方案的综合印象用户对各套方案的单独评价选出最喜欢的选出其次喜欢的对各方案的色彩，文字，图形等分别打分。结论出来以后请所有用户说出最受欢迎方案的优缺点。所有这些都需要用图形表达出来，直观科学。D、方案改进阶段案做到细致精美。为以后的升级版本积累

3、经验资料。UIUI2。 UI 设计流程2.1 概 述（或项目生命周期的 UI 设计流程。每个产品（二:UI 界面用户体验设计原则与规范1：应该遵循的基本原则无论是控件使用，提示信息措辞,还是颜色、窗口布局风格,遵循统一的标准，做到真正的一致。这样得到的好处：1面能够很轻松的推测出各种功能，语句理解也不需要费神理解2:降低培训、支持成本，支持人员不会行费力逐个指导.3:给用户统一感觉,不觉得混乱,心情愉快，支持度增加做法：项目组有经验人士，确立 UI 规范:美工提供色调配色方案,提供整体配色表界面控制程序人员、用户体验人员提出合理统一使用的控件库。参考标准界面使用规范： 控件功能遵循行业标准，w

4、indows 平台参见Microsoft 用户体验控件样式在允许的范围内可以统一修改其样式、色调也会产生不一致的混乱建立合理化文档UI 标准描述上述规范，强行界面设计者理解之，并作为开发准则，SQA 人员进行监控开发人员是否遵循，及时告诫开发人员。2：(Color)颜色使用恰当，遵循对比原则:1：统一色调，针对软件类型以及用户工作环境选择恰当色调：如：安全软件，根据工业标准，可以选取黄色，绿色体现环保，蓝色表现时尚、紫色表现浪漫等等,淡色可以使人舒适，暗色做背景使人不觉得累等2取系统标准色表3符，？quot;！,？着重号，以及图标等4经过严格测试，不同机器进行颜色测试56:整个界面色彩尽量少的

5、使用类别不同的颜色itop 色表具体标准参考美术学统计学术标准。 色表的建设，对于美工在图案设计、包装设计上起着标准参考作用，对于程序界面设计人员设计控件、窗体调色起到有章可循的作用.3：（Resource)资源一个多姿多彩的人机交互界面，少不了精美的鼠标光标、图标以及指示图片、底图等。itopoutlookbar2格3:底图应该融于底图,使用浅色， 低对比，尽量少的使用颜色。4：图标、图像应该很清晰的表达出意思,遵循常用标准，或者用户机器容易联想的到物件， 绝对不允许画出莫名奇妙的图案。5：鼠标光标样式统一，尽量使用系统标准，杜绝出现重复的情况，例如某些软件中一个手的形状就有 4 钟不同的样

6、子。4：(Font）字体使用统一字体，字体标准的选择依据操作系统类型决定。Microsoft Sans Serif（隶书、字体大小根据系统标准字体来，例如 MSS 字体 8 磅，宋体的小五号字(9 磅）五号字(10。5 磅）。所有控件尽量使用大小统一的字体属性，除了特殊提示信息、加强显示等例外情况ITop 采用 BCB,所有控件默认使用 parent 系统大小字体属性改变的处理。Windows但是由于常常方便使用点阵作为窗口设计单位，导致改变大字体后，出现版面混乱的问题。这个情况下，应该做相应处理:1：写程序自动调节大小,点阵值乘以一个相应比例2:全部采用点阵作为单位，不理会系统字体的调节,这

7、样可以减少调节大字体带来的麻烦。BCB/DELPHI 中多采用这种方法，但是必然结果是和系统不统一。5：（Text）文字表达提示信息、帮助文档文字表达遵循以下准则：1:口语化、客气、多用您、请，不要用或少用专业术语,杜绝错别字2：断句逗号句号顿号分号的用法， 提示信息比较多的话,应该分段，3：警告、信息、错误 使用对应的表示方法4:使用统一的语言描述，例如一个关闭功能按钮，可以描述为退出、返回、关闭，则应该统一规定.5: 根据用户不同采用相应的词语语气语调，如专用软件，可以出现很多专业属于，用户为儿童:这可以语气亲切和蔼，老年用户则应该成熟稳重.制定标准遵循之。6：（STYLE)控件风格，不要

8、使用错误控件,控件功能要专一不类，杂乱无章不要错误使用控件，例如：使用 Button 样式做 TTable 的功能，拿主菜单条显示版权信息，统一类型的控件操作方式相同,例如一个控件双击可以执行某些动作，而同样控件，双击却没有任何反映一个控件只做单一功能，不复用增加难度,只有用户熟悉后才能理解。 例如熟练用户才回使用，这种情况下解决方法：1:分组,使用双份控件2：使用 TABLE 页，给用户很明显的视觉变化=总结起来就是：1。 产品制作人，写产品计划书.2。 用户体验研究员，作调查分析。3. 信息建构师，设计产品架构。4。 互动设计师，作出互动流程。5。 视觉设计师和用户界面设计师,作出页面视觉

9、设计。6。 前台工程师，前台开发。7。 后台工程师，后台开发。8。 用户体验研究员,做用户测试确保质量。1。确认目标用户设计目标一致（元素外观一致交互元素的外观往往影响用户的交互效果。同一个（量方法。因此需要对目标用户进行调查取得反馈。7.可用性原则7。1 可理解7。2 可达到4 层）Quote2、 用户交互场景分析3、 竞争产品分析这两者可以说是相辅相成的.UI 需求是重要的组成部分。如果说 UI 设计原则是所有 UI 设计的出发点的话，那么用户UI 需求就是本次设计的出发点.好的 UIUI 设计人员在分析的时候一定要站在用户角度思考UI阶段二：设计采用面向场景、面向事件驱动和面向对象的设计

10、方法。 UI阶段三：开发通过:用户交互 case 图(说明用户和系统之间的联系）用户交互流程图（说明交互和事件之间的联系）交互功能设计图(说明功能和交互的对应关系) 最终得到 UI 的设计产品。阶段四：验证正如 UI 交互设计原则探讨文中提到的，对于UI 产品的验证主要从下面几个方面入手： 1、 功能性对照 UI 设计的再好，和需求不一致也不可以。2、 实用性内部测试 UI 设计的最重要点就是实用性。3、 用户焦点小组 UI 设计是否优秀的重要衡量依据.最后，说一点其他的问题。现在往往认为交互式设计和最终的 UI 效果设计可以截然分开。这就好比说需求可以和设计截然分开， 是不可能的。QuoteUI 设计流程以及设计师参与的环节对于 UI 设计的工作流程，我觉得可以根据“市场分析用户分析架构原型界面输出完善”这条主线制定，每个环节UI 设计师都应参与其中。1.产品定位与市场分析这一类工作大多都是由新产品研发部门以及市场需求完成的，但UI 设计师应了解产品的市场定位、产品定义、客户群体、运营方式等。2。用户研究与分析3.架构设计这里涉及到比较多的界面交互与流程的设计,根据可用性分析结果制定交互方式、操作与跳