记得在刚刚进入公司的时候，每个新人都需要有一个师傅来带，也许对于一些小的公司这些也是不存在的，但庆幸的是我们公司还算是一个中型的公司，对于团队之中的分工还算比较细致，每个人都有自己要忙碌的，没有任何一个人像学生时代老师那样的教你所需要的知识，所以做好自己的积累工作是很重要的。对于每个刚入门的小菜鸟ui设计师来说，最让人头痛的便是：规范、尺寸以及单位的汇算，在配合后台程序时所要出图的值，接下来便是我从学习过程的记录点滴。

1、先说说什么是DP？

其实对于一个非程序员来说完全弄清楚这个概念是比较复杂的，所以我们只需要知道它是用来做什么的就可以了，因为安卓阵营的碎片化，所以会有杂七杂八的不同分辨率的屏幕，我们作为一名ui设计师不可能对不同分辨率把应用的图片都切一遍吧？所以我们就用dp来定义一个文件的大小（是一种基本上和设备无关的单位，是可以保证一款ui在不同的设备上适配，而且效果不会出现很大的差距）。

2、上面讲了DP，下面就讲讲什么是48DP定律？

在通常的情况下48dp在物理屏幕上差不多是9毫米的大小，而在ui设计中所有的触摸类控件的推荐大小在7毫米到10毫米之间，因为在这个数值之间会使控件的点击率大大增加，在视觉上也比较舒服。所以说当你的可触摸控件高度和宽度大于等于48dp时，一方面可以保证你的控件在任何设备上都不会小于7毫米，同时也能够保证控件中的内容看起来比较舒服，也不会出现误触的现象。控件之间一定要有8dp的留白。

那就举个例子来讲，如下面如所示，左边的铅笔图片控件大小是48dp*48dp，右边按钮控件的高度是48dp，宽度是48*3dp，大小完全符合48dp定律。图片与按钮之间的间距是8dp，保证了图片与按钮之间合适的间距，按钮的内容和按钮控件最边缘间隔是4dp,这样如果两个按钮控件上下并排放在一起，也能保证两个按钮内容间距是8dp，从而保证其美观度。

3、在iOS里面常用的规格

就拿以iPhone6为基准作为场景的需求:一是，间距（间距的分类：a、模块之间的间距：通常20Px、30px、40px，根据实际情况调整，但我认为是10的倍数；b、两侧的间距：通常是30px；c、列表内部的间距：20px），总之是10的倍数。二是，字体的大小（a、通常字体的大小最小保持在24px，个别例如，时间不突出的元素可以用20px、22px；b、标题：标题文字最好的是30px，最小不低于28px，在下一级是24px）app中的所有界面文字大小需要统一，至于哪些内容是属于同一层级，这个需要慢慢的积累，慢慢的思考，我们的做法是前期制作一个统一视觉规范，控制文字大小；三是，颜色（a、背景色：通常是灰色f4f4f4，f3f3f3，f1f1f1；b、标题栏颜色：你所定的主色；c、底部tab颜色：默认状态是灰色，选中的颜色是你定的主色；c、列表内容文字颜色：一级标题通常是#000，#333，二级标题通常是#666，三级标题是#999【辅助色】）；d、按钮颜色：提交、确定、登录等重要按钮的颜色可以定主色，用的最多是橙色（#f63），最好选择一些饱和度和亮度较偏高的一点。

iOS界面最小的可点击区域是88px，iOS里面每个元素之间最小间隙是22px，iOS控件中常用尺寸是88px、44px，而间距的最好是20的倍数，iOS6里面640*960分为32*48格，所有的元素必须要落到栅格的边缘上。

4、Andriod里面常用的尺寸

一般48dp是可触摸ui的原件基础，48dp=72px=9mm（这是一个最小的触摸尺寸），Andriod最小的点击区域是48dp=72px=18sp，Andriod默认list的高度是72px=48dp，Andriod界面每个元素间距是8dp=12px，Andriod界面默认btn高度是60px=40dp。

