Android開發過程中會出現不同屏幕尺寸機型UI還原不一致的問題。為了解決這個問題,我自己進行了一些研究分析:
UI設計
- UI設計方面,遵循一定的設計,切圖規范來給出UI參照效果圖和UI切圖,參見下圖:
- 未進行UI標注的圖片按照android默認標準執行,此處可以由設計師根據自己的設計習慣和語言生成相應規范供開發人員遵守,之后可形成自己的默認規范
包括字體、各級標題顏色、背景顏色、App主題色等可以統一在項目立項時或者改版前出一張色值表供開發人員使用
對于UI適配可能仍舊存在部分機型的顯示存在問題,之后可根據具體機型適配,更具機型用戶量大小進行取舍。
- 設計還原原型的過程中,要考慮到部分內容控件由于內容適配導致的UI變化。并進行適當的提醒標注。
UI提交
- 可首先按上述標準提交設計效果圖,然后分步提供不同分辨率的切圖
iOS設計和實現解決方案類似:
iOS 的 1 pt = 邏輯像素 1 px = 物理像素 1 px(非 Retina)或 2 px(Retina)如果你新建 Photoshop 文檔時將 PPI 設定為 72,則文檔中 1 pt = 1 px;如果你把 PPI 設為 144,則 1 pt = 2 px。所以,你做非 Retina 設計時用 72 PPI,做 Retina 設計時用 144 PPI,這樣就能保證你的 pt 數值永遠是開發者需要的數值了。