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

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

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

方形
高&寬: 152

圓形
直徑: 176

豎直矩形
高:176 寬:128

水平矩形
高:128 寬:176
DP 單位網格設備上的啟動器以 48dp 的尺寸顯示產品圖標 (邊緣 1dp),所以當你創建圖標時,請使用 48dp 的尺寸,必要時可將其放大 400% 到 192 x 192 dp (邊緣變位 4dp)。
保持這樣的放縮比即可在尺寸在縮小時保持邊緣的鋒利和對齊的正確性。

1:1 單元網格

4:1 單元網格
幾何我們為這幾種特定的關鍵線制定了預設規則:圓形線、方形線、矩形線、正交線和對角線。這個通用且簡潔的元素調板形成的目的是統一產品圖標和規范它們在網格上的布置。



為什么要這樣設計?以上右圖著名的視覺錯覺案例可以例證:
一樣長的線段不同的視覺表現產生不一樣的視覺感知,矩形的視覺感知面積相對大,所以相對網格線居中定格最小部分來設計來達到各種其他形狀樣式的圖標統一感。
內容應該保持在活動區域以內,如有必要,內容可以延展至修飾區域之中,但不能超出。

活動區域

修飾區域
關鍵線形狀關鍵線形狀是網格的基礎,通過關鍵線,即可保持系統圖標的一致性。

方形
寬&高:18px

圓形
直徑:20px

豎直矩形
高:20px, 寬:16px

豎直矩形
高:20px, 寬:16px
幾何我們為這幾種特定的關鍵線制定了預設規則:圓形線、方形線、矩形線、正交線和對角線。這個通用且簡潔的元素調板形成的目的是統一 Google 系統圖標和規范它們在網格上的布置。

構建

組成
系統圖標剖析筆劃末端
角
留白
筆觸
內部角
邊界區域

一致的圓角半徑(2px)是統一全系列系統圖標的關鍵,不要修改它。
圖標內部的角應為直角,也不要修改它。

外部角

主站蜘蛛池模板: 历史| 桂平市| 舞阳县| 齐齐哈尔市| 陇西县| 台江县| 扎赉特旗| 石首市| 奇台县| 措美县| 木里| 东源县| 长泰县| 舒城县| 左权县| 大连市| 新建县| 昌平区| 巫溪县| 阜阳市| 临西县| 霍山县| 宁远县| 大方县| 浑源县| 屯门区| 读书| 涿鹿县| 海晏县| 莎车县| 得荣县| 两当县| 沾化县| 黑龙江省| 萨迦县| 九江县| 梅州市| 靖州| 桐梓县| 柘城县| 南平市|