UI切图要求

提供公共规范文档

参照:
https://www.designuuu.com/9348.html
1:常规颜色
2:常规字体
3:常规字号
4:基础尺寸

命名:

基本命名

1:命名只支持,小写英文字符、数字、下划线 和@2x,@3x 等标识符
2:单词之间用下划线连接
4:所有icon图标必须是 png 格式。
5:项目中命名不能重复
举例:


89319FB8-FC04-4C79-9581-DA18346678E5.png

常见错误命名方式举例如下:


TOzl0d.jpg

按钮命名

1、所有能点击的图片不得小于44px(Retina需要88px)
2、单独存在的部件必须是双数尺寸
3、两倍图以@2x作为命名后缀
4、充分考虑每个控制按钮在4中状态下的样式,如图:

0ce89bdb0f65ce31ce515b46e88ec17c_hd.png

按钮状态命名:
一般: normal btn_xxx_normal.png
按下: pressed btn_xxx_pressed.png
选中: selected btn_xxx_selected.png 做为复数选择出现机会不高
不能点击:disabled btn_xxx_disable.png
高亮: highlight btn_xxx_highlight.png

界面切图

1:切图资源尺寸必须为双数


1918066.png

2:按场景使用合适尺寸的图标,优先选择图标库中的标准图标。如果没有需添加到图标库后才能使用

标注

基线: 状态栏/模块/屏幕/相邻/中线

2:范围


62C41590-F48A-455E-BD77-FBCEE5FD3D95.png

2:适配方式:
大小不变/等比放大/等高延伸


66A2A9F8-1022-456B-963F-9FC5D5AD062C.png

你可能感兴趣的:(UI切图要求)