ui设计规范怎么写

一、UI标注的规范

1.尺寸。例如，图标和图片标记尺寸维度。

需要注意的是，例如，图片的大小比不是固定的，因此开发可以更好地适应好地适应。常用的图片比例有4：3、16：9等。如果控制器给出固定的尺寸值，并标记按钮的宽度和高度，则开发将编写死按钮的尺寸。一旦屏幕比例不同，按钮仍然固定，这将影响视觉效果；

字体、字号、颜色、行高、透明度等。

所有这些都应该给出极限情况的规范。例如，如果最多显示几个字符，则使用超过极限值的字符..处理方法；

3、间距规范。

间距相对简单，只要标记清楚，就不会有大问题。但有时会混淆间距和尺寸。我们可以理解，尺寸是容器的大小，间距是容器之间的距离，所以间距和尺寸非常不同；

4、颜色标记规范。文本的颜色已分为文本属性，无需重复标记。颜色标记包括：分割线颜色、背景颜色、按钮颜色等。建议使用原始的公司或品牌VI配色可以改善公司或品牌VI它们之间的关系增加了可识别性和记忆力。

二、UI图片处理规范：

除了图片风格、色调等常规的统一性意外，还要着重注意切图和图片优化。

1、安卓系统

安卓系统切图：

统一采用Png格式

需要制作适配的图片.9格式

安卓系统图片优化：

图片压缩优化

ICON 可采用PNG 8

支持完全透明和完全不透明的效果和256色

可采用需要高清的 PND24/32

2、iOC系统

iOC系统切图：

统一采用Png格式

640/750宽分辨率@2x输出三套尺寸：@1x @2x @3x

iOC系统图片优化：

图片压缩优化

ICON 可采用PNG 8

支持完全透明和完全不透明的效果和256色

可采用需要高清的 PND24/32

三、UI命名规范：

统一、规范的命名对我们自己的文件整理有很大的帮助，后期修改文件、图层加方便快捷。

并且做好版本管理、文件归档的工作，会提高项目沟通衔接，能更好的为版本管理、文件归档做铺垫。

例如，常见的文件包命名规则是：项目名+切图+作者名+日期。

例如，常用的英语单词列表：

bg（backgrond 背景）

nav（navbar 导航栏）

tab（tabbar 标签栏）

btn（button 按钮）

img（image 图片）

icon（图标）

selected（选中）

default（默认）

pressed（按下）

back（返回）

content（内容）