http://www.25xt.com/allcode/6941.html

自從iPhone 6/6+出現後，iOS版上的APP介面設計尺寸又發生了翻天覆地的變化。讓ios一下子跟安卓看齊了。進入了移動“雜屏”時代。

之前我們知道的，在移動app開發設計中，需要解決多種裝置尺寸適配問題，過去只屬於Android陣營的頭疼事兒，只是很多設計師選擇性地忽視android適配問題，只出一套iOS平臺設計稿。

如今隨著蘋果釋出兩種新尺寸的大屏iPhone 6，iOS平臺尺寸適配問題終於還是來了，移動設計全面進入“雜屏”時代。如下圖：

25學堂的建議就是，APP設計師必須考慮移動APP應用盡量適配大、中、小三種螢幕。

必須以選擇中間尺寸的iPhone 6（750px/375pt）作為基準設計或切圖。

更詳細的ios8介面設計的規範可以移步這裡：

以後我們做ios版的ui介面設計的時候，可以採用手機淘寶介紹的這樣的一個思路進行。

基本思路是：

1、選擇一種尺寸作為設計和開發基準（選擇中間尺寸的iPhone 6（750px/375pt）作為基準）

2、定義一套適配規則，自動適配剩下兩種尺寸；（規則包括：文字流式，控制元件彈性，圖片等比縮放）

3、特殊適配效果給出設計效果。

具體的解決方案如下：

第一步  APPUI視覺設計階段，設計師按寬度750px（iPhone 6）做設計稿，除圖片外所有設計元素用向量路徑來做。設計定稿後在750px的設計稿上做標註，輸出標註圖。同時等比放大1.5倍生成寬度1125px的設計稿，在1125px的稿子裡切圖。

第二步，輸出兩個交付物給開發工程師：一個是程式用到的@3x切圖資源，另一個是寬度750px的設計標註圖。

第三步，開發工程師拿到750px標註圖和@3x切圖資源，完成iPhone 6（375pt）的介面開發。此階段不能用固定寬度的方式開發介面，得用自動佈局（auto layout），方便後續適配到其它尺寸。

第四步，適配除錯階段，基於iPhone 6的介面效果，分別向上向下除錯iPhone 6 plus（414pt）和iPhone 5S及以下（320pt）的介面效果。由此完成大中小三屏適配。