隨著扁平化和現代設計風格的逐步流行和沉澱，線性圖示也迎來了它的黃金時期。現在你會在越來越多的地方發現它的身影，從傳統的控制面板、導航欄和社交媒體外掛，到功能性的列表介面，它無處不在。
圖示設計是UI設計的基礎入門階段，那麼如何繪製一套完整的線性UI圖示呢。這篇教程算一個科普吧，有興趣的朋友一起來學習一下，UI圖示設計的流程和思路吧！
最近為後臺系統重新繪製的一套圖示，圖示繪製的過程看似簡單實則非常講究，尤其是要繪製一套完整的圖示需要考慮的因素非常多，下面就給大家一些心得
PS：本人畫圖示一般都是在PS中完成，使用其他軟體的同學請自行腦補轉換……
方法/步驟
形狀飽滿
首先以圖示的實際大小來設定畫布，這裡拿16px的大小來舉例：
如果只是繪製單一圖示，那把圖示儘量佔滿畫布即可；
如果說是繪製一整套圖示，那同樣是16px的大小，正方形的圖示看起來就會比圓形圖示更大一些，因此繪製一整套圖示就需要考慮圖示與圖示間的視覺體量感，讓不同形狀的圖示在視覺體量感上能保持統一。
路徑清晰
設計師必備技能之一——畫素眼！保證圖示路徑與畫素網格對齊，以確保圖示清晰顯示。
幾何形狀
以基本的幾乎圖形（圓形、矩形）為基礎，利用圖形間的相交、相減來繪製圖標。這樣做的好處是後續可以自由調整每一個基礎形的細節，避免手動調節節點而造成的細節不一致。
圓角規則
1.線性圖示的圓角有內外兩個（內圓角的半徑=外圓角半徑-線的寬度）
2.線條未滿圓角半徑為線寬的1/2
圖示的縮放問題
線性圖示等比例縮放會導致線條粗細改變，會破壞也沒的視覺統一性，因此同一個圖示的多種尺寸均需要重新繪製
PS：圖示放大後可以適當補充一些細節，讓圖示看起來不那麼單薄。
結語
線性圖示其實非常能夠呈現網頁細膩優雅的一面，細膩的線條軌跡讓頁面更加鮮活，也更值得回味。當然，線性圖示的使用對於風格是有一定要求的，也正是目前扁平化2.0的時代能將這種設計元素的優勢發揮出來，但是如果換成擬物化的設計，情況可能就沒那麼理想了。UI設計學習者想要讓自己的水平在較短的時間內有較大的提高，有機會的話還是儘可能讓自己接受專業的培訓,目前國內UI培訓界已有一些的比較可靠的機構已經可以幫助廣大UI學習者在短期內掌握UI設計全部的基本知識，當然想要有更高的水平，自己私下花更多的功夫是必然的。