Android端切图规范v1.0
1.容器的概念
UI设计师在拿到产品经理的原型图后,应该对每张原型图进行分组分类。
具体的分类方法如下:
1.每一个功能界面对应一个文件夹
2.对原型图中的界面进行整体分割并命名
3.基于2中的分割结果创建相应文件夹,分割块中的需要的素材放置到对应文件夹
以医万佳为例,医万佳从整体上可以分为四个大的模块,那么这四个模块就对应四个文件夹(如图)
主要对内容展示进行分割。内容展示部分又可以分割为5部分(具体如何分割可以咨询Android开发和产品经理),依次为:banner、一级功能、二级功能、在线咨询、医院列表(这里为个人分法仅供参考)。那么就应该在内容文件夹中对应新建五个文件夹。对应容器中的素材放入对应的文件夹。
2.素材命名
分割完所有的界面并新建对应文件夹后,可以将文件目录截图给Android开发。让Android开发尽快给出对应的中英对照文档。
拿到文档结合下面规则就可以愉快的命名素材进行切图了。
2.1位置+前缀+用途+后缀
这种命名方式会导致图片名称很长,但是便于Android开发人员(以下简称开发)分类和查找。前面说到UI设计师需对图片进行分组放置,但事实上最终所有的素材图片都会被开发放入项目中对应分辨率的mipmap文件夹中(如下图)所有命名是不能重复的。
素材名称只能用英文小写,素材名称中的分隔符必须使用下划线”_”,不能使用其它符号。因为Android编译器只支持下划线。
命名用英文小写,分隔符用下划线“_”!!!
命名用英文小写,分隔符用下划线“_”!!!
命名用英文小写,分隔符用下划线“_”!!!