国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > 平面設計 > 正文

APP圖標設計規范及要求介紹

2024-09-03 19:30:19
字體:
來源:轉載
供稿:網友

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

8cbc568e12136ac725bb5c9cb0ed.jpg

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

網格

7714568e124532f8754c80c4cb1d.jpg

關鍵線的形狀

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

ee59568e126132f8754c8029e81d.jpg

方形

高&寬: 152

00ce568e12f232f8754c80caab55.jpg

圓形

直徑: 176

1f44568e134d6ac725bb5ce589e7.jpg

豎直矩形

高:176 寬:128

9185568e13b032f8754c8033a009.jpg

水平矩形

高:128 寬:176

DP 單位網格

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

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

04f6568e13e66ac725bb5c344945.jpg

1:1 單元網格

2673568e141432f8754c80d01d94.jpg

4:1 單元網格

幾何

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

 c397568e12af6ac725bb5c2a1f6c.jpg

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

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


內容區域

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

214a568e152732f8754c809cc3d4.jpg

活動區域

796e568e155332f8754c80ee965b.jpg

修飾區域

關鍵線形狀

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

b8c2568e158d6ac725bb5ce1d983.jpg

方形

寬&高:18px

0c40568e15a132f8754c8057ccfc.jpg

圓形

直徑:20px

eacc568e15ba32f8754c807b1806.jpg

豎直矩形

高:20px, 寬:16px

fc75568e15d26ac725bb5c5b29bf.jpg

豎直矩形

高:20px, 寬:16px

幾何

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

e8c1568e15f232f8754c80e90a8f.jpg

構建

3bcd568e160a6ac725bb5c32b385.jpg



組成

系統圖標剖析

    筆劃末端

    留白

    筆觸

    內部角

    邊界區域

e502568e16406ac725bb5c602061.jpg


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

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

36b0568e165d6ac725bb5c43cd73.jpg

外部角

d6ce568e16726ac725bb5c73a98a.jpg

主站蜘蛛池模板: 许昌县| 新蔡县| 平陆县| 潞西市| 上饶县| 泗阳县| 和顺县| 毕节市| 定兴县| 达孜县| 万年县| 六枝特区| 襄城县| 本溪市| 玛纳斯县| 仁寿县| 武胜县| 密山市| 平顺县| 区。| 信宜市| 岚皋县| 进贤县| 克东县| 老河口市| 宜章县| 延川县| 龙泉市| 富顺县| 建瓯市| 南康市| 巴中市| 淅川县| 廊坊市| 樟树市| 延吉市| 伊金霍洛旗| 门头沟区| 富源县| 镇安县| 涞源县|