產品圖標網格已經形成了一致的標準，且建立了一套明確的圖形元素定位規(guī)則。這種標準化帶來了靈活，而連貫的系統(tǒng)。今天為大家分享APP圖標設計規(guī)范及要求，一起來學習吧！

以上已經是全尺寸比例高寬網格圖可以右擊另存作為參考圖使用

網格

關鍵線的形狀是網格的基礎。利用這些核心形狀做為向導，即可使整個相關產品的圖標保持一致的視覺比例。

方形

高&寬: 152

圓形

直徑: 176

豎直矩形

高:176 寬:128

水平矩形

高:128 寬:176

設備上的啟動器以 48dp 的尺寸顯示產品圖標 (邊緣 1dp)，所以當你創(chuàng)建圖標時，請使用 48dp 的尺寸，必要時可將其放大 400% 到 192 x 192 dp (邊緣變位 4dp)。

保持這樣的放縮比即可在尺寸在縮小時保持邊緣的鋒利和對齊的正確性。

1:1 單元網格

4:1 單元網格

我們?yōu)檫@幾種特定的關鍵線制定了預設規(guī)則：圓形線、方形線、矩形線、正交線和對角線。這個通用且簡潔的元素調板形成的目的是統(tǒng)一產品圖標和規(guī)范它們在網格上的布置。

為什么要這樣設計？以上右圖著名的視覺錯覺案例可以例證：

一樣長的線段不同的視覺表現產生不一樣的視覺感知，矩形的視覺感知面積相對大，所以相對網格線居中定格最小部分來設計來達到各種其他形狀樣式的圖標統(tǒng)一感。

內容應該保持在活動區(qū)域以內，如有必要，內容可以延展至修飾區(qū)域之中，但不能超出。

活動區(qū)域

修飾區(qū)域

關鍵線形狀是網格的基礎，通過關鍵線，即可保持系統(tǒng)圖標的一致性。

方形

寬&高：18px

圓形

直徑：20px

豎直矩形

高：20px, 寬：16px

豎直矩形

高：20px, 寬：16px

我們?yōu)檫@幾種特定的關鍵線制定了預設規(guī)則：圓形線、方形線、矩形線、正交線和對角線。這個通用且簡潔的元素調板形成的目的是統(tǒng)一 Google 系統(tǒng)圖標和規(guī)范它們在網格上的布置。

構建

組成

筆劃末端

角

留白

筆觸

內部角

邊界區(qū)域

一致的圓角半徑（2px）是統(tǒng)一全系列系統(tǒng)圖標的關鍵，不要修改它。

圖標內部的角應為直角，也不要修改它。

外部角