ICON就是圖標(biāo)的意思，對(duì)于UI設(shè)計(jì)師來說，每一個(gè)ICON看似很平常，實(shí)際上它都是有一個(gè)必須遵循的規(guī)范要求的，這樣才能夠保證整個(gè)項(xiàng)目視覺上的統(tǒng)一，那么ICON規(guī)范圖應(yīng)該如何繪制呢？
操作方法01、這里我們以sketch軟件為例來進(jìn)行了解 ， 當(dāng)然你也可以使用PS/AI，任何軟件都是可以的 ， 看自己的操作習(xí)慣 。
02、首先我們來繪制最外層的圖形 ， 最外層的圖層是一個(gè)正方形，高寬都是44px 。
03、為了方便觀察我們將填充給關(guān)閉掉，并且需要注意 ， 最外層的圖形描邊方式為外部 。
04、接下來我們繼續(xù)進(jìn)行繪制 ， 繪制一個(gè)42px的正方形 ， 這個(gè)范圍內(nèi)就是我們圖標(biāo)繪制的安全區(qū)域 。
05、42Px的方形描邊方式為內(nèi)部，如果仍然是外部的話就會(huì)有重疊了 。
06、接下來我們繪制一個(gè)同42px相同的圓，將圓和42px正方形居中對(duì)齊，描邊方式為內(nèi)部 。
07、接著我們?cè)倮L制一個(gè)42px寬，28px高的矩形，關(guān)閉描邊開啟填充，與圖形居中對(duì)齊 。
08、再復(fù)制一個(gè)42px寬，28px高的矩形，與圖形垂直居中對(duì)齊 。
【ICON規(guī)范圖是什么樣】09、最后我們?cè)倮L制一個(gè)36px的方形，居中對(duì)齊，描邊方式內(nèi)部，這樣我們就繪制好了ICON規(guī)范圖 ， 在繪制ICON的時(shí)候盡可能不要超過紅色區(qū)域 。
推薦閱讀
- IOS UI設(shè)計(jì)規(guī)范是什么
- 如何用高德地圖查看地鐵線路
- 如何把自己的圖片轉(zhuǎn)為微信表情
- 使用百度識(shí)圖，用圖片搜索圖片
- 如何制作個(gè)性的微信背景圖
- 微信公眾平臺(tái)如何插入圖片
- 美圖秀秀如何把一張圖片分為九張
- 外出旅游怎么不費(fèi)流量使用百度地圖手機(jī)導(dǎo)航
- “本地連接”圖標(biāo)出現(xiàn)紅叉怎么辦？
- 怎樣查找QQ聊天記錄中的圖片及文件？