Unity中的UI切图规范

  • 经验类型规范/资料
  • 经验属性原创文章
  • 经验版权署名-非商业性使用
8159 2 11 2016-08-25

做AR项目也有半年了,虚拟和现实结合能呈现十分有趣的效果,并且不像VR需要带沉重的眼镜,应用要更广泛些。又啰嗦了。。。

总结一下针对Unity的UI切图规范

一、切图命名规范


只能使用英文大小写,数字和下划线命名,禁止出现空格,文中,括号等其他符号

命名不可重复

命名规范:功能名 + 描述


例如:例如:btn_delete(按钮); bg_menu(背景); line_top(分割线); icon_close(图标)等


二、切图尺寸


贴图尺寸需按策划要求严格控制,如无特需要求,图片尺寸务必保证为2的幂次方(尺寸不符合时增加透明像素输出)

Image title


如贴图有可重复部分,可缩减其尺寸,只需保留其重复部分即可。程序可自动拉伸(九宫格)

Image title


Image title

三、切图格式


透明通道则保存为PNG,无透明通道的全部使用JPG


四、切图质量


导出前需仔细检查图片质量,是否达到策划要求,禁止出现毛边

Image title

五、Gif序列帧


序列帧贴图一般为6-12张,尺寸不宜太大,需要适当的压缩


六、特殊字体


特殊字体一般给切图,如用得较多需给技术字体包

所有同字体的切图大小一致,为2的n次方

命名:字体名 + 字名


例如:pingfang_0;pingfang_wenhao



全部评论:2条

  • 放空计划

    2016-08-30 17:01

    @大将军毛毛: 切图中只要包含透明区域的就保存为png,例如图标边上有透明区域,切图为半透明色块等等

  • 大将军毛毛

    2016-08-30 14:55

    第三点不是很明白求指点,透明通道则保存为PNG,无透明通道的全部使用JPG 。有透明通道的是说比如图标边上有透明区域的切图?还是其他

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票