1、選擇一種尺寸作為設計和開發基準

定義一套適配規則，自動適配剩下兩種尺寸

特殊適配效果給出設計效果

iphone5/5s/6/6plus的長寬比均為9:16

750/1080≈1334/1920≈0.68≈2/3

      750x1.5=1125    1134x1.5=2001

iphone6p有兩種顯示模式，標準模式解析度為1242x2208，放大模式解析度為1125x2001(iphone6的1.5倍)

2、750px(iphone6)做設計稿，除圖片外所有設計元素用向量路徑來做

750px的設計稿標註，同比放大1.5倍，生成1125px再切圖 @3x切圖

完成完成iphone6的開發，開發使用自動佈局（auto layout

向上調整製作iphone6plus  向下調整製作iphone5

文字流式（一行行排  大屏的話行數變少）

控制元件彈性（高度不變，寬度變大時調整元素間距或者元素右對齊實現自適應，這樣螢幕大時垂直方向可以顯示更多內容，發揮大螢幕的優勢）

圖片等比例縮放

3、ios切圖的一些注意事項

圖示：1024x1024px  圓角180px（上傳直角）

所有圖形部件尺寸必須為偶數，樣式中陰影、發光、描邊的數值也必須為偶數

所有可點選的部件必須大於88x88px

建議儘量使用可平鋪圖案設計介面(如：切為2px的一個豎直漸變豎條)

若切圓角半徑為a的按鈕 則切為寬度為2a+2px的

意思是能重複的都切為2px  不能重複的就都保留 如圓角

中文字型為Heiti SC 所有字型使用偶數字號進行設計

所有切圖必須為偶數

所有按鈕需有兩種狀態——正常狀態和按下狀態

一般情況下切圖格式為png24(也可以用jpg)

4、命名

圖性質_功能相關描述_圖片描述（可無）_狀態說明（可無）@2x.png

[email protected]

[email protected]

[email protected]

[email protected]

bg_main-568h.png

5、螢幕尺寸

1英寸=2.54釐米

6、螢幕解析度

橫縱方向上的畫素點數 1px=1個畫素點 常縱x橫  如：1920x1080

7、螢幕畫素密度

每英寸上的畫素點數 dpi   解析度越高 

安卓

Android介面尺寸：480x854   720x1280(建議設計尺寸)  1080x1920

一些公式       720p(720x1080)                 px=dp*2

1080p(1080x1920)           px=dp*3

注意事項  圖示必須為正方形  必須為偶數 若佔不滿  留的空隙必須為偶數 

xx.9.png

安卓最小空間48dp

2、按鈕命名

按鈕常態：normal                                   重新整理：refresh

按鈕選中狀態：selected                        背景：bg

按鈕按下狀態：down                              使用者：user

按鈕不可用狀態：dis                              刪除：del

導航條：nav                                             按鈕：btn

搜尋：search     圖示：icon

返回：back      彈出視窗：popup

主選單欄：tab                                          編輯：edit

個人資料：profile     新增：add

只有安卓才有.9