當前位置:首頁>ps實例教程>ps網(wǎng)頁設計>UI設計教程>教程內(nèi)容

UI知識,圖標的認知與設計步驟

來源:站酷 作者:Jenny1314 學習:6937人次

什么是圖標?

圖標就是電腦,手機或其它設備中為各種文件,應用程序或快捷方式設置的一種圖形標志。

 

圖標的分類

按功能分類圖標分為:1啟動類圖標,2應用類圖標,

1啟動類圖標

比如像微信,QQ等代表并啟動此應用的一類圖標(如下圖所示)

UI知識,圖標的認知與設計步驟_www.tgudhdp.cn UI知識,圖標的認知與設計步驟_www.tgudhdp.cn UI知識,圖標的認知與設計步驟_www.tgudhdp.cn

 

2,應用類圖標

比如像返回,刪除,保存等代表當前功能,或操作的一類圖標。(如下圖所示)

UI知識,圖標的認知與設計步驟_www.tgudhdp.cn UI知識,圖標的認知與設計步驟_www.tgudhdp.cn UI知識,圖標的認知與設計步驟_www.tgudhdp.cn

 

按設計形式分類分為扁平化圖標和擬物化圖標

1扁平化圖標,

UI知識,圖標的認知與設計步驟_www.tgudhdp.cn

扁平化設計特點:簡潔,清新,設計感強,沒有更多的細節(jié)與特效修飾。直接明了的表達出出圖標的本意。缺點是識別性差。

2擬物化圖標

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
花樣錦年2018-05-25 02:37
太棒了
東臨碣石2018-02-25 09:25
瞧瞧
雨傷time2017-05-28 05:29
動手練練

關注大神微博加入>>

網(wǎng)友求助,請回答!