如何有效制定ui界面设计规范，需要遵循哪些原则

ui界面设计是ui设计中很关键的一个内容，也是关系到界面的风格和关注程度的。但没有规矩不成方圆。ui界面设计也需要一定的规范和原则。今天就让faceui为大家介绍ui界面设计规范。

　　如何有效制定ui界面设计规范

　　1、制定一个计划

　　整理设计规范是一个涉及广周期长的项目，所以有一个清晰的计划可以帮助这个项目更好的推进。

　　2、整理规范内容及分类

　　做之前先明确我们需要整理哪些内容，这些内容的分类是怎样的，下图是我们整理腾讯云规范时列的内容及分类，初始时列举的内容可能不全，但没有关系，先把最基础的分类和内容定义好，后续发现有遗漏的内容再添加进去即可。

　　3、确定优先级与分工

　　由上图可以看出，一整套规范包含的内容非常的多，所以内容和分类整理好后，还需要确定每块内容的优先级和分工。从大的模块上说，首先应当确定整体的设计风格和框架，整体确定后才好确定细节的风格；其次的优先级最好是控件、组件、场景，因为控件组成组件，控 件和组件组成场景，所以先确定小的控件后，组件和场景更容易确定。至于分工，规范的制定是整个团队的事情，最好团队中的设计师都能够参与，互相分担工作量以提高规范整理的效率，也能够确保规范是在大家的讨论下制定而成，每个人都参与过并赞同结论。

ui界面设计规范（图片来自网络）

　　4、确定规范展示形式及推进流程

　　其实确定规范展示形式也是确定规范目标用户，要确定规范是给谁看的，展示在网站上还是直接用文档承载，网站是否对公众开放等问题。确定了这些问题后就可以确定规范的详细程度、大体的展示形式。

　　5、制定规范的规范

　　规范本身要遵循什么规则，也是需要事先确定的，我认为包括两个部分，一是设计原则，二是输出物规范。根据整个产品的目标用户、用户及产品目标可以确定我们的设计原则，所有的规范梳理都要遵循最基础的设计原则，以满足用户及产品需求，提升整体的体验。

　　ui界面设计规范的原则

　　1、一致性原则

　　坚持以用户体验为中心设计原则，界面直观、简洁，操作方便快捷，用户接触软件后对界面上对应的功能一目了然、不需要太多培训就可以方便使用本应用系统。

　　2、准确性原则

　　使用一致的标记、标准缩写和颜色，显示信息的含义应该非常明确，用户不必再参考其它信息源。显示有意义的出错信息，而不是单纯的程序错误代码。

ui界面设计规范（图片来自网络）

　　3、布局合理化原则

　　在进行UI设计时需要充分考虑布局的合理化问题，遵循用户从上而下，自左向右浏览、操作习惯，避免常用业务功能按键排列过于分散，以造成用户鼠标移动距离过长的弊端。多做“减法”运算，将不常用的功能区块隐藏，以保持界面的简洁，使用户专注于主要业务操作流程，有利于提高软件的易用性及可用性。

　　4、系统操作合理性原则

　　尽量确保用户在不使用鼠标(只使用键盘)的情况下也可以流畅地完成一些常用的业务操作，各控件间可以通过Tab键进行切换，并将可编辑的文本全选处理。

　　5、系统响应时间原则

　　系统响应时间应该适中，响应时间过长，用户就会感到不安和沮丧，而响应时间过快也会影响到用户的操作节奏，并可能导致错误。因此在系统响应时间上坚持如下原则：2-5秒窗口显示处理信息提示，避免用户误认为没响应而重复操作；5秒以上显示处理窗口，或显示进度条；一个长时间的处理完成时应给予完成警告信息。

　　以上就是faceui为大家介绍的关于ui界面设计规范的相关内容。ui界面设计本来关系到网页的宣传和用户的关注，因此如何做好ui界面设计规范，还需要遵守一定的原则性，希望这些内容对大家的ui界面设计有帮助。