iPhone 6/6 Plus 上市,設計師面臨前所未有的適配挑戰。
核心問題:邏輯像素不一
- Android:物理像素 ÷ 密度倍率 = 統一邏輯像素,資訊量一致。
- iPhone 6/6 Plus:不同倍率下邏輯像素各異,資訊量差異巨大。
- 5s:640×1136 pt (@2x)
- 6:750×1334 pt (@2x)
- 6 Plus:1242×2208 pt (@3x,再下採樣至 1080×1920)
設計啟示
- 單一設計稿無法兼顧 5s/6/6 Plus,需多套切圖或響應式佈局。
- iOS 8 引入 Auto Layout / Size Classes,強制開發者採用自適應佈局(類似網頁 RWD)。
- 6/6 Plus 橫向模式更需響應式設計。
結論:絕對座標佈局時代結束,自適應/響應式設計是唯一出路,設計師需轉型思維。