综上所述，Andriod最小的默认间距是8dp（12px），而规范的图像尺寸是16dp、24dp、32dp、48dp均被8整除，因此采用8dp为栅格。720*1280划分为45个格。Andriod一般的切图尺寸：24*24、36*36、48*48、64*64、96*96；.9常用切图尺寸：96*96、72*72、64*64、48*48、36*36、24*24。

5、PPI、px、pt、dp、sp的名词解释与单位换算

.PPI（Pixels per Inch），中文为“像素每英寸“，也有一些老程序员叫做”像素密度“，意思是在设备1英寸物理长度上可以独立显示的物理像素。但要注意的是这个是我们一般在手机厂商对手机标注的单位。而在安卓的开发中它有另一个意思，就是”逻辑像素密度“。在手机系统中有一个配置文件写了一个参数，告诉系统应该以什么分辨率显示内容，写的一般120、160、360、480、640，分别对应从320p到2k的显示屏。这个“逻辑像素密度”是为了解决超高密度屏幕可以正常显示内容存在。（有了它就可以把同样是5.5英寸的1080p和2k屏幕显示相同内容，而这两块屏幕的物理PPI明显是不一样，并且有很大差别。有试过把2k屏手机改为1080p显示的同学可能就比较了解，2k里面这个参数值原来是640，当你改为480的时候，它就会以1080p的分辨率渲染，这样可以调高手机的运行速度。

iOS中，在目前最高分辨率iphone6 Plus里，手机首先会先把实际物理分辨率2208*1242（489ppi）乘以0.87压缩到1920*1080（1080p）渲染，

然后再以1080p的分辨率除以2.69英寸（iphone6 Plus屏幕宽度），得到401ppi的逻辑像素密度，所以我们最终在官方资料里看到的ipone6 Plus的ppi是“逻辑像素密度”而不是“物理像素密度”。

.PX：（Piexl），中文全称“图像元素”，简称“像素”，为显示设备的显示单位，也就是我们图像设计的基本单位。我们设计的图像上1个像素点，在显示设备上占用一个RGB显示单元。

.PT：（Point），中文翻译为“点”，这个pt并非平面印刷的“磅”单位，而是和dp、sp（详见后面解释）一样，是一个相对单位（没有绝对值，就算在物理尺寸上也没有绝对的值，换算值取决于屏幕尺寸和系统逻辑像素密度），无关设备物理尺寸。根据研究，人的手指点击屏幕的时候触碰面积大概是7-10mm，而物理单位上大约5.26pt=1mm（1pt~0.19mm），44pt大约相当于8mm。Pt单位用于iOS的UI设计，基于@1x（iphone3GS）1pt=1px；基于@2x（iphone4-iphone6s）1pt=2px；基于@3x(iphone6Plus)1pt=3px.

.DP：Device Independent Pixels，中文全称“设备独立像素”（也可译为“设备无关像素”，单词Independent有独立自主或者不相关的意思），也简称dip。正如其英文字面意思一样，它是一个“无关设备物理尺寸的单位”。原理和pt基本一致，用于安卓系统ui设计，一般用作长度单位，也可以用作文字单位，但是一般不建议这么用。要注意的是，决定它换算比例的是上面一开始所说的“逻辑像素密度”，而不是屏幕的物理ppi密度。这个一定要注意，否则你会无尽的陷入这个陷阱中。

.SP：Scaled Pixels，中文全称“可放缩像素”，这个单位的换算方式完全跟dp一样，这个单位跟dp最大的区别是，它一般用于文字的字号或者与文字相关的地方。它是一个可以放缩的单位，会根据系统设定，按照一定比例放大或者缩小，一般情况下文字都选择用sp为单位，其他使用dp为单位，并且不建议用dp作为文字字号，除非你十分肯定。不建议把sp用作其他非文本的元素尺寸、间距等，这样可能在用户放缩系统文字后导致你的布局错误。