一、App屏幕適配通用知識簡介
1. 標注時注意事項
一般情況要定位一個Icon只需給出 上/下邊距，左/右邊距
標注圖標距離只需標到可點擊范圍外
通用型顏色、字體單獨標明一份
通用型模塊只需單獨標明一份，如導航欄
手機可視區(qū)域一般為寬度固定，長度超出邊界可滑動，所以，標注物體寬度時可按比例說明
如果要標注內容上下居中，左右居中，或等比可不標注
當繪制的是一個列表時且每一條內容一樣時，只需標注一條，如果每條內容有少許不同時，只需標明差異? ? ? ? ? ? ? 部分
當交付的是一張完整圖片時，不需做機型適配，只需給高清圖(1920*1080)即可，注意進行壓縮
當背景是純色時只需給出色值（iOS使用RGB色值，Android使用16進制色值）
圖標應給出可點擊區(qū)域
若圖標在不同頁面重復出現(xiàn)，且尺寸相差不大，直接給出最大一份切圖，并在圓形圖標明尺寸，程序會根據(jù)需求縮放
可點擊按鈕通常要給出兩種狀態(tài)：普通/點擊(選中)
按鈕如果只是矩形、圓角矩形、圓形、橢圓形，給出尺寸和色值，可程序設置
漸變效果可通過程序實現(xiàn)，只需給出起始和結束色值跟范圍
2. 切圖命名規(guī)范
背景：bg_xxx.png
按鈕：btn_xxx_normal.png/btn_xxx_select.png
圖片：img_xxx.png
標簽：tab_xxx.png
圖標：icon_xxx.png
照片：pht_xxx.png
導航：nav_xxx.png
圖示：tip_xxx.png
菜單：menu_xxx.png
側欄：sidebar_xxx.png
二、iOS應用屏幕適配
1. iOS究竟要是適配多少種機型，以哪款機型分辨率作為設計尺寸最好
2016-3
iOS只需兼容iPhone4，完美兼容iphone5以上機型
如果按矢量圖制作設計圖按1X尺寸作圖，后期放大成2X、3X；如果按傳統(tǒng)的px作圖應用最大尺寸(3X)作為畫布。
以3X作為畫布(1242*2208)難記且不能整除，我們可直接以1280(640*2)作為寬度，完美縮放為1X、2X;
2X->3X以1.5來算尺寸和字號可得到較好效果
2. 界面尺寸
設備分辨率狀態(tài)欄高度導航欄高度標簽欄高度
iPhone6 plus1242*2208px60px132px146px
iPhone6750*1334px40px88px98px
iPhone5/5s/5c640*1136px40px88px98px
iPhone4/4s640*960px40px88px98px
iPad3/4/Air/Air2/mini22048*1536px40px88px98px
iPad1/21024*768px20px44px49px
iPad mini1024*768px20px44px49px
導航欄背景圖中,如果考慮狀態(tài)欄背景,則背景圖尺寸為導航欄px+狀態(tài)欄px,如果只改變導航欄顏色則只需要導航欄px
3. 圖標尺寸
設備App Store程序應用主屏幕spotlight搜索標簽欄工具欄和導航欄
iPhone6 plus1024*1024px180*180px144*144px87*87px75*75px66*66px
iPhone61024*1024px120*120px144*144px58*58px75*75px44*44px
iPhone5/5s/5c1024*1024px120*120px144*144px58*58px75*75px44*44px
iPhone4/4s1024*1024px120*120px144*144px58*58px75*75px44*44px
iPad3/4/Air/Air2/mini21024*1024px180*180px144*144px100*100px50*50px44*44px
iPad1/21024*1024px90*90px72*72px50*50px25*25px22*22px
iPad mini1024*1024px90*90px72*72px50*50px25*25px22*22px
按鈕切圖建議以等寬高尺寸切圖,且像素必須>=88、*88px , 當本身圖片寬度或高度不足時,補充空白像素(透明像素).一般情況下,只需要普通狀態(tài)下按鈕切圖即可
(適配不建議等比放大)
4. 參考文獻
1.用px作為基礎單位的缺陷
對比上圖可以知道，ppi越低圖片顯示的越大，ppi越高圖片顯示的越小，造成不同手機上顯示圖片布局不統(tǒng)一！
使用dp作為單位所有機子顯示統(tǒng)一
2. 衡量一個屏幕清晰度單位————屏幕密度(dpi==ppi)
計算公式：屏幕dpi = √ (屏幕長^2 + 屏幕寬^2) / 屏幕尺寸
名稱密度代表分辨率Android單位與像素換算
mdpi120dpi~160dpi320*4801dp=1px
hdpi160dpi~240dpi480*8001dp=1.5px
xhdpi240dpi~320dpi720*12801dp=2px
xxhdpi320dpi~480dpi720*1280/1080*19201dp=3px
xxxhdpi480dpi~640dpi2k~4k1dp=4px
屏幕大小啟動圖標操作欄圖標上下文圖標系統(tǒng)通知圖標(白色)最細筆畫
320*480px48*48px32*32px16*16px24*24px不小于2px
480*800px/480×854px/540×960px72*72px48*48px24*24px36*36px不小于3 px
720*1280px96*96px64*64px32*32px48*48px不小于4 px
1080*1920px144*144px96*96px48*48px72*72px不小于6 px
3.究竟要適配多少種機型
2016-3
得出結論： 只需適配高端的xxhdpi(720*1280/1080*1920)，低端的hdpi(480*800)
4. 度量單位與邊框
可觸摸控件都是以 48dp 為單位的
為什么是 48dp？一般情況下，48dp 在設備上的物理大小是 9mm (會有一些變化)。這剛好在觸摸控件推薦的大小范圍 (7-10mm) 內，而且這樣的大小，用戶用手指觸摸起來也比較準確、容易。(xxhdpi標準下為144px)
邊框注意留白界面元素之間的留白應當是8dp。
例：
5. 字體排版
Roboto是Android系統(tǒng)的默認字體集，字體大小單位sp（可縮放像素數(shù)，scaleable pixels）
根據(jù)Android設計規(guī)范，推薦使用12、14、16、20和34號 ，字體粗細可調
spHDPIXHDPIXXHDPI
12sp18px24px36px:
14sp21px28px42px
16sp24px32px48px
18sp27px36px54px
20sp30px40px60px
34sp51px68px102px
（注意：字號要為雙數(shù)，且不可帶小數(shù)位）
6. 9-patch 圖制作
什么是9-patch圖
為什么要用9-patch格式制作圖
適應各種手機屏幕拉伸圖片需求，有效縮減圖片體積
什么情況下使用
當發(fā)現(xiàn)圖片是背景時且可能拉伸被拉伸時，或圖片過大時
如何制作patch9 圖
圖片外層增加一全透明像素，在透明像素區(qū)花4條純黑色邊
1. 寬度可拉伸區(qū)域
2. 高度可拉伸區(qū)域
3. 垂直內容區(qū)域
4. 水平內容區(qū)域
8. 參考文獻
