繁體 ▾
Free, Fast & Secure Online Tools
以前送審一個 App 意味著輸出一個裝了三十個圖示檔的資料夾。現在不用了：兩個平台都改成收一張大方圖，其餘自己推導。沒有消失的是「那張方圖可以放什麼」的規則——而兩個平台的規則不一樣，幾乎所有圖示問題都從這裡開始。
兩邊都是正方形，都要求設計填滿畫面，然後就分道揚鑣了。
兩條規則，而且兩條都經常被違反：
不要自己把角磨圓。iOS 會套用它自己的圓角方形遮罩。如果你輸出時已經把角磨圓了，遮罩會對著圓角再圓一次，於是在你的圓弧和系統圓弧不吻合的地方出現一圈看得見的暗邊。輸出完整的方形，一直到邊。
不要透明。1024 的圖示完全不能有 alpha 通道。透明背景不會變成桌布——它通常會填成黑色，這就是為什麼那麼多送出去的圖示看起來像一個 logo 浮在深色磚塊上。畫一個實心背景。
除此之外：圖示裡不要放自家 App 的截圖，也不要放文字。圖示在主畫面上大約顯示 60 點。那個尺寸的文字是一種質感，不是語言。
Android 的自適應圖示是兩層——前景和背景——各 108 × 108 dp。在最高的常見密度下那是 432 × 432 像素。
以下是所有人都會中的那一段。只有中央保證看得見。四邊各 18 dp 是保留的：啟動器會把它遮掉，並且用它來做你滑動主畫面時那個細微的視差位移。真正留下來可見的是中間一個 72 × 72 dp 的圓——寬度的三分之二。
所以任何重要的東西都得待在那中央的三分之二裡。常見的失敗是照滿版 108 設計的圖示，到了手機上邊緣被削掉。
保留這一圈的原因是各家啟動器套用的形狀不同。同一個圖示在這支手機上是圓形、在那支上是方圓形，在別的地方是圓角方形或水滴形。因此你的背景層必須是純色或簡單紋理，能在任何一種裁切下存活——而不是一個有自己輪廓的形狀。
這一條只要漏掉，幾乎每次都會收到 bug 回報。Android 的通知圖示不是你的 App 圖示。它必須是透明背景上的純白剪影：系統會剝掉所有顏色，只用 alpha 通道。
你給它一個全彩圖示，每一個像素都會變成不透明的白——通知上顯示一個毫無特徵的白方塊。那個圖示檔完全合法，所以它過得了審查，直到有人真的收到一則通知才現形。
你在 1024 上設計。它在主畫面上顯示大約 60 點，在設定列表和搜尋結果裡更小。那大約是十七倍的縮減。
由此得出：
唯一誠實的測試是在真的主畫面上、真的尺寸下，跟其他 App 擺在一起看。單獨放在 1024 像素下審視，幾乎每個圖示看起來都不錯。
很有誘惑力，畢竟兩者都是同一個品牌的方形記號。但 favicon 是照 16 像素、沒有遮罩設計的，而 App 圖示有遮罩、有圓角，而且顯示尺寸大二十倍。favicon 放大到 1024 很粗糙；App 圖示縮到 16 會糊掉。它們是親戚，不是同一個檔案。