Android開發(fā)過程中會出現(xiàn)不同屏幕尺寸機(jī)型UI還原不一致的問題。為了解決這個問題,我自己進(jìn)行了一些研究分析:
UI設(shè)計(jì)
- UI設(shè)計(jì)方面,遵循一定的設(shè)計(jì)昼汗,切圖規(guī)范來給出UI參照效果圖和UI切圖,參見下圖:
- 未進(jìn)行UI標(biāo)注的圖片按照android默認(rèn)標(biāo)準(zhǔn)執(zhí)行鬼雀,此處可以由設(shè)計(jì)師根據(jù)自己的設(shè)計(jì)習(xí)慣和語言生成相應(yīng)規(guī)范供開發(fā)人員遵守顷窒,之后可形成自己的默認(rèn)規(guī)范
開發(fā)人員在未知標(biāo)注的情況下的一些默認(rèn)值
包括字體、各級標(biāo)題顏色源哩、背景顏色鞋吉、App主題色等可以統(tǒng)一在項(xiàng)目立項(xiàng)時或者改版前出一張色值表供開發(fā)人員使用
對于UI適配可能仍舊存在部分機(jī)型的顯示存在問題,之后可根據(jù)具體機(jī)型適配励烦,更具機(jī)型用戶量大小進(jìn)行取舍谓着。
- 設(shè)計(jì)還原原型的過程中,要考慮到部分內(nèi)容控件由于內(nèi)容適配導(dǎo)致的UI變化坛掠。并進(jìn)行適當(dāng)?shù)奶嵝褬?biāo)注赊锚。
UI提交
- 可首先按上述標(biāo)準(zhǔn)提交設(shè)計(jì)效果圖,然后分步提供不同分辨率的切圖
iOS設(shè)計(jì)和實(shí)現(xiàn)解決方案類似:
iOS 的 1 pt = 邏輯像素 1 px = 物理像素 1 px(非 Retina)或 2 px(Retina)如果你新建 Photoshop 文檔時將 PPI 設(shè)定為 72屉栓,則文檔中 1 pt = 1 px舷蒲;如果你把 PPI 設(shè)為 144,則 1 pt = 2 px友多。所以牲平,你做非 Retina 設(shè)計(jì)時用 72 PPI,做 Retina 設(shè)計(jì)時用 144 PPI域滥,這樣就能保證你的 pt 數(shù)值永遠(yuǎn)是開發(fā)者需要的數(shù)值了欠拾。