UI知識,圖標的認知與設計步驟
1 必須明確設計需求
即從開始到結束必須牢記并且明確說設計的圖標說代表的功能需求。
比如在設計電話圖標時不能偏離打電話這一需求。這樣設計出來的圖標才會實用,好用,易用
2明確設計風格
即必須定一個設計風格,是擬物化,扁平化,還是卡通圖標。在定了風格后要嚴格按所定的風格去設計其它圖標。保持統一性。
3草圖設計
在定了設計風格后,開始草圖設計,用草圖繪出你要設計的圖標形態。繪制草圖是一個很重要的步驟,可以用手繪或一些軟件。個人建議用手繪,如下圖所示。
4低保真設計
根據草圖用自己所熟悉的設計軟件設計出整個圖標的形狀,等所有元素。如下圖的梅花圖標,先設計出此圖標的所有元素。
5高保真設計(視覺稿)
在低保真的基礎上添加顏色,高光與陰影等細節,最終完成視覺稿如右上圖的梅花圖標所示。
6輸出圖標的格式
一般是png,jpg等
上一篇:臨摹播放條
下一篇:ps設計網頁進度條教程