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

David avatar
By David
at 2014-09-10T08:50

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解析度比例大不同,不太能直接拿來使用。

--
Tags: iOS

All Comments

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

Dr.愛瘋 2014.9.10 限時免費軟體報報

Rae avatar
By Rae
at 2014-09-10T08:23
完整圖文來源連結:http://app.yipee.cc/57742/ 加入我們的粉絲頁,看最新消息:https://www.facebook.com/Dr.iPhone.Fans ---------------------------------------------------------------- ...

有人覺得那條線是敗筆嗎?

Delia avatar
By Delia
at 2014-09-10T07:36
原本很想換IPHONE6的 之前照片流出說可能正式發表會沒有那條線 但是他還是在阿!!!!!!!!!!!! 我覺得整隻手機的拜筆就是外觀,是強迫用手機套嗎? 有沒有人也覺得很醜阿 為什麼板上沒甚麼人討論外觀... - ...

絕對不要用iTunes12.0安裝iOS8 GM

Odelette avatar
By Odelette
at 2014-09-10T07:04
如題 提醒一下要安裝iOS8 GM的朋友請記得備份然後更新OSX10.9的iTunes到11.4 如果用OSX10.10的iTunes 12.0會讓iDevice、iTunes像我現在一樣崩潰到不行 iDevice會變磚 然後一插上電腦iTunes就崩潰 或是插在電腦上iTunes就完全不能開 對於手邊 ...

iPhone 6 官方介紹影片 中文字幕

Sierra Rose avatar
By Sierra Rose
at 2014-09-10T06:48
https://www.youtube.com/watch?v=PbmT4AyOOZw 動作好快!! iWatch的介紹影片超長,不知道甚麼時候才會有中文字幕出來 - ...

Apple Event 重點整理

Bethany avatar
By Bethany
at 2014-09-10T05:40
看了幾年的發表會和每一代的IPhone規格~ 我似乎瞭解果迷非果迷對庫克執掌的蘋果為啥這麼多微詞了 這幾代的Iphone似乎只有siri和指紋辨識是端的上檯面的 其它的不僅乏善可陳~更慘的是當年的產品 幾乎都沒達到消費者或是各3C網站的期許 和預測蘋果該有的或是他們可以做到的配備和技術. 像大螢幕拖了好多年 ...