如何從零開始繪制一枚線性圖標（實戰篇）

 　　今天的教程除了一枚線性圖標的操作演示，更重要的是幫同學們領會UI設計師必備的化繁為簡，抽絲剝繭的能力。初學圖標繪制的同學，絕對需要裡邊提到的這個方法~

　　幾何

　　對於初學者來說，我們可以這樣理解，任何東西都可以用這四種圖形組合而成：

　　當我想要用圖標來表現一個物體時，我會先仔細觀察，然後盡可能將其拆分為最簡單的形狀。譬如，水滴可以用一個三角形和一個圓圈組成。

　　心形圖標可以由兩個圓圈和一個三角形組成。

　　我通常會使用Adobe Illustrator來制作這些圖形。矢量圖形的線條粗細、節點以及圖形之間的關系都非常易於控制。在Illustrator中，圖形和線條間的互相轉換也非常便捷。這些信息也許非常基礎，但卻是我制作大多數，甚至是復雜圖標的方法。下面這個例子細節略多，是我最近為bill of rights所做的圖標，其中，我也完全使用了相同的方式。

　　界面圖標

　　我最近正在為一款超贊的iPhone應用Parker Planner制作一組圖標。我很喜歡這個項目，這組用戶界面圖標的要點是在易於理解和功能性強的同時，具有美觀性，幫助用戶在這款略為復雜的應用中進行導航。

　　下面，讓我們來細看一下這些圖標，並且分析我的制作步驟。我們就以垃圾桶圖標為例，它就是由三個圓角矩形和三根線條組成的。

　　1、選擇圓角矩形工具

　　2、拖拽鼠標，畫出形狀

　　3、根據所需調整線條粗細

　　我通常會在整套圖標中選用一到兩種粗細的線條。

　　這樣可以保持所有圖標的整體性和一致性。

　　4、畫出另一個圓角矩形，作為蓋子。

　　5、再用一個圓角矩形畫出蓋子的把手。

　　6、擦去把手底部的半個圓角矩形。

　　7、現在，在桶身上繪制三條直線。

　　8、好啦，一個垃圾桶圖標就此誕生!你可以根據所需，調整顏色和線條粗細。

　　另有一些有用的工具，對制作圖標很有幫助——路徑查找器：可對各類形狀進行切割、組合以及合並。

　　線條/填充工具：形狀的線條色和填充色之間的轉換。

　　再有我最愛的工具——線條面板：將圖形轉折點由直角轉為圓角。

　　當完成一整套圖標設計後，我通常將它們肩並肩放成一排，來檢查是否有哪個特別奇怪，隨之進行調整。

　　最後，我會將它們置入應用進行檢驗，看看它們是否作用良好。

　　總結一下，制作優秀圖標不止是學習Illustrator的使用訣竅，當然，熟練掌握軟件也是必不可少的。更重要的是，你要練習將所見的事物分解為簡單的圖形。這項關鍵技能是助你成為圖標設計大師的秘訣!加油!