學UI設計怎么制作規則的圖標?或許我應該被稱為一名Icon愛好者。我非常喜歡圖標,并且我也喜歡制作圖標。作為一名藝術家,現在學UI,我的時間被大量的繪畫所占據——我也喜歡繪畫,并且我的一生都在畫,直到最近才知道平面設計是什么。繪畫教給你怎樣去觀察,然后將所看到的在紙上用先天和圖形轉換出來,我認為這是我理解怎樣創建圖標的關鍵所在。
如果大家想要學習設計,可以去兔課網看一下,兔課網上面有很多的設計學習資源、教程、素材!
1、幾何圖形
首先,你應該知道,下面這四個圖形可以組成任何復雜的圖形。
當我想要將某個東西轉換成圖標時,如何自學UI,我會仔細觀察它,然后盡量將其打散成最簡單的結構。例如,水滴形狀可以使用三角形與圓形組成。
心形的圖標可以用兩個圓形和一個三角形組成。
我通常使用Adobe Illustrator來創建這些形狀。使用矢量形狀我可以更容易的控制線條的粗細、形狀的相互關系以及它們的錨點。Illustrator也可以很方便的將線條轉換成形狀,反之亦然。這一切看上去都很初級,但我便是用這種方法來創建非常復雜的圖標。下面是一個稍微復雜一些的例子,這是我最近在做的一個賬單的圖標,我也使用了同樣的基本圖形。
2、界面圖標
最近我在為iPhone 上一款稱為Parker Planner的App來設計一整套圖標。我很喜歡這個項目的工作,最重要的一點是,我創建出的這些易于理解、功能與美觀兼備的用戶界面圖標能夠幫助用戶更好地了解、使用這款應用。
我們從這些圖標中挑出一個進行解構,以便你能夠了解我是怎樣創建的。我們以垃圾桶的圖標為例,這個圖標由三個圓角矩形和三條線組成。
1. 選擇圓角矩形工具
2. 拖出圓角矩形的形狀
3. 不斷調整描邊的大小,直到你滿意為止。
責任編輯: