產品圖標網格已經形成了一致的標準,且建立了一套明確的圖形元素定位規則。這種標準化帶來了靈活,而連貫的系統。今天為大家分享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)是統一全系列系統圖標的關鍵,不要修改它。
圖標內部的角應為直角,也不要修改它。
外部角
主站蜘蛛池模板: 许昌县| 新蔡县| 平陆县| 潞西市| 上饶县| 泗阳县| 和顺县| 毕节市| 定兴县| 达孜县| 万年县| 六枝特区| 襄城县| 本溪市| 玛纳斯县| 仁寿县| 武胜县| 密山市| 平顺县| 区。| 信宜市| 岚皋县| 进贤县| 克东县| 老河口市| 宜章县| 延川县| 龙泉市| 富顺县| 建瓯市| 南康市| 巴中市| 淅川县| 廊坊市| 樟树市| 延吉市| 伊金霍洛旗| 门头沟区| 富源县| 镇安县| 涞源县|