ICON規範圖是什麼樣

ICON就是圖示的意思，對於UI設計師來說，每一個ICON看似很平常，實際上它都是有一個必須遵循的規範要求的，這樣才能夠保證整個專案視覺上的統一，那麼ICON規範圖應該如何繪製呢？

操作方法

這裡我們以sketch軟體為例來進行了解，當然你也可以使用PS/AI，任何軟體都是可以的，看自己的操作習慣。

首先我們來繪製最外層的圖形，最外層的圖層是一個正方形，高寬都是44px。

為了方便觀察我們將填充給關閉掉，並且需要注意，最外層的圖形描邊方式為外部。

接下來我們繼續進行繪製，繪製一個42px的正方形，這個範圍內就是我們圖示繪製的安全區域。

42Px的方形描邊方式為內部，如果仍然是外部的話就會有重疊了。

接下來我們繪製一個同42px相同的圓，將圓和42px正方形居中對齊，描邊方式為內部。

接著我們再繪製一個42px寬，28px高的矩形，關閉描邊開啟填充，與圖形居中對齊。

再複製一個42px寬，28px高的矩形，與圖形垂直居中對齊。

最後我們再繪製一個36px的方形，居中對齊，描邊方式內部，這樣我們就繪製好了ICON規範圖，在繪製ICON的時候儘可能不要超過紅色區域。