app界面设计的规则.docx

1/ 2
移动端界面设计之尺寸篇
Ios
1. 尺寸及分辨率
Iphone 界面尺寸： 320x
480、 640x
960、 640x
1136、 ipad 界面尺寸： 1024x
768、2048x1536 （单位都是像素，分辨率和网页一样，基本只要 72ppi）
一般用640x960或者640x1136尺寸设计。
Ps：
作图最好用形状工具来画的，这样方便后期切图或者尺寸变化。
.界面基本元素组成
Iphone的app界面一般由四个元素组成，分别是：
状态栏，导航栏，主菜单栏（页脚）以及中间区域。、
这里用的是 640x960 的尺寸设计：
状态栏：
即使信号、运营商、电量等显示手机状态的区域，其高度为： 40px 导航
栏：
显示当前界面的名称，包含相应功能或者页面间的跳转按钮，其高度为：
88px 主菜单栏（页脚）：
2/ 2
类似页面的主菜单，提供整个页面的分类内容快速跳转，其高度为： 98px
内容区域：
展示应用提供的相应内容，整个应用中布局更最为频繁的，其高度为：
734px（ 960-40-88-98=734）
Android
.尺寸及分辨率
Android 界面尺寸： 480x
800、 720x
1280、1080x1920 （单位都是像素，分辨率和网页一样，基本只要 72ppi）
一般用720x1280尺寸设计，这个尺寸在720x1280中显示完美，在 1080x1920 中看起来清晰；切图后的图片文件大小也适中，应用的内存消耗也不 会过高。
.界面基本元素组成
Android的app界面也是由四个元素组成，分别是：
状态栏，导航栏，主菜单栏（页脚）以及中间区域。、
这里用的是 720x1080 的尺寸设计：