设计教程

APP界面设计教程：移动界面设计尺寸篇

3669

25学堂自成立以来，跟大家一起学习APP界面设计的2年过程中，我们也对Android与iPhone手机界面设计图的尺寸大小进行过几次的讲解。

不知道大家还记得有哪些？

今天，小编决定再来梳理下关于APP界面设计尺寸。算是一个关于app设计尺寸的专题吧！

APPLE APP STORE ICON:512 x 512 PX

IPHONE 4 App Icon：114 x 114 PX

IPHONE 3GS App Icon：57 x 57 PX

—————————————————————–

IPHONE 5 App UI：1136 * 640PX （设计时,高度还需要减去状态栏40PX）

IPHONE 4 App UI：960 * 640PX （设计时,高度还需要减去状态栏40PX）

IPHONE 3GS App UI：480*320PX

—————————————————————–

iPad 3：2048 x 1536PX (2倍于iPad2)

iPad 2：1024 x 768PX

—————————————————————–

Android Phone App Icon：512 x 512 PX

Android Phone App UI：

240x320PX

320x480PX

480x800PX

480x854PX

540x960PX (例如：HTC Sensation XE)

Android Tablet App UI：

600x1024PX

720x1280PX

800x1280PX

因为Android设计单位是dp，而1dp等于1.5px。

设计稿以px为单位的情况下，元素尺寸需要是1.5的倍数，才可以在Android手机显示清晰图片。

下面是25学堂一路过程中分享的关于移动界面设计尺寸的文章或APP设计干货。

第一篇：iphone APP界面设计尺寸官方版

发布于： 2012 年 10 月 20 日

25学堂教程原创一：iphone界面设计尺寸（640*960）px 该Iphone界面设计是从苹果官方网站帮助中心提取过来，这也是我第一次帮公司产品设计iphone版的UI使用的尺寸。由于之前接触的比较少，只知道苹果手机的界面尺寸是640*960，其实真正的大小是320*480，因为人的视网膜关系，苹果公司放大了2倍。