王佳冬中文博客

我承认，确实好久没谈设计了，特别是移动端的设计，自从iPhone 6 、iPhone 6 plus以及iOS 8发布以来，确实给设计带来了新的挑战，今天就来说说iPhone的一些设计尺寸以及设计规范等。

iPhone设计基本概念

各种iPhone的屏幕大小： 4/4S  3.5’’    5/5S  4’’   6  4.7’’    6plus 5.5’’。屏幕的实际像素密度（ppi)不同。 分辨率单位为pt  ，像素单位为pixel。注意，在这个分辨率下渲染后， 图像等比例降低pixel分辨率至1080p（1080×1920）。如果真的要等比例实际是 @2.46x 。

iPhone设计尺寸

iphone4s     分辨率为：  320*480  像素 640×960   @2x
iphone5       分辨率为： 320*568   像素 640×1136 @2x
iphone6       分辨率为 :  375*667   像素750×1334  @2x
iphone6 plus 分辨率为 :   414*736   像素 1242*2208 @3x

APP图标设计规范

iPhone6 Plus (@3×)           App Store：1024×1024 px    程序应用：180×180 px    主屏幕：114×114 px
iPhone6 (@2×)                    App Store：1024×1024 px    程序应用：120×120 px    主屏幕：1114×114 px
iPhone5 – 5C – 5S (@2×)    App Store：1024×1024 px    程序应用：120×120 px     主屏幕：1114×114 px
iPhone4 – 4S (@2×)            App Store：1024×1024 px    程序应用：120×120 px     主屏幕：1114×114 px

APP界面设计规范

iPhone6 plus           状态栏高度：60px    导航栏高度：132px    标签栏高度：147px
iPhone6                   状态栏高度：40px     导航栏高度：88px     标签栏高度：98px
iPhone5 – 5C – 5S   状态栏高度：40px    导航栏高度：88px      标签栏高度：98px
iPhone4 – 4S           状态栏高度：40px    导航栏高度：88px      标签栏高度：98px