之前与大家探讨了如何用一套图适配Android和iOS全系列，今天和大家分享一下实际操作过程，如果各位大神觉得我说的还有点道理，请点个赞，如果觉得学生说的不对，请当面指出。

    先来看一下效果图

1.用sketch 画出具体位置（为方便适配Android这里设置画布大小为375*667）

为什么用375，请查看学生上一篇文章

2.逐渐增加细节，完成效果图

• 

3.开始标注，以便前端工程师更好的还原UI


• 

4.iOS标注完成


• 
• tab上这5个图标一定要控制在同一大小，这样会让他们自适应，为了方便点击
• 我将空白像素增加，起初灰色的矩形一是为了方便构图，二是为了方便
• 控制空白像素和方便切图

5.Android标注,将标注模式改为@1x（dp）


• 
• 
  

• 
• 此时，原先的px会自动变为dp，文字的标注会变成sp
  
• ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
• 这样，一份iOS和一份Android的标注就完成了，
• 这里需要注意的是：一定要和前端开发人员约定好，图中可见标注一定要
• 按照标注来，如果图中没有标注就自适应，比如上图的宽度我都没有标注
• ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
• 
  

6.切图，按快捷键“s”，然后点击对应的文件夹。

• 
• ===========================
• 为了控制空白像素，我采用了和ps切片类似的方法，如果各位有更好的留空白像素的方案，请不吝赐教！！！
•