ICON就是圖標的意思,對於UI設計師來說,每一個ICON看似很平常,實際上它都是有一個必須遵循的規範要求的,這樣才能夠保證整個項目視覺上的統一,那麼ICON規範圖應該如何繪製呢?
操作方法
這裏我們以sketch軟件爲例來進行了解,當然你也可以使用PS/AI,任何軟件都是可以的,看自己的操作習慣。
首先我們來繪製最外層的圖形,最外層的圖層是一個正方形,高寬都是44px。
爲了方便觀察我們將填充給關閉掉,並且需要注意,最外層的圖形描邊方式爲外部。
接下來我們繼續進行繪製,繪製一個42px的正方形,這個範圍內就是我們圖標繪製的安全區域。
42Px的方形描邊方式爲內部,如果仍然是外部的話就會有重疊了。
接下來我們繪製一個同42px相同的圓,將圓和42px正方形居中對齊,描邊方式爲內部。
接着我們再繪製一個42px寬,28px高的矩形,關閉描邊開啓填充,與圖形居中對齊。
再複製一個42px寬,28px高的矩形,與圖形垂直居中對齊。
最後我們再繪製一個36px的方形,居中對齊,描邊方式內部,這樣我們就繪製好了ICON規範圖,在繪製ICON的時候儘可能不要超過紅色區域。