马上就加载好了...
王佳冬中文博客

iPhone最新设计尺寸及设计规范分享

by on Jan 26 , 2015 , under 知识管理 , 159 views , 1 Comment , 网址太长?

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

ui

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

 

你可能喜欢的博文:
 

沙发没了,但板凳还在!

  1. 2015互联网事件盘点——我的内心几乎是崩溃的,然并卵! | 王佳冬中文博客 - 关于旅行,关于互联网

    […] 相关事件:这一年发布的重要科技产品有,iwatch、iphone 6s、iPad Mini 4、特斯拉Model 3、gopro hero4、大疆 Phantom 3、Surface Pro 4等 […]

赶快说点什么吧! ^_^