2019-03-27 UI素材规范
2019-03-27 本文已影响0人
抠脚码农真的惨
- 低频变化的图片的分辨率可以很小
低频变化的图片指的是纯色的、渐变等变化比较平缓的图片。低频变化的图片拉伸后仍能表现非常类似的效果，这是因为GPU在图片采样时会进行相邻像素的插值，从而能大概还原之前的平滑度。总而言之，低频变化的图片的分辨率可以很小。 - 去除UI图片中不必要的通道、不必要的区域
低频变化的图片指的是纯色的、渐变等变化比较平缓的图片。低频变化的图片拉伸后仍能表现非常类似的效果，这是因为GPU在图片采样时会进行相邻像素的插值，从而能大概还原之前的平滑度。总而言之，低频变化的图片的分辨率可以很小。
比如说，界面的背景图的透明通道是没有必要。 - UI图片一般情况下都不需要mipmap
- 多张UI图片可以打包在一起
小的图尽可能打包
大图（比如大于512x512，常见的有UI底图）不打包
图集打包由程序来完成 - 同类型的小图保持分辨率一致，比如所有的道具图标，没有分辨率的限制，但是最好还是偶数倍；
- 大图（分辨率大于512*512），分辨率要设置为4的整数倍，因为程序后面会做压缩，长宽可以不等；
- UI最好能用九宫格+局部装饰实现
九宫格已经是非常常用的UI制作方法。
九宫格UI几乎是百利无一害，所以希望UI同学能用九宫格的尽量用九宫格。
使用九宫格有以下几个值得注意的技巧：
• 九宫格UI图片可以做得很小只给正方形的图，而并非上面一个长条形的图
• 如果UI图片内部是低频变化（人话：比较平滑的纹理），依然可以使用九宫格
• 如果UI图片内部是高频变化（人话：比较细的复杂纹理），一般情况下就不能使用九宫格了
但可以把这些高频变化的纹理设计成只在边缘出现，让九宫格十字架内依然是低频变化，那这种UI图依然可以九宫格
• 切九宫格时，边缘部分应尽量细、内部十字架部分应该尽量饱满。这样可以确保这个UI能够使用于非常小的场合而不穿帮 - UI素材复用
通用的按钮背景尽量复用，比如说按钮，背景图；不要每一个系统出一套。 - 不要使用UGUI的默认图片和字体
