APP UI设计尺寸之为什么

问：安卓uI设计初始尺寸到底用多大合适？

答：用720px *1280px比较合适。

问：为什么呢？安卓尺寸很多，比如480x800，720x1280，1920x1080，为什么不用480x800和1920x1080？

答：

1、因为这个尺寸在目前属于主流尺寸，设计师只需要做一套UI，然后让前端工程师去给其他手机适配就可以了。

2、另外UI在安卓机上显示时会存在是否清晰以及是否加载太慢的问题。如果选择480x800，那么像素相对较低，选择1920x1080又会加载太慢。

问：在不考虑加载是否很慢的情况下，选择1920x1080这种很大分辨率的UI是最合适的吗，因为我想让UI在每台机子上都很清晰。

答：高分辨率的图片在dpi较低的机子上并不会很清晰。实际上，一个图片在手机上展示是否清晰是由两个因素决定的，分别是机子的硬件因素dpi以及图片的本身ppi决定。所以UI不是分辨率越大就越清晰。

问：啥子是ppi？啥子是dpi？说通俗点。

答：ppi是图片本身的清晰度，dpi是机子可以展示的清晰度，也就是说，当ppi很高，dpi也很高的时候，图片在机子上就会很清晰。如果ppi很高，但是某台机子的dpi很低，图片依然不会很清晰。如果ppi很低，dpi很高，图片也不会清晰。也就是说，只有当ppi和dpi的值相当的时候，图片的像素是最合适的。

问：ppi和dpi有什么换算关系吗？

图片的ppi=开平方（高度²+宽度²）/inch= px/inch；

机子的dpi=开平方（高度²+宽度²）/inch= dp/inch；

当dpi=160时，1px=1dp 。

通俗解释（大家可以不看，以免有的人越看越乱）

ppi和dpi的关系可以这样理解。首先我们有一张图片，我们通过ps把它描述出来。当我们每一单位的px越大（ppi越大），也就描述得越清楚。那么当我们在ps中很清楚的描述了一张图片后，我又将在安卓机子上再一次描述，第二次描述得是否清楚由dpi决定，所以当dpi很大时图片就会被很好的二次描述了。但是如果图片在ps中第一次描述时就不够清楚（ppi比较低），那么无论第二次描述有多清楚（dpi较大），图片依然很模糊，至多也和第一次被描述的一样。

当机子的dpi=160时 1dp=1px 图片的二次描述就比较清楚了。

当机子的dpi=240时 1dp=1.5px 就类似于图片在二次描述时描述了1.5次，多描述了半次，

当机子的dpi=320时 1dp=2px 就类似于图片在二次描述时描述了2次，多描述了1次，

实际上，当图片在二次描述中被描述两次时就描述得很清楚了，如果在多描述几次，人的眼睛也看不出来了。其中苹果推出的Retina视网膜屏就是329dpi的已经很高了。如果再高一点人眼也无法感受到了。

问：前端工程师是怎么适配各个不同分辨率的手机的呢？需要设计师配合吗？

答：前端工程师通过控制UI在各个不同分辨率手机中的展示比例来适配，一般情况下设计师不会再参与和配合了。

具体的说，前端工程师会把设计好的UI按手机固有尺寸的比例缩放。如果比例一样，那么设计的UI会在对应的机子上完美展示，如果机子相对UI过短，那么前端工程师可能会按UI的宽度缩放，那么UI在安卓机上不能满屏看完，只能通过向上滑动来全部查看。如果机子相对UI过长，那么前端工程师可能会按UI的长度来缩放。那么可能会导致UI在机子上只能看到UI的中部，两边的内容被遮盖了，除非左右滑动才能看完整个UI。所以，为了解决UI在某些机子上不能满屏展示的问题。会有以下处理方式。

1、UI在机子上太短，用户可以通过向下滑动来查看整个UI，并不是很影响用户体验，所以不一定要修改。

2、UI在在机子上长，一般用户不喜欢在手机上左右滑动，所以需要修改。修改方案是，UI的两边放一些背景元素，即使被遮盖也不影响用户体验，只是在满屏显示时，UI两边的背景可能看起来太宽。

3、如果以上两种处理方式都不满意，那就改变UI的布局来适应各中奇葩的分辨率了，如改变原有字体的绝对大小，改变图片的排版（从两行变为三行）等。针对这种情况，设计师当然要参与进来给前端工程师建议了。如果前端工程师适配不了当前机子的尺寸，设计师就需要重新为该机子设计一款新的UI。

总结：说了这么多，大家其实只想问安卓机那么多的尺寸，到底要用哪一个尺寸才可以让UI在每一个机子上不变形，不模糊呢？

想不变形，前端工程师可能帮你里搞定，但是用户可能会下拉。

想不模糊，就用一个中不溜的分辨率让它在众多奇葩分辨率的机子展示，大概看着差不多就行。

总之，如果设计师只设计一套UI的话，是根本不能做到UI在每台机子上完美展示的。