UI知識,圖標設計初階要先型
對于新老設計師來說,這樣的方法都是比較可取好用的,交互設計師也可以這樣快速入門哦親!尤其是第一步驟,能否非常快速的出雛形。下面是其他案例的設計方法欣賞,跟我上面總結的一樣道理。

2.2圖例來源于Digial Art

2.3圖例來源于iconwerk
精致即精細極致。看似簡單的圖標其實并不是隨便了事,但知道了這些基本要素你就可以完成一個合格的圖標了。好的圖標是謹慎認真的注重每一筆每一像素每一矢量錨點的,盡可能的往精美優雅的方向努力吧騷年~
1.犀利清晰
需要鍛煉厲害的眼睛,使出你的火眼金星捕捉每個像素之差,像素滿格才能清晰的呈現,細分出來通常會遇到以下3種情況,這也是最影響圖標基本質量的問題點。
1)輪廓發虛
圖標一定要用矢量繪制,但是新手很容易犯的第一個錯誤就是圖標模糊的問題,也不清楚為何會這樣。其實就是矢量邊緣模糊產生的問題,也是個人繪制的不良習慣造成。避免這個問題,必須在100%畫布上繪制圖形,而且不能直接推動圖標放大縮小,即使這樣改變大小了也要放大畫布調整路徑的錨點,反復查看及校正是否對齊1px網格,而不是0.1~0.9px,正是不滿1px格才會生產虛線。而圓形的繪制保證十字架4個邊緣點對準就可以了。

2.4本文原創圖例
2)斜形發虛
斜線也是會有模糊與精致之分的,不仔細對比其實是比較難看到問題,可能很多人都會碰到圖形進行傾斜效果時是有鋸齒的,那就是角度的處理問題了,自己進行多角度對比下試試,會發現哪一個角度最清晰。也可以將圖層進行雙層疊加,會非常犀利哦~

2.5本文原創圖例
3)像素不夠或多余
看下來都是像素發虛與清晰的原因都是一樣的,下面這個例子是箭頭在小尺寸情況下可點陣矢量像素繪制,如果是大尺寸(如上面最大的箭頭示例)可以直接鋼筆繪制。

2.6本文原創圖例
總結一下上面的處理方法,堅持最少發虛原則:

2.7本文原創圖例
2. 比例協調
圖形內部結構要注意元素構成之間的比例,有黃金比例分割也有感性的平衡方法。嚴謹的圖標比例可參照蘋果IOS圖標規范案例,打好內部統一結構線進行圖形繪制和比例分配。
上一篇:ps設計心形網頁模板教程
下一篇:圖片教程,教你怎么做圓形圖表




























