自己對圖標(biāo)設(shè)計的理解：分為幾個大塊：
圖標(biāo)的規(guī)范、制作技巧、審美、設(shè)計分類以及輸出
最近兩天在看圖標(biāo)課程。
購買和下載了課程，看了像素范兒和UIbang的課程，以及結(jié)合自己搜索的文章，總結(jié)了以上的腦圖。
在UI里面無非是兩件事，規(guī)范和樣式。既要符合規(guī)范，也要樣式好看。
新手做圖標(biāo)經(jīng)常犯的錯誤：
一致性
規(guī)范性
視覺平衡
像素對齊
那么首先談?wù)?b>圖標(biāo)的制作規(guī)范：
1、采用網(wǎng)格系統(tǒng)制作圖標(biāo)：方形、圓形、（橫）長方形、（豎）長方形
2、注意傾斜角度的統(tǒng)一，最好為45度（因為45度像素比較干凈）
3、尺寸一般是：24*24或者48*48
4、線條粗細(xì)：2px或者2的倍數(shù)，必要的情況可以3px
5、圓角統(tǒng)一圓角半徑或者描邊的弧度，AI里描邊一般采用高居中描邊
（樣式的問題后面自己具體設(shè)計的時候再總結(jié)。）
接下來要講的是AI和PS里制作圖標(biāo)，經(jīng)常用到的工具和功能以及小技巧：
AI VS PS
AI經(jīng)常用來做線性圖標(biāo)，因為它是適量軟件，用描邊做完后可以直接擴展，就變成了矢量圖形，而且還可以拖到PS和Sketch里面，非常方便。
PS軟件做圖標(biāo)技巧：
1、??Ps做布爾運算要注意:疊放順序。上面的才能減去下面的，沒剪好就是位置不對，疊放順序按鈕在布爾運算按鈕旁邊
2、要把形狀ctrl+E后再去做布爾運算
3、按住小黑去復(fù)制，是在一個圖形里復(fù)制，復(fù)制多個圖形在一個圖形里，可以用布爾運算旁邊對齊去做。
4、畫完一個矢量圖形，按shift鍵不松手，在里面再畫幾何圖形是添加，按alt鍵不松手再畫幾何圖形是減去
5、小黑和小白如何快速切換，按?鍵互相快速切換
6、Shift +ctrl+?+t可以重復(fù)復(fù)制上一步旋轉(zhuǎn)。（微信朋友圈icon的繪制）
7、??ps里縮放圖標(biāo)的時候要點擊鎖鏈，比例縮放
8、??注ps里的水平分布等對齊功能，非常好用
PS設(shè)計圖標(biāo)怎么規(guī)范化
如何做到像素對齊：
1、拖拽參考線的時候（ps）按住shift鍵，正常視圖是以5為單位，放大視圖的話是以1為單位
2、Ps/AI里都可以把網(wǎng)格打開。首選項，找到網(wǎng)格，設(shè)置網(wǎng)格和子網(wǎng)格
3、ps窗口菜單里把像素網(wǎng)格打開，這樣放大的情況下也能看到像素格子
4、除了以上的操作，還是免不了會出現(xiàn)不能貼齊像素網(wǎng)格的情況：
??圖標(biāo)的尺寸一定要取整數(shù)，不能出現(xiàn)半像素
??圖標(biāo)的尺寸奇數(shù)和偶數(shù)的問題（比如：偶數(shù)圓的圓心才能在中心），一些關(guān)鍵部分盡量取奇數(shù)
AI做圖標(biāo)的技巧：
一些快捷鍵：
?+2鎖定? ? ? ??+?+2取消鎖定
?+3?隱藏所選對象? ???+?+3顯示所選對象
?+Y 顯示路徑
Shift + 向右箭頭鍵、向左箭頭鍵、向上箭頭鍵或向下箭頭鍵：以用戶定義增量的 10 倍移動選區(qū)
?+alt+shift+v，一鍵復(fù)制到所有畫板
?+5? ?把描邊變成參考線
???+J?連接錨點（路徑連接），快速連點成線
AI的一些重要的功能：
0、實時上色工具，哪里沒有顏色點哪里～so easy，按住alt鍵進行源目標(biāo)吸色
1、快速畫一個圓角矩形
可以選擇圓角矩形，按鍵盤的方向鍵右鍵，能夠達到圓角最大值
2、變化窗口下有兩個選項，縮放圓角是如何縮放圓角的半徑都不會變；縮放描邊和效果是如何縮放，描邊的粗細(xì)不邊（起到類似擴展后的效果）
3、直線工具
用極坐標(biāo)網(wǎng)格工具，拖住左鍵不松手，上下鍵調(diào)節(jié)暈圈數(shù)量，左右鍵調(diào)節(jié)直線的數(shù)量，做wifi圖標(biāo)
4、用錨點工具或者鋼筆工具按住alt鍵，能夠把錨點兩邊變直線，再結(jié)合AI的圓角按鈕功能能夠快速將一個圓做成坐標(biāo)icon
5、小心心icon有3種畫法
A、兩個面型圓形刪點，拖動描邊變一點弧度，再結(jié)合圓角按鈕功能調(diào)整
B、正方形+2個圓形相切
C、用粗描邊繪制兩端線條，選擇圓滑描邊。
6、AI里的默認(rèn)蒙版并不好用
可以用繪圖模式的三種進行icon繪制
第一種是默認(rèn)的【正常繪圖】
第二種是【背景繪圖】，所有的圖形只會出現(xiàn)在選中圖形的后面
第三種是【內(nèi)部繪圖】，所有圖形都會出現(xiàn)在圖形里面，像塊蒙版
調(diào)整蒙版里的圖像，可以在蒙版選項里面選，釋放蒙版
7、用寬度工具（shift + W）
寬度工具用來畫樹葉
8、定義初始形狀
在AI里點選上一個形狀或者描邊的屬性，新建后能夠帶上上一個的屬性
9、吸管工具，可以吸屬性
按住shift用習(xí)慣工具是單獨吸色
10、形狀生成器：不僅經(jīng)常用做logo，也經(jīng)常用做圖標(biāo)也很多還有插畫
11、設(shè)置icon
1、做設(shè)置icon，先做一個圓，再做一個矩形放在圓形的上方，選中矩形，點擊旋轉(zhuǎn)工具，按住alt鍵，把矩形上的中心點放在圓形的中心，松開鼠標(biāo)就可以在彈窗里設(shè)置角度，因為有6個，所以是60度，按住ctrl D，按五次，然后在形狀生成器上相加。
2、用形狀生成器也可以做成設(shè)置icon
3、三個元素想要以其中一個對齊，在全部框選的情況下，點擊一個，它就變粗了，然后再點擊對齊，所有的元素就會以它為居中對齊
旋轉(zhuǎn)（復(fù)制）+重復(fù)上一步+形狀生成器+漸變工具做出來的形狀.
步驟：做一個漸變圓，向前復(fù)制一個圓，水平和左對齊，保證小圓在大圓的圓心外面一些，這樣中心留出來的形狀更大。選中小圓，按住旋轉(zhuǎn)工具，點擊大圓的圓心（點不中可以利用參考線），進行旋轉(zhuǎn)復(fù)制，按重復(fù)上一步，5次。全選，用形狀生成器做出來這個圖形，如果形狀生成器不好用，放大畫布檢查是不是沒有想切。
12、徽章icon
A、AI里面也支持圖層樣式，把每一層拖動在圖形樣式面板里即可
B、怎么畫出的徽章的形狀，在五角星的基礎(chǔ)上按住鼠標(biāo)不同，鍵盤上下鍵調(diào)節(jié)邊數(shù)，出現(xiàn)三角形的時候，按住cmd鍵則可以一鍵畫出徽章外形。
C、路徑>偏移路徑，可以向前復(fù)制一個不規(guī)則圖形的，向里復(fù)制or向外復(fù)制。
偏移路徑的另一種用途??
11、超級橢圓
效果<變形<膨脹，第一個調(diào)節(jié)鈕，往左調(diào)節(jié)。
12、用網(wǎng)格工具可以做出漸變壁紙
13、飄鍵畫出逼格的幾何圖形
14、混合工具
線的混合
面的混合
替換混合軸
AI設(shè)計圖標(biāo)怎么規(guī)范化：
首先注意：用AI做圖標(biāo)，用居中描邊，因為外描邊斷點后會變成居中描邊，尺寸發(fā)生變化！！
1、打開像素網(wǎng)格，如果要做64*64像素的，就設(shè)置成網(wǎng)格64和子網(wǎng)格64。
2、在視圖里，打開像素視圖模式，來驗證圖標(biāo)是不是出現(xiàn)像素不對齊的情況（打開后能像PS里看到像素虛邊）
??像素的虛邊是因為視圖的近！它本身是不虛的！矢量圖形出現(xiàn)了虛邊不要緊張，回到100%視圖就妥了。
3、打開像素對齊模式，右上角的小按鈕，點擊小按鈕后軟件能夠自動把一些沒對齊的像素對齊。
打開像素預(yù)覽模式，放大看有沒有虛邊，用小白工具手動調(diào)整。
5、在AI里面繪制柵格
另一個用AI做圖標(biāo)的方法：一個畫板是一個圖標(biāo)的尺寸，繪制一個外框和內(nèi)框，選1像素的描邊，然后快捷鍵，?+alt+shift+v，一鍵復(fù)制到所有畫板，??按ctrl+5能夠把描邊一鍵變成參考線?。。。。?！
