在開始之前撩鹿，首先我們要明確一個概念谦炬，什么是圖標(biāo)？
在移動端中节沦，圖標(biāo)通常分為兩種：一種是我們在手機桌面上看到的圖標(biāo)键思，或者是從應(yīng)用商店下載安裝應(yīng)用時看到的圖標(biāo)，這種圖標(biāo)被稱為應(yīng)用圖標(biāo)甫贯，點擊它就可以進(jìn)入到應(yīng)用中吼鳞，相當(dāng)于是進(jìn)入應(yīng)用的大門。
還有一種是功能圖標(biāo)叫搁，它出現(xiàn)在應(yīng)用界面中赔桌，它具有指代意義，可以取代文字或者輔助文字傳達(dá)信息渴逻，所以這也就決定了它需要可以快捷傳達(dá)信息疾党、便于記憶。例如購物車的圖標(biāo)惨奕，就算沒有文字信息雪位，用戶也能知道它代表購物車功能。
在繪制的時候梨撞，兩種圖標(biāo)的尺寸大小也是不同的雹洗，首先我們先看看應(yīng)用圖標(biāo)的設(shè)計規(guī)范。
這是蘋果官網(wǎng)給出的應(yīng)用圖標(biāo)尺寸聋袋，一般我們會基于1024px*1024px的尺寸來設(shè)計队伟。
那功能圖標(biāo)的設(shè)計規(guī)范是什么呢？
在iOS上幽勒，蘋果建議44ptx44pt作為最小的點擊目標(biāo)區(qū)域嗜侮。但在實際設(shè)計中，我們在@2x圖下，最適合的大小為48px*48px锈颗。
那我們在繪制圖標(biāo)的時候需要注意什么呢顷霹？
首先我們一起來思考一個問題，為什么我們在同樣的大小區(qū)域去繪制尺寸相同的正方形击吱、圓形淋淀、三角形時，但是從視覺上看上去大小還是不一樣覆醇？
其實朵纷，事實上在尺寸統(tǒng)一的情況下，視覺比例中方形會比圓形更加大一些永脓，圓形會比三角形大一些袍辞，因此這就體現(xiàn)了視覺規(guī)范在我們繪制圖標(biāo)時的重要性。
一般我在繪制圖標(biāo)的時候常摧，會用圖標(biāo)盒子進(jìn)行輔助搅吁，它就是一個固定的框架，在框架中設(shè)計落午，可以幫你提高你設(shè)計的圖標(biāo)的規(guī)范性谎懦，有助于保持視覺網(wǎng)格統(tǒng)一，藍(lán)色區(qū)域就是你繪制這四種類型圖標(biāo)時的安全區(qū)域溃斋，當(dāng)然這不是固定死的界拦，可以進(jìn)行適當(dāng)?shù)奈⒄{(diào)。（圖標(biāo)盒子文末有下載鏈接～）
最后盐类，只要在設(shè)計的過程中寞奸，正確有效的使用圖標(biāo)盒子，不僅可以增加圖標(biāo)的規(guī)范性在跳，還可以提高你設(shè)計的說服力枪萄，還有在繪制圖標(biāo)時需要注意，盡量不要出現(xiàn)小數(shù)點或奇數(shù)猫妙，多用偶數(shù)瓷翻。
寫這篇文章純屬是我心血來潮，也是我第一次寫文章割坠，在寫的過程中齐帚，也不斷的出現(xiàn)了N次想放棄的想法，但是還是想總結(jié)一下在繪制圖標(biāo)時關(guān)于我自己的看法彼哼，大家一起學(xué)習(xí)進(jìn)步嘛对妄，有錯的地方希望大家多多指教啦，感謝～?
