UI知識，圖標的認知與設計步驟
- 2022-12-24 19:10:51
- 來源/作者：互聯網/佚名
- 己被圍觀次
第一次寫文章，寫完后挺高興的，收獲也挺多的。這事我從做設計到現在做圖標的過程中對圖標的認知與設計心得，很高興跟大家一起分享。希望和大家一起交流學習。
1 必須明確設計需求
即從開始到結束必須牢記并且明確說設計的圖標說代表的功能需求。
比如在設計電話圖標時不能偏離打電話這一需求。這樣設計出來的圖標才會實用，好用，易用
2明確設計風格
即必須定一個設計風格，是擬物化，扁平化，還是卡通圖標。在定了風格后要嚴格按所定的風格去設計其它圖標。保持統一性。
3草圖設計
在定了設計風格后，開始草圖設計，用草圖繪出你要設計的圖標形態。繪制草圖是一個很重要的步驟，可以用手繪或一些軟件。個人建議用手繪，如下圖所示。
4低保真設計
根據草圖用自己所熟悉的設計軟件設計出整個圖標的形狀，等所有元素。如下圖的梅花圖標，先設計出此圖標的所有元素。
5高保真設計(視覺稿)
在低保真的基礎上添加顏色，高光與陰影等細節，最終完成視覺稿如右上圖的梅花圖標所示。
6輸出圖標的格式
一般是png，jpg等
*PSjia.COM 傾力出品，轉載請注明來自PS家園網（www.wh207.com）
下一篇：ps制作簡潔的水晶圖標教程
更多精彩內容
-
APP展示圖，教你怎么用PS制作APP的界面圖片 -
用ps制作大拇指勝利手勢logo -
用ps制作金屬質感徽章 -
用ps制作綠色環保Logo -
用ps制作放大縮小logo -
ps cs6設計火箭UI圖標 -
教你用PS打造網頁效果圖全過程 -
進度條，設計一個彩色進度條