如何制作有效的圖標(biāo)

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

當(dāng)我想要用圖標(biāo)來表現(xiàn)一個物體時，我會先仔細(xì)觀察，然后盡可能將其拆分為最簡單的形狀。譬如，水滴可以用一個三角形和一個圓圈組成。

心形圖標(biāo)可以由兩個圓圈和一個三角形組成。

我通常會使用Adobe Illustrator來制作這些圖形。矢量圖形的線條粗細(xì)、節(jié)點以及圖形之間的關(guān)系都非常易于控制。在Illustrator中，圖形和線條間的互相轉(zhuǎn)換也非常便捷。這些信息也許非�；�礎(chǔ)，但卻是我制作大多數(shù)，甚至是復(fù)雜圖標(biāo)的方法。下面這個例子細(xì)節(jié)略多，是我最近為bill of rights所做的圖標(biāo)，其中，我也完全使用了相同的方式。

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

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

1 選擇圓角矩形工具?

2 拖拽鼠標(biāo)，畫出形狀

3 根據(jù)所需調(diào)整線條粗細(xì)

我通常會在整套圖標(biāo)中選用一到兩種粗細(xì)的線條。

這樣可以保持所有圖標(biāo)的整體性和一致性。

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

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

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

7 現(xiàn)在，在桶身上繪制三條直線。

8 好啦，一個垃圾桶圖標(biāo)就此誕生！你可以根據(jù)所需，調(diào)整顏色和線條粗細(xì)。

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

線條／填充工具：形狀的線條色和填充色之間的轉(zhuǎn)換。

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

當(dāng)完成一整套圖標(biāo)設(shè)計后，我通常將它們肩并肩放成一排，來檢查是否有哪個特別奇怪，隨之進行調(diào)整。

最后，我會將它們置入應(yīng)用進行檢驗，看看它們是否作用良好。

總結(jié)一下，制作優(yōu)秀圖標(biāo)不止是學(xué)習(xí)Illustrator的使用訣竅，當(dāng)然，熟練掌握軟件也是必不可少的。更重要的是，你要練習(xí)將所見的事物分解為簡單的圖形。這項關(guān)鍵技能是助你成為圖標(biāo)設(shè)計大師的秘訣！加油！

全教程完,學(xué)完記得交作業(yè)。如果本教程對您有所幫助，請推薦給你的朋友。