iPhone更多螢幕尺寸對設計app的影響 - iOS

Table of Contents

iPhone一開始的規格是 320 x 480,

到 iPhone 4 變成 640 x 960 (解析度增倍,比例相同),

到 iPhone 5/5c/5s 系列時變 640 x 1136 (多一排icon),



由於許多iPhone app都是設計給直式使用,

而很多app也都用tableview或是像facebook那種不斷向下scroll的方式,

因此iPhone "變長不變胖" 不太是問題。



今天發表的 iPhone 6 和 iPhone 6 Plus 和iPhone 5系列都是16:9,

iPhone 5/5s/5c: 640 x 1136 (完美16:9為1137.7777)

iPhone 6: 750 x 1334 (完美16:9為1333.3333)

iPhone 6 Plus: 1080 x 1980 (完美16:9)

因此同樣的app,等比例放大就可以支援 iPhone 6/6 Plus了,

只要把解晰度不夠的圖片更新一下,馬上就完美相容6系列了。




當然完美的版面設計師不會罷休,

6 Plus的螢幕比5系列大了68.75%,可利用的地方又多了許多,

同樣的字放大成1.7倍也不甚美觀,

但是靠著 iOS 6 始推出的autolayout功能,應該也可以比Android開發減輕許多困擾。




最麻煩的應該就是類似iPad的splitview(橫放螢幕會分成左右部份)了,

新的iPhone和以前的iPad解析度比例大不同,不太能直接拿來使用。

--

All Comments

Zenobia avatarZenobia2014-09-14
iphone4s也可以 裝ios8喔
Edwina avatarEdwina2014-09-15
直式的app應該會直接卡在直式 轉螢幕也沒用
Edward Lewis avatarEdward Lewis2014-09-19
橫向模式應該就少數幾個特定app比較用的到而已
Annie avatarAnnie2014-09-20
4s更新ios8就是去買手機吧
Aaliyah avatarAaliyah2014-09-23
Android的設計師比較可憐
不過16:9的安卓手機16:10的安卓平板快統一了
以後兩個系統越來越像。
Anthony avatarAnthony2014-09-25
還是覺得4S大小最剛好 一手掌握放口袋也方便
Kelly avatarKelly2014-09-30
4s wifi的良率...慘
Puput avatarPuput2014-10-03
4S有點厚重...
Franklin avatarFranklin2014-10-07
蘋果在開發工具裡加了一支程式resize 搞定所有大小畫面問