图标规格
很多设计师认为UI设计就是设计图标。 虽然事实并非如此，但图标设计是整个UI设计中比较基础的一个环节。
图标和品牌标志一样，在设计时需要适当删减。 应使用简单的线条来表达其含义。 尽量避免线条结构过于复杂的设计，整体图标需要保持风格一致。 例如图标的线条粗细、拐角曲率、图标高宽比、样式等。
特别是对于新手来说，我们先来看看图标设计的规范：
1 像素对齐
需要严格实现像素对齐，尤其是在制作较小尺寸的图标时。 如果不严格遵循像素对齐，最终的显示效果就会出现问题。
2.使用布尔运算
制作图标时，能用基本图形进行布尔运算的时候尽量不要使用笔。 这样做的好处如下：
让你的图标更加标准化
对图形结构有更深入的了解
以后改变形状更容易
3种独特风格
在制作一系列图标的时候，一定要在前期给图标设定一个风格和原则，让它看起来独一无二。
这里值得一提的是，我们在制作线性图标时游戏ui切图命名规范，一定要保证笔画粗细一致，圆角一致。 如果不遵循这些基本规则，就没有风格上的统一和创新。
4 视觉尺寸均匀性
在设计图标时，我们会使用网格辅助线来帮助我们更加严格和谨慎，但我们一定不要被辅助线所困，学会灵活使用它们，保持视觉尺寸的统一。
在当今的APP设计环境下，一些APP设计专家一直强调设计师必须具备品牌意识。 那么，在图标的设计中，我们还必须强调“品牌化”，简单来说就是将品牌中的抽象概念转化为具体的图形，将品牌的主次色运用到图标设计中。 同时建议大家每周完成一个主题作品，以提高自己的平面设计能力。
标签规格
如何整理和理清注释的思路——用结构化思维，把大问题拆成小问题，一一解决！
注释主要是以下四种不同属性的内容：大小、文本、间距和颜色。
注释的时候，先把导航栏和标签栏去掉，因为这些控件用途很广，需要单独拿出来统一注释。 这里我们仅以注释内容区域为例。
1 尺寸
我们需要标注页面上需要告知尺寸的内容，比如图标、图片、头像等。标注尺寸时需要注意的是：
有圆角的地方，需要标注圆角的半径。
对于一些控件，比如按钮、列表，一定要随时问自己是否有特殊状态，比如按下状态、无效状态、选中状态等游戏ui切图命名规范，如果不注明，会议就不会出现这些默认效果。
一般情况下，图片的大小需要按比例告诉，而不是一个固定的大小，这样开发才能更好的适应。 常用的画面比例有4:3、16:9等。
很多没有经验的设计者不明白适配的原理，所以很容易给一些控件一个固定的尺寸。 如果标记了按钮的宽度和高度，开发会将按钮大写。 一旦屏幕（白色区域）变宽，按钮大小仍然是固定的，这会影响视觉效果。 所以，正确的标注方法是给按钮两侧留出间距，让整个按钮的宽度自适应（当然高度必须固定），这样无论遇到什么分辨率大小，视觉效果都一样效果和可扩展性都可以保持极强。
2 文字
对于文字来说，需要标注文字的大小、字体、颜色、透明度、行高等。 当然，你也可以和开发沟通删除一些内容。 文本标注需要注意的事项： 文本有一个非常特殊的属性。 在某些场景下材质材料，文本是动态的，所以这个时候，你需要考虑清楚极端的情况。
表面上我们可以清楚地标注出标题文字的大小和颜色，但是如果标题文字太多怎么办？ 因此，有必要对限制情况给出规范，例如最多显示的字符数。 如果字符超过限制，将按点进行处理。
3间距
有些人可能认为间距和大小有些相似，但实际上它们有很大不同。 我们可以这样理解：size描述了容器的大小，而spacing描述了容器之间的距离。 间距比较简单，只要标记清晰就不会有太大问题。
4种颜色
需要着色的内容包括分割线颜色、背景颜色、按钮颜色等。 颜色标注注意事项： 请记住，文本的颜色已经分类到文本属性中。 无需重复注释。 这个想法必须保持清晰。
命名约定
很多UI设计师都没有“命名”的概念。 他们随意地用没有特定含义的字母来命名页面。 不是很好。 因为统一规范的命名对于我们自己的文件组织有很大的帮助，以后修改文件和图层更加方便快捷，规范的命名也让我们更加专业。 而且，如果命名不统一，团队成员很难达成共识，交接任务时需要很大的学习成本。
更重要的是，标准化的命名可以大大节省程序开发的时间和成本，减少很多不必要的沟通和重复裁剪的概率。 程序员可以直接使用我们的切片，无需更改切片的名称。 稍后，我们将更改切片。 只要切片名称保持不变，开发人员就可以直接替换它们，而无需查看它们。
1 所有名称均为小写英文字母
程序员的代码中只有小写英文字母。 如果你给的名字都是中文的，那么他们肯定会改变它们，所以最基本的规则是名字中全部使用小写英文字母。 有些人可能觉得写这么多英文太麻烦，但实际上，为了提高自己的专业能力，这种标准化的命名方式是必须要经历的过程。 当你习惯了这种命名方式时，你的成就感就会自然而然地油然而生。 出生。
2 命名格式
一个大的项目会被分成很多模块，每个模块又会由不同的设计师独立完成。 也会有人专门管理常用的组件，比如tabbar、navbar等创作人，这种情况下会分为两种切入：一。 一种是常见类型的切割图，另一种是各个模块特有的切割图。
常见切片命名格式：
component_category_function_status@2x.png
示例：tabbar_icon_home_default@2x.png（对应中文：tabbar_icon_home_default@2x.png）
模块特定图命名规则：
module_category_function_status@2x.png
示例：mail_icon_search_pressed@2x.png（对应中文为：mail_icon_search_default@2x.png）
我们的原则是明确表达切片的具体内容，不出现重复的名称。 （注意名称不能包含空格）
3个常用英语单词
如果所有名字都写成全名，名字就会很长，所以我们可以缩写一些常用的英文单词，以减少工作成本和开发代码资源。 至于如何缩写，任何缩写规则都可以接受，只要整个团队能够达成共识并输出缩写列表即可。
以下列出了一些命名时常用的英文单词：
bg（背景背景）
nav（navbar导航栏）
tab（标签栏标签栏）
btn（按钮按钮）
img（图像图片）
del（删除删除）
msg（消息提示信息）
pop（弹出）
图标
已选择
已禁用（不可点击）
默认（默认）
按下
返回（返回）
编辑
内容
交互规范
以下关于交互的常识：
简化操作：一步即可完成的交互，不要采用两步。
用户习惯：大多数用户都有固定的思维。 作为设计师，我们应该尊重数据和用户的选择。
减少干扰：减少界面元素中的不确定因素，让用户更容易快速找到自己想要的内容。
快速响应：加快用户读取的响应速度，尽可能避免从远程位置取数据。
友好的界面：除了根据需要提供视觉解决方案外，设计师有责任在设计过程中适当添加一些小细节，使交互界面更加友好。
图像处理规格
1 形象统一
1）画面的色调、色温需要统一。 例如，婴儿用品的首页需要搭配暖色调的图片，这样整体看起来更加统一舒适。
2）图片比例需要统一。 例如，在销售商品的商品详情页上，同屏的栏目（页面）中出现的商品或人物需要有统一的尺寸比例，这样看起来更加统一、舒适。
2 图像细节处理
1）图像精度不够（这里所说的精度并不是指DPI分辨率需要300，即高精度打印输出所需要的，电脑、手机上图像的DPI分辨率为72，而另外输出的图片大小需要适当压缩）。 如果噪声太大，可以使用PS内置的CR滤波器来处理。
2）建议图片大小统一为均匀值，方便前端技术人员开发。
3）避免图片边缘与白色背景混合，给边缘添加颜色。
4）为了配合标题字体，可以将图片部分调亮或调暗。
动画规格
无论是企业/品牌H5宣传页面、移动启动页面，还是我们现在经常看到的一度红极一时的首页动画，都需要用到动效。 能够做一些动画会给我们很多加分，尤其是做一些加载动画，这是我们经常遇到的需求。
在做动效时，我们需要注意以下几点：
1）无论你的动画多么漂亮、多么引人注目，如果成本太高或太复杂，它就无法实现。 因此，我们必须遵循简单实用的原则来设计，切勿过度设计。
2）任何交互引起的状态都需要考虑正常状态和异常状态。 以加载动画为例，我们需要考虑加载成功的反馈和加载失败的反馈，并在输出规范中注明。
3）动态效果使用的工具：可以使用PS制作一些动态表情，使用AE制作一些加载动画，使用Flinto、Principle等进行页面之间的交互效果。
推荐一个设计规范网站：
图文均来自网络
