從零開始設計一款APP之Android設計規范篇


一. 基礎概念
1. 什么是DPI?
DPI(Dots Per Inch):每英寸點數 , 表示指屏幕密度 。是測量空間點密度的單位,最初應用于打印技術中,它表示每英寸能打印上的墨滴數量 。較小的DPI會產生不清晰的圖片 。
后來DPI的概念也被應用到了計算機屏幕上,計算機屏幕一般采用PPI(Pixels Per Inch)來表示一英寸屏幕上顯示的像素點的數量,現在DPI也被引入 。
安裝Windows操作系統的電腦屏幕PPI的初始值是96,Mac的初始值是72,雖然這個值從80年代起就不是很準確了 。一般來說,非retina桌面(包括Mac)的PPI的取值區間在72-120之間 , 因為這個取值區間能夠確保你的作品在任何地方都能保持大致相同的比例 。

這里有一個應用實例: 27寸Mac影院顯示屏的PPI是109 , 這表示在每英寸的屏幕上顯示了109個像素點 。斜角長是25.7英寸(65cm),實際屏幕的寬度大概是23.5英寸,23.5109約等于2560,因此原始屏幕分辨率就是2560x1440px 。
2. 什么是PPI?
PPI(Pixels Per Inch):圖像分辨率;是每英寸圖像內有多少個像素點,分辨率的單位為ppi,通常叫做像素每英寸 。圖像分辨率一般被用于ps中 , 用來改變圖像的清晰度 。
二. Android界面設計規范
1. Android各設備屏幕密度
安卓尺寸眾多,按每個屏幕去適配肯定是不現實的 。

所以為了解決這個問題,安卓手機屏幕有自己初始的固定密度,安卓會根據這些屏幕不同的密度自己進行適配 。這一點內容掌握到能滿足自己設計工作需要就可以了
2. Android開發單位DP和SP
DP:安卓專用長度單位 。以160 DPI屏幕為標注 , 則1DP=1PX
計算公式:dp x dpi/160=px
例:以720x1280px (320dpi)為例計算 1dp x 320 dpi/=2px
SP:安卓專用字體單位 。以160 DPI屏幕為標注,則1SP=1PX
計算公式:sp x dpi/160=px
例:以720x1280px (320dpi)為例計算 1sp x 320 dpi/=2px
3. 設計稿尺寸

從目前市場主流設備尺寸來看,我們要用1080 x 1920 PX 來做安卓設計稿尺寸 。
5. 安卓設計字體
【從零開始設計一款APP之Android設計規范篇】英文字體為 Roboto字體,中文字體為 思源黑體 。在Android 5.0之后,使用的是思源黑體,字體文件有2個名稱,“source han sans”和“noto sans CJK” 。
6. 常見主流手機尺寸和分辨率
三. Android切圖標注
1. 標注設計稿時 , 使用px還是dp或sp?
答:這個問題需要和安卓工程師溝通,推薦使用dp和sp進行標注(這里指的是在安卓設計稿的前提下) 。但目前很多設計師對dp和sp這個單位并不理解 , 所以有些設計師提供安卓設計稿的時候依舊使用px進行標注,這一點去和你的搭檔工程師進行溝通 , 如果不影響他開發以及他能換算清楚的前提下,你可以考慮使用Px,但是我并不推薦 。
2. 你需要提供幾套切圖資源?
答:理論狀態下,如果你想兼顧到目前還存在的各個機型,應該為不同的密度提供不同尺寸大小的切圖 。
但這無疑提升了巨大的工作量,而且還可能浪費很大的資源空間 , 實際上,很多機型已經不占有主流市場了,而且很多奇葩的分辨率也沒必要去考慮適配 , 所以,具體輸出幾套需要看公司的產品需求而定 。
四. Android開發單位換算
五. 總結
這里說的只是一種工作方法 , 好的工作方法才能自己事半功倍,在具體工作中也要靈活應用,一定要多和開發溝通交流 , 良好的溝通才是解決問題的唯一方法 。


經驗總結擴展閱讀