(资料图片仅供参考)

对于UI设计师来讲，掌握一些设计方面的知识，往往可以更轻松的和设计师交流。而首先我们应该了解的就是移动端设计尺寸规范。众所周知，当前移动端屏幕尺寸非常多，碎片化非常严重。不管是IOS还是安卓，有很多种分辨率。总结如下： 像素:密度要知道，屏幕是由很多像素点组成的。之前提到那么多种分辨率，都是手机屏幕的实际像素尺寸。比如480×800的屏幕，就是由800行、480列的像素点组成的。每个点发出不同颜色的光，构成我们所看到的画面。而手机屏幕的物理尺寸，和像素尺寸是不成比例的。典型的例子，iPhone 3gs的屏幕像素是320×480，iPhone 4s的屏幕像素是640×960。刚好两倍，然而两款手机都是3.5英寸的。所以，我们要引入重要的一个概念：像素密度，也就是PPI（pixels per inch）。这项指标是连接数字世界与物理世界的桥梁。　　屏幕大小：指屏幕的物理尺寸，一般用屏幕对角线长度表示，单位英寸。如 5 英寸屏幕。1英寸 = 2.54 厘米。　　获知手机屏幕的大小主要有两种方法。注意，虽然提示为“主屏尺寸”，但目前一般的手机辅助类软件并不提供屏幕大小的查询，只提供屏幕分辨率的查询。　　方法一：去 ZOL 中关村在线查，输入手机型号搜索即可。（图中，1 处为屏幕大小，2 处为屏幕分辨率）　　方法二：用尺量屏幕对角线长度，然后换算成英寸（2.54厘米 = 1 英寸）。设计软件的分辨率为：72 像素/英寸 一、iOS1、苹果iOS版本的iphone APP UI设计尺寸规范iphone 5： 设计尺寸是 640px * 1136px　　iphone 4/4s： 设计尺寸是 640px * 960px　　设计软件的分辨率为：72 像素/英寸　2、苹果iOS版本的ipad APP UI设计尺寸规范主流ipad3 -ipad4的设计尺寸是：1536px * 2048px 以此为设计蓝本　　ipad1 -ipad2的设计尺寸是： 1024px * 768px　　ipad界面设计规范,新手设计iPad的必备宝典　二、AndroidAndroid界面尺寸：480*800、720*1280、1080*1920。[单位：像素]　　Android比iPhone的寸尺多了很多套，建议取用720*1280这个尺寸，这个尺寸720*1280中显示完美，在1080*1920中看起来比较清晰，切图后的图片文件大小也适中，应用的内存消耗也不会过高。　界面基本组成元素：Android的app界面和iPhone的基本相同：状态栏、导航栏、主菜单、内容区域。　　Android中我们取用的720*1280的尺寸设计，那我们就说说在这个尺寸下这些元素的尺寸。态栏高度为：50px　　导航栏高度为：96px　　主菜单栏高度为：96px　　内容区域高度为：1038px(1280-50-96-96=1038)　　具体大小，还是那句话，找自己喜欢的app界面，手机截图后放进PS自己比对调节字体大小，切记，一定是高清截图