不同的安卓手機系統對應的桌面圖标處理也不相同,作者經過檢驗發現:主流安卓手機在96x96px尺寸下圓角小于等于20px為安全值。
因為安卓手機品牌太多,每個手機品牌系統不同可能對桌面圖标的處理也不相同。
并不是完全統計:除了小米手機,其他的安卓手機在網上沒有查到規範,并不像ios系統直接提供直角即可。需要先搞清楚對桌面圖标進行統一剪裁的手機平台規範,就可知道圓角設置能保證在這些平台可完全匹配,不出現白邊黑邊的情況。
在多個統一剪裁的手機裡面裝上一些用戶多的app進行比較,看是否都完美的匹配未出現白邊黑邊的情況。
比較了淘寶、京東、QQ、支付寶、微信、騰訊、愛奇藝、小紅書等APP,發現除了小紅書其他的APP都未出現問題,那麼就可以肯定小紅書的圓角大小是不安全的。
下圖為從apk包裡找出來的桌面圖标切圖,以下4個尺寸為開發包裡所需要的切圖尺寸。
發現在96x96px尺寸下圓角為20px占到了42%,那麼21px-22px是否能保證完美匹配?
可以将圓角21px和圓角22px的切圖輸出給開發小哥哥,放到包裡然後在測試機上檢驗,發現在小米手機上會出現白邊黑邊的情況。
那麼可以得出結論在96x96px尺寸下圓角小于等于20px為安全值(這個安全值并不能說明可以包含所有的安卓手機,畢竟安卓手機品牌太多系統版本也是很多,但至少可以涵蓋大部分主流安卓手機品牌)選用這個值也有一定道理,會發現20px這個值在各分辨率等比縮放下都能保證圓角是整數。
注:
應用程序圖标 (Icon)是一個 Alpha 通道透明的32位 PNG 圖片。由于安卓設備衆多,一個應用程序圖标需要設計幾種不同大小,如:
- LDPI (Low Density Screen,120 DPI),其圖标大小為 36 x 36 px。
- MDPI (Medium Density Screen, 160 DPI),其圖标大小為 48 x 48 px。
- HDPI (High Density Screen, 240 DPI),其圖标大小為 72 x 72 px。
- xhdpi (Extra-high density screen, 320 DPI),其圖标大小為 96 x 96 px。
在設計過程中,在四周空出幾個像素點使得設計的圖标與其他圖标在視覺上一緻。
例如:
- 96 x 96 px 圖标可以畫圖區域大小可以設為 88 x 88 px, 四周留出4個像素用于填充(無底色)。
- 72 x 72 px 圖标可以畫圖區域大小可以設為 68 x 68 px, 四周留出2個像素用于填充(無底色)。
- 48 x 48 px 圖标可以畫圖區域大小可以設為 46 x 46 px, 四周留出1個像素用于填充(無底色)。
- 36 x 36 px 圖标可以畫圖區域大小可以設為 34 x 34 px, 四周留出1個像素用于填充(無底色)。
本文由 @pp 原創發布于人人都是産品經理,未經許可,禁止轉載。
題圖來自Unsplash,基于CC0協議。
,