ui设计规范需遵循六大原则：

1.一致性原则

坚持以用户体验为中心的设计原则，界面直观、简单、易于操作。用户接触软件后，界面上相应的功能一目了然，应用系统使用方便，无需过多培训。

字体-保持字体和颜色一致，以避免在一组主题中出现多个字体；-不可修改的字段以灰色文本显示。

对齐-保持页面中元素的对齐一致，避免在没有特殊情况下在同一页面上进行多个数据对齐。

表单输入-在包含必选项和可选项的页面中，必须在必选项旁边加上醒目的符号（*）；-每种数据输入都应限制文本类型，并进行格式验证，如只允许输入电话号码，电子邮件地址需包含“@”等，并有明确提示当用户输入错误的项目时给出。

鼠标手势-点击按钮和链接需要切换鼠标手势到手型；

保持功能和内容描述的一致性-避免对同一功能描述使用多个词，例如编辑和修改、添加和添加、删除和清除混合。建议在项目开发阶段建立产品字典，包括产品中的常用术语和描述。设计者或开发人员应严格按照产品字典中的术语和词汇表显示文本信息。

2.精度原理

使用一致的标签、标准缩写和颜色，显示信息的含义应该非常清楚，用户不必参考其他信息源。

显示有意义的错误消息，而不是简单的程序错误代码。

避免使用文本输入框放置不可编辑的文本内容。不要使用文本输入框作为标签。

使用缩进和文本帮助理解。

使用用户语言词汇，而不是纯粹的专业计算机术语。

有效利用显示器的显示空间，但避免过度拥挤。

保持语言的一致性，例如“确定”表示“取消”，而“是”表示“否”。

3.可读性原则

文本长度

文本的长度，特别是在大空白的设计中，是非常重要的。太久会导致眼睛疲劳和阅读困难。过短且经常会造成尴尬的断字效果，连字号的使用也会造成大量的复合词，严重影响阅读的流畅性。

4.空间和对比度

每个字符都与行长度相同，间距也很重要。所以每个字符之间的空间至少等于字符的大小。大多数数字设计师习惯于选择最小文本大小的150%作为空间距离，这样可以留下足够的空间。当每行阅读一大段文字，且行长或行间距过小时，会造成理解困难。

5.对齐方式

无论是在文本的中心、左侧还是沿着文件的右侧对齐，文本对齐都非常重要，并且会极大地影响可读性。一般来说，文本是用来向左对齐的，因为它反映了你从左到右的阅读方式。你熟悉每一行的开头和结尾。

6.布局合理化原则

在设计中，要充分考虑布局的合理化，遵循用户自上而下、从左到右的浏览、操作习惯，避免常见业务功能键的分散，从而造成用户鼠标移动距离过长。多做“减法”操作，将不常用的功能块隐藏起来，使界面保持简洁，让用户专注于主营业务操作流程，有利于提高软件的可用性和可用性。

菜单-保持菜单简洁准确，避免菜单深度超过3层。-菜单中的功能需要通过打开新页面来完成。你需要在菜单名后面加上“…”。[仅适用于C/S架构，B/S请忽略]。

按钮确认将操作按钮置于左侧，取消或关闭将按钮置于右侧。

功能-未完成的功能必须隐藏起来，不要放在页面内容中，以免引起误解。

排版-所有文本内容都应排版以避免边缘显示（页面边缘），尽量保持10-20像素的间距并在垂直方向对齐；每个控件元素还应保持至少10像素及以上的间距，并确保控件元素不粘附在页面边缘。

表数据列表-字符数据左对齐，数字数据右对齐（便于读取和比较），小数位数按字段要求统一显示。

更多了解请关注我们：www.cd55it.com