天津UI設計師培訓過程中100個icon的設計步驟

　　不管是做平面設計還是UI設計都不可避免的遇到icon或者是logo。

　　怎么才能成為設計師，先設計100icon試試。

　　每一個藝術家都不是正常人，一定是經(jīng)歷了非常人能經(jīng)歷的那些過程才能的。

　　誠筑說寫在你成ion為藝術家的前面

　　設計過程分為以下幾個過程，磨刀不誤砍柴工。

　　1.從網(wǎng)格開始

　　一般情況下采用32X32的網(wǎng)格。

　　圖標的結構分為形狀和方向兩部分。有邊框的圖標，設計時一般會先在邊界框位置畫出圖標樣式相似的圖形，比方說，正方形，圓形，三角形，矩形等作為邊框。圓形的icon在網(wǎng)格中一般居中。方形圖標和圓形圖標一樣，居中。在32px的網(wǎng)格中，通常設計圖標都會遵循從28px中垂直和水平的分出20px區(qū)域這樣的標準，但是網(wǎng)格規(guī)矩不是所有設計都必須要遵循的，網(wǎng)格是起到幫助圖標設計的一致性的目的，設計很棒的圖標和遵循規(guī)則兩者還是應該選前者。

　　2. 簡單的圖形設計

　　設計初都是從花草圖開始，icon也一樣，我們可以從簡單的圓形，三角形或者矩形開始。設計的時候不用特別精致，可以選擇用AI做。選用簡單的幾何圖形進行設計的好處就是準確，修改調整的時候會更快也能更地適應網(wǎng)格。已達到基礎要求。

　　3. 邊緣、曲線、邊角和角度

　　在設計圖標的邊緣、邊角、曲線及角度應該盡可能遵循數(shù)學規(guī)范，不要靠自己的直覺，如果這些元素不一致，將會直接影響出圖的質量。

　　在設計中，角度問題一般使用45度角及其倍數(shù)。因為45度角會顯得很均勻，對角線給人的感覺很清晰。如果非要打破這種規(guī)則，我們還可以使用減半角度，就是在45度的基礎上一直減半，或者15的倍數(shù)，具體問題具體分析。

　　曲線是設計中特別難的，內行的人一看曲線就大概能判斷出設計師的水平。人眼的測量再怎么都會存在一些小的誤差，所以使用作圖軟件的形狀工具和一些數(shù)字來進行曲線的設計會更準確的達到?？傊灰嘈抛约旱难劬椭庇X。

　　圖標的像素是很重要的，在小尺寸設計中對整體視覺的影響會很大。如果像素網(wǎng)格中行間距沒對齊，小圖標就會看起來很模糊。如果調整圖標的像素網(wǎng)格又會使直線變得單薄，角度與曲線也沒那么，所以才會讓大家去用45度角。

　　4. 細節(jié)和裝飾

　　設計icon的目就是為了和用戶溝通，讓他們通過icon來了解用途從而選擇。如果圖標的細節(jié)太多就會影響辨識復雜度，甚至成為累贅。所以在沒有把握的情況下使用低限度的細節(jié)，明確。簡單。

　　寫在后的

　　一些設計師在制作高質量的圖標時，會很注重設計趨勢和其他設計師作品風格的模仿。但是對以設計師來講，創(chuàng)新是更應該看重的，所以大家應該多注意觀察，從結構、心理、自然等領域都可以嘗試尋找靈感。設計出特立獨行的圖標，才會得到用戶真正的認可。

　　設計，與眾不同不代表著不能用。設計路上誠筑說與你同行。