設計

iphone 6s的UI尺寸規格

一般我們要開始iOS的UI設計前,必須先注意iPhone的版本與尺寸,以下為目前的iPhone版本與尺寸分別為iPhone 6 Plus, iPhone 6, iPhone 5s, iPhone 5c。

iphone-size1

另外若是需要更進一步的尺寸規格,以下為UI設計時所需要的尺寸規格。

size01

製作iphone UI時影像的尺寸設定非常重要,尤其是status Bar,Navigation Bar,Tab bar都有固定的尺寸。

以IPhone5s為例,status Bar高為20pts、Navigation Bar高為44pts、Tab bar為49pts,

1pts=2px所以換算下來

status Bar高為40px、Navigation Bar高為88px、Tab bar為98px,

實際的內容高度尺寸為1136-(40+88+98)=910px。

我們以iPhone 5s為例,以下圖示為 IPhone4s 與 5s 設計尺寸。

PhonesTab