設(shè)計教程

APP界面設(shè)計教程：移動界面設(shè)計尺寸篇

3850

25學(xué)堂自成立以來，跟大家一起學(xué)習(xí)APP界面設(shè)計的2年過程中，我們也對Android與iPhone手機(jī)界面設(shè)計圖的尺寸大小進(jìn)行過幾次的講解。

不知道大家還記得有哪些？

今天，小編決定再來梳理下關(guān)于APP界面設(shè)計尺寸。算是一個關(guān)于app設(shè)計尺寸的專題吧！

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 （設(shè)計時,高度還需要減去狀態(tài)欄40PX）

IPHONE 4 App UI：960 * 640PX （設(shè)計時,高度還需要減去狀態(tài)欄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設(shè)計單位是dp，而1dp等于1.5px。

設(shè)計稿以px為單位的情況下，元素尺寸需要是1.5的倍數(shù)，才可以在Android手機(jī)顯示清晰圖片。

下面是25學(xué)堂一路過程中分享的關(guān)于移動界面設(shè)計尺寸的文章或APP設(shè)計干貨。

第一篇：iphone APP界面設(shè)計尺寸官方版

發(fā)布于： 2012 年 10 月 20 日

25學(xué)堂教程原創(chuàng)一：iphone界面設(shè)計尺寸（640*960）px 該Iphone界面設(shè)計是從蘋果官方網(wǎng)站幫助中心提取過來，這也是我第一次幫公司產(chǎn)品設(shè)計iphone版的UI使用的尺寸。由于之前接觸的比較少，只知道蘋果手機(jī)的界面尺寸是640*960，其實真正的大小是320*480，因為人的視網(wǎng)膜關(guān)系，蘋果公司放大了2倍。

第二篇：移動APP界面設(shè)計尺寸視頻教程

【課程目標(biāo)】快速了解Android與 iPhone手機(jī)界面設(shè)計規(guī)范，如在做效果圖設(shè)計時需要注意的手機(jī)分辨率、界面尺寸、圖標(biāo)大小、如何切片等等... 【課程受眾】正在學(xué)習(xí)Android與 iPhone手機(jī)界面設(shè)計的新手朋友們。