一般情况要定位一个Icon只需给出上/下边距，左/右边距
标注图标距离只需标到可点击范围外
通用型颜色、字体单独标明一份
通用型模块只需单独标明一份，如导航栏
手机可视区域一般为宽度固定，长度超出边界可滑动，所以，标注物体宽度时可按比例说明
如果要标注内容上下居中，左右居中，或等比可不标注
当绘制的是一个列表时且每一条内容一样时，只需标注一条，如果每条内容有少许不同时，只需标明差异部分
当交付的是一张完整图片时，不需做机型适配，只需给高清图(1920*1080)即可，注意进行压缩
当背景是纯色时只需给出色值（iOS使用RGB色值，Android使用16进制色值）
图标应给出可点击区域
若图标在不同页面重复出现，且尺寸相差不大，直接给出最大一份切图，并在圆形图标明尺寸，程序会根据需求缩放
可点击按钮通常要给出两种状态：普通/点击(选中)
按钮如果只是矩形、圆角矩形、圆形、椭圆形，给出尺寸和色值，可程序设置
渐变效果可通过程序实现，只需给出起始和结束色值跟范围
2.切图命名规范
背景：bg_xxx.png
按钮：btn_xxx_normal.png/btn_xxx_select.png
图片：img_xxx.png
标签：tab_xxx.png
图标：icon_xxx.png
照片：pht_xxx.png
导航：nav_xxx.png
图示：tip_xxx.png
菜单：menu_xxx.png
侧栏：sidebar_xxx.png
二、iOS应用屏幕适配
1.iOS究竟要是适配多少种机型，以哪款机型分辨率作为设计尺寸最好
2016-3
iOS只需兼容iPhone4，完美兼容iphone5以上机型
如果按矢量图制作设计图按1X尺寸作图，后期放大成2X、3X；如果按传统的px作图应用最大尺寸(3X)作为画布。
以3X作为画布(1242*2208)难记且不能整除，我们可直接以1280(640*2)作为宽度，完美缩放为1X、2X;
2X-3X以1.5来算尺寸和字号可得到较好效果
2.界面尺寸
设备分辨率状态栏高度导航栏高度标签栏高度
iPhone6plus1242*2208px60px132px146px
iPhone6750*1334px40px88px98px
iPhone5/5s/5c640*1136px40px88px98px
iPhone4/4s640*960px40px88px98px
iPad3/4/Air/Air2/mini22048*1536px40px88px98px
iPad1/21024*768px20px44px49px
iPadmini1024*768px20px44px49px
导航栏背景图中,如果考虑状态栏背景,则背景图尺寸为导航栏px+状态栏px,如果只改变导航栏颜色则只需要导航栏px
3.图标尺寸
设备AppStore程序应用主屏幕spotlight搜索标签栏工具栏和导航栏
iPhone6plus1024*1024px180*180px144*144px87*87px75*75px66*66px
iPhone61024*1024px120*120px144*144px58*58px75*75px44*44px
iPhone5/5s/5c1024*1024px120*120px144*144px58*58px75*75px44*44px
iPhone4/4s1024*1024px120*120px144*144px58*58px75*75px44*44px
iPad3/4/Air/Air2/mini21024*1024px180*180px144*144px100*100px50*50px44*44px
iPad1/21024*1024px90*90px72*72px50*50px25*25px22*22px
iPadmini1024*1024px90*90px72*72px50*50px25*25px22*22px
按钮切图建议以等宽高尺寸切图,且像素必须=88、*88px,当本身图片宽度或高度不足时,补充空白像素(透明像素).一般情况下,只需要普通状态下按钮切图即可
(适配不建议等比放大)
4.参考文献
友盟设备指数
APP切图流程和APP切图命名规范详细完整版
APP切图详细规范终极指南
iOS和Android的app界面设计规范
APP界面切图命名和文件整理规范
三、Android应用屏幕适配
1.用px作为基础单位的缺陷
对比上图可以知道，ppi越低图片显示的越大，ppi越高图片显示的越小，造成不同手机上显示图片布局不统一！
使用dp作为单位所有机子显示统一
2.衡量一个屏幕清晰度单位————屏幕密度(dpi==ppi)
计算公式：屏幕dpi=√(屏幕长^2+屏幕宽^2)/屏幕尺寸
名称密度代表分辨率Android单位与像素换算
mdpi120dpi~160dpi320*4801dp=1px
hdpi160dpi~240dpi480*8001dp=1.5px
xhdpi240dpi~320dpi720*12801dp=2px
xxhdpi320dpi~480dpi720*1280/1080*19201dp=3px
xxxhdpi480dpi~640dpi2k~4k1dp=4px
屏幕大小启动图标操作栏图标上下文图标系统通知图标(白色)最细笔画
320*480px48*48px32*32px16*16px24*24px不小于2px
480*800px/480×854px/540×960px72*72px48*48px24*24px36*36px不小于3px
720*1280px96*96px64*64px32*32px48*48px不小于4px
1080*1920px144*144px96*96px48*48px72*72px不小于6px
3.究竟要适配多少种机型
得出结论：只需适配高端的xxhdpi(720*1280/1080*1920)，低端的hdpi(480*800)
4.度量单位与边框
可触摸控件都是以48dp为单位的
为什么是48dp？一般情况下，48dp在设备上的物理大小是9mm(会有一些变化)。这刚好在触摸控件推荐的大小范围(7-10mm)内，而且这样的大小，用户用手指触摸起来也比较准确、容易。(xxhdpi标准下为144px)
边框注意留白界面元素之间的留白应当是8dp。
例：
5.字体排版
Roboto是Android系统的默认字体集，字体大小单位sp（可缩放像素数，scaleablepixels）
根据Android设计规范，推荐使用12、14、16、20和34号，字体粗细可调
spHDPIXHDPIXXHDPI
12sp18px24px36px:
14sp21px28px42px
16sp24px32px48px
18sp27px36px54px
20sp30px40px60px
34sp51px68px102px
（注意：字号要为双数，且不可带小数位）
6.9-patch图制作
什么是9-patch图
为什么要用9-patch格式制作图
适应各种手机屏幕拉伸图片需求，有效缩减图片体积
什么情况下使用
当发现图片是背景时且可能拉伸被拉伸时，或图片过大时
如何制作patch9图
图片外层增加一全透明像素，在透明像素区花4条纯黑色边
1.宽度可拉伸区域
2.高度可拉伸区域
3.垂直内容区域
4.水平内容区域
8.参考文献
Android设计指南简体中文版4.x
MaterialDesign中文版
Android设计中的.9.png
基本概念
1、手机屏幕尺寸计算方式：对角线尺寸／2.54（1英寸＝2.54厘米）
2、分辨率：屏幕上显示的像素个数，单位尺寸内像素点越多，显示的图像就越清楚。
上图中红框框出来的是现在市场上主流的分辨率，只要记这三个就可以。其他的已被淘汰。
3、屏幕密度：屏幕每英寸有多少个像素。
4、单位：dp是开发中用于描述尺寸和间距。
sp是用于描述字号和行距。
用哪种分辨率来设计？
原则上需要为不同的分辨率去单独设计效果图，但由于实际情况，只需要采用一种分辨率去设计，目前多数采用720＊1280的分辨率。
需要提供几套切图？
只需要一套切图即可
720＊1280尺寸的切图可以适配其他机型，有些特殊的切图需要单独适配的，比如icon等。
适配480800的机型，只需要把切图／1.5即可。
适配10801920的机型，只需要把切图＊1.5即可。适配此分辨率的时候，需要在7201280下画图的时候，尽量采用矢量图形来画图。
例如，图标是4848的时候，适配10801920点时候，48px＊1.5＝72px.把矢量图形调整为72px即可。开发会把切图放到xxhdpi的文件目录下，就会自动适配10801920
同样，适配480800的时候，48px/1.5=32px.开发把切图放到hdpi文件目录中，会自动适配。
7201280的切图，开发放到xhdpi的目录下。
注：设计图片的时候尽量采用偶数。
需要提供几套标注？
在720*1280分辨率下进行设计，此分辨率下1dp=2px.
可以直接使用dp标注尺寸，sp标注文字大小
注：使用dp标注尺寸。使用sp标注文字大小
该使用什么字体及字号？
中文字体：思源
英文字体：Android4.x及以上采用Roboto,Android2.x和3.x采用DroidSans.
字号：12sp、14sp、18sp、22sp（也可根据实际情况调整）
目前掌握以上知识点，可能多少也有些小问题，欢迎有经验的大神指正、指导。谢谢啦～
目前主流的是以iPhone6为主，设计尺寸是750*1334px，4.7寸。
1、分辨率以iPhone6设计为主：750*1334px
2、（字体Helvetica/华文细黑，实际中运用黑体简或者Hiti-sc最接近系统中所带字体）
3、工具栏height：88px如搜索、选择、删除、回复等。
4、顶部标签栏height：60px位于状态栏或者状态栏下的文字/具有可切换功能的图标
1、导航栏
所有的字号，在750*1334px的设计尺寸下都是偶数，便于程序员操作。
所有可触发按钮必须≥44*44
所有可触发按钮必须≥22*22
左右内容与边距的间隔大概在20px
强调确定，填充有彩色。
例如：
搜索框右边要有一个取消、或者输入了之后有一个“x”
渐变和底纹效果和程序员商讨
设计尺寸：720*1280px
状态栏48px导航栏96px内容区1038px标签栏112px
在移动端UI设计中，经常会用到的单位有4种：px、pt、dp和sp，很多人分辨不清这几种单位及其换算关系，以及iOS和Android的切图要求，我在这里做下简单的介绍，希望大家读完后能有所收获（如有错误，欢迎纠正）。
px即pixel，像素点，电子屏幕上组成图像的最基本单位，在描述屏幕分辨率时也会使用该单位。1px表示一个像素，例如iPhone8的尺寸为750px×1334px，表示在该手机屏幕上，水平方向每行有750个像素点，垂直方向每列有1334个像素点。
pt即point，有两个含义：一是印刷行业常用单位，是一个标准长度单位，绝对大小，1pt=1/72英寸=0.35mm；二是iOS开发用的基本单位，当设计师以1倍尺寸进行设计(375pt×667pt)并给出标注稿时，开发人员无需除以2便可直接使用。
dp是安卓开发用的基准单位，在dpi(屏幕像素密度，即每英寸包含的像素点)为160的屏幕为上，1dp=1px。为了简单起见，Android把屏幕密度分为了5种：mdpi、hdpi、xhdpi、xxhdpi、xxxhdpi，下文会详细介绍其换算关系。
在iOS开发中，不同机型的iPhone设备需要用到不同倍率的切图，下表格为各iPhone机型显示屏参数对比：
这里再简单了解下两个概念，ppi和dpi。
ppi(iOS)：即pixelperinch，屏幕像素密度，表示每英寸所包含的像素点，该值越高，屏幕越细腻。
dpi(iOS)：开发像素密度，表示每英寸所包含的开发像素点。
在iOS开发中，规定以ppi=163，dpi=163作为开发基准，
当ppi=163，dpi=163时，则1pt=1px；
当ppi=326，dpi=163时，则1pt=2px；
当ppi=401，dpi=154时，则1pt=2.6px≈3px。
(为什么iPhone8+/7+/6+的开发基准是154？可能要问问苹果了...)
依此类推，得出换算公式一：
若有小数，四舍五入即可。
在iOS开发中，目前只需要@2x和@3x两种切图，所以导出2倍和3倍的png图片即可。导出前注意检查切图是否存在半像素、毛边等情况，保证对齐像素，这样才能有效避免上线后页面上的icon出现虚边的问题，提高细节质量。
另外补充一点：从整体开发尺寸看，iPhone8是375×667pt(@2x)，而iPhoneX是375×812pt(@3x)，同样的宽度，一个用@2x图，一个用@3x图，iPhoneX表现出了更高的清晰度，如图2-1所示。
在Android开发中，因为机型参差不齐，需要用屏幕密度来区分设计。
注意，这里的dpi(Android)和上文的dpi(iOS)是不同的概念，dpi(iOS)是开发像素密度，而dpi(Android)即dotperinch，表示屏幕像素密度，类似iOS开发里的ppi。
Android中，规定以dpi=160为开发基准，
当dpi=160，基准dpi=160，1dp=1px；
当dpi=240，基准dpi=160，1dp=1.5px；
当dpi=320，基准dpi=160，1dp=2px。
依此类推，得出换算公式二：
在设计图标时，对于5种主流的屏幕像素密度(mdpi、hdpi、xhdpi、xxhdpi、xxxhdpi)应按照2:3:4:6:8的比例进行缩放，如图3-1所示。
例如，一个启动图标的尺寸为48×48dp，这表示在mdpi的屏幕上其实际尺寸应为48×48px；在hdpi的屏幕上其实际大小是mdpi的1.5倍(72×72px)；在xhdpi的屏幕上其实际大小是mdpi的2倍(96×96px)，依此类推。
在某些况行下，还需要提供一种特殊的切图：点九图(上图所示)。点九图是Android开发中用到的一种特殊格式的图片，文件名以“.9.png”结尾。
这种图片能告诉程序，图像哪一部分可以被拉升，哪一部分不能被拉升需要保持原有比列。运用点九图可以保证图片在不模糊变形的前提下做到自适应，比如对话框背景图片就会用到点九图。