相信大家一定使用過一些比較精美的APP，會發現它們的界面、圖標都設計得非常好看，不知道大家有沒有想過自己也可以設計出來一套漂亮的UI出來呢？
今天就給大家分享UI設計中的圖標設計技巧，希望對大家學習UI設計行業有一定有認識了解。
先看下某款APP界面展示：
看完后有沒有發現這些簡單的圖標，其實都隱藏著以下特別的技巧呢：比如第一張圖中的內缺角陰影圖標按鈕，比如第二張圖中介于圓和圓角矩形中間的橢圓矩形圖標按鈕，又比如第三張圖中的通透命令的扁平水晶圖標按鈕，這些就是本次教程要分享的內容了
下面開始教程，這里先教大家三步完成“內缺角陰影圖標按鈕”的設計技巧，學會此技巧，從此變身一線大神~ 哈哈
第一步、這里拿上面的叉子圖標做示范，先畫個120*120的圓，添加樣式漸變疊加，色值分別是上#和下#，得到按鈕的底座
第二步、畫出按鈕中的刀叉，用鋼筆畫或者用矩形相交對切，能畫出來就行（當然我知道你是不會畫的 o(∩_∩)o 哈哈，打開這個網站搜索“刀叉”然后下載圖標吧：，我珍藏多年的網站給掏出來了，下載后建議用鋼筆路徑照著描出來，養成制作矢量圖標的好習慣，久而久之你就會發現自己也會畫圖標了~）
第三步、用鋼筆路徑按我這樣隨意畫個大概的形狀出來常用小圖標下載矢量圖，然后設置形狀填充為漸變，一邊透明度0%，一邊透明度10%，色值都為純黑#，然后縮小到合適大小后創建剪貼蒙版到刀叉圖標上，噠啦~一個最最簡單的內缺角陰影圖標就做出來啦！！
這種圖標的好處是原版平凡普通的圖標按鈕，加一點小改變就能立即變的與眾不同，讓APP頁面加分不少。依此類推，我們可以發揮創意按照圖標來畫出各種不規則形狀來剪貼上去，還可以給形狀添加色彩等變化，發揮你創造力給自己的APP頁面設計加分吧~~ （最后說一句，內缺角陰影是我起的名字，是今年才開始流行的一個風格哦~）
-------我是華麗的分割線-----
APP常用導航按鈕之：“橢圓矩形圖標”，下面開始教大家怎么做下圖這種介于圓和圓角矩形中間的“橢圓矩”形圖標按鈕，其實很簡單，只需要兩步
第一步、找到形狀工具中的多邊形工具，然后按我下圖所示設置參數：邊4，并勾選平滑拐角，然后按住按住shift鍵畫出一個120px*120px的圓，看到沒有？這個圓跟我們平常看到的正圓和矩形橢圓都不一樣吧o(∩_∩)o
第二布、放入我們上面提到的刀叉，在邊上再放個正常的圓，對比下哪個更好玩呢？ 這就是傳說中的橢圓矩形，其實還有其他方法能夠畫出，但經本人實驗還是上述方法做出來的橢圓矩形更好看也最方便~
----我是華麗的分割線-----
APP常用導航按鈕之：“扁平水晶圖標按鈕”，很簡單吶，也是二步完成
第一步、老規矩先畫120*120的圖標底座，我這里用的是橢圓矩形做底座。然后重點來了！只有特定的圖標才適合制作這種圖標按鈕，①是要求面性圖標（不知道的可以百度下）②是圖標可以拆分成兩塊，如下圖所示。（畫不出來的朋友依然老規矩，打開網址搜索紅包，找個類似的下載即可）
第二步、把拆分后較小的那一部分直接設置透明度60%，較大的那一部分設置形狀漸變，一邊透明度60%，一邊透明度100%，色值都為純白#（如果是下載的圖標就把填充透明改成0%，然后添加漸變疊加樣式也行），噠啦~一個最最簡單的扁平水晶圖標就做出來啦！！
這種圖標的好處是操作簡單，看起來精致美觀，通透像水晶一樣而且是扁平風格，大家也可以發揮創意，添加我上期教程中說的彌散陰影效果讓圖標更精致：，或者像紅包圖標一樣添加小斜杠等等效果，總之符合APP實際運用即可
本文依然是帶大家入門，別整天畫亂七八糟沒用的圖標（起碼我是覺得圖標畫的好又不算啥，能完美運營到平常工作中才是真理）能用的上的才是好的，看完文章自己動手試一試才能真的領悟到其中的奧妙哦，試著把你以前的設計稿中的圖表，改成以上的樣式，看看是否更精美呢。光看不做就變成看了那么多文章，為啥自己依然做不好的原因！
（文中圖片部份是網上找的，部份是我自己的常用小圖標下載矢量圖，如果教程中善用了您的作品請聯系刪除）
———— / END / ————