乾貨分享:如何製作有效的線性圖示

發表於2015-09-09
幾何

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


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


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


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

 

介面圖示

我最近正在為一款超讚的iPhone應用Parker Planner製作一組圖示。我很喜歡這個專案,這組使用者介面圖示的要點是在易於理解和功能性強的同時,具有美觀性,幫助使用者在這款略為複雜的應用中進行導航。


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

1 選擇圓角矩形工具


2 拖拽滑鼠,畫出形狀


3 根據所需調整線條粗細

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

這樣可以保持所有圖示的整體性和一致性。
4 畫出另一個圓角矩形,作為蓋子。


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


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


7 現在,在桶身上繪製三條直線。


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


另有一些有用的工具,對製作圖示很有幫助——路徑查詢器:可對各類形狀進行切割、組合以及合併。


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


再有我最愛的工具——線條皮膚:將圖形轉折點由直角轉為圓角。


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


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


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

相關文章