UI圖標創(chuàng)意設計

第 1 章緒論
1．1　圖標的概念 …………………　1
1．1．1　“圖標”釋意 …………………　1
1．1．2　何為 icon ………………………　1
1．2　圖標的應用與設計 …………　2
1．2．1　圖標的應用范圍與需求 ………　2
1．2．2　圖標 ， 標識與標志 ……………　2
1．2．3　圖標設計的應用價值 …………　2
本章小結(jié)……………………………　3
課后練習……………………………　3
第　2 章圖標設計概論
2．1　圖標設計的發(fā)展與現(xiàn)狀 ……　4
2．1．1　從紙媒到數(shù)媒 …………………　4
2．1．2　圖標與界面 ……………………　6
2．1．3　圖標的發(fā)展歷史 ………………　7
2．1．4　圖標大咖與他們的作品 ………　16
2．2　圖標的特征 …………………　22
2．2．1　圖標是信息載體 ………………　22
2．2．2　圖標是藝術(shù)形式 ………………　23
2．2．3　圖標是用戶體驗的一部分 ……　24
2．3圖標創(chuàng)意原則　………………　25
2．3．1　識別性原則 ……………………　25
2．3．2　差異性原則 ……………………　26
2．3．3　統(tǒng)一性原則 ……………………　27
2．3．4　適度性原則 ……………………　28
2．3．5　藝術(shù)性與原創(chuàng)性原則 …………　28
2．4　圖標的分類 …………………　30
2．4．1　按功能分類 ……………………　30
2．4．2　按風格分類 ……………………　33
2．4．3　按視圖分類 ……………………　38
2．5　圖標設計軟件與輸出 ………　41
2．5．1　圖標設計軟件 …………………　41
2．5．2　圖標輸出格式 …………………　44
2．6　圖標的平臺與特征 …………　45
2．6．1　不同平臺的圖標特征 …………　45
2．6．2　不同平臺圖標的規(guī)格尺寸 ……　49
本章小結(jié)……………………………　52
課后練習……………………………　52
第　3 章 圖標設計基礎
3．1　圖標與符號 …………………　53
3．1．1　符號學對圖標的解讀 …………　53
3．1．2　所指與能指 ……………………　55
3．1．3　練習 ……………………………　55
3．2圖標設計中的隱喻　…………　56
3．2．1　關(guān)于認知 ………………………　56
3．2．2　隱喻的力量 ……………………　56
3．2．3　練習 ……………………………　57
3．3圖標語言理論　………………　58
3．3．1　用圖標說話——圖形文字 ……　58
3．3．2　圖標語言?的語法與規(guī)則 ………　59
3．3．3　練習 ……………………………　60
本章小結(jié)……………………………　60
課后練習……………………………　60
第　4 章圖標設計流程與創(chuàng)意
4．1　圖標設計流程 ………………　61
4．1．1　概念解讀 ………………………　61
4．1．2　概念的圖形化 …………………　62
4．1．3　手稿繪制 ………………………　63
4．1．4　軟件繪制 ………………………　66
4．1．5　輸出保存 ………………………　67
4．2?圖標作品賞析　………………　68
4．2．1　應用圖標習作賞析 ……………　68
4．2．2　系列圖標習作賞析 ……………　70
4．2．3　計算機桌面及手機平臺圖標習作賞析 ……　72
4．3　圖標與界面的匹配 …………　75
4．3．1　風格匹配 ………………………　75
4．3．2　層級匹配 ………………………　76
4．3．3　主次匹配 ………………………　77
本章小結(jié)……………………………　78
課后練習……………………………　78
第　5 章? 圖標設計要素精講
5．1圖標的形　……………………　79
5．1．1　素材的收集和使用 ……………　79
5．1．2　圖標信息與形 …………………　80
5．2　形式與形式感 ………………　84
5．2．1　何為形式感 ……………………　84
5．2．2　圖標中的黃金分割 ……………　85
5．2．3　圖標造型表現(xiàn)形式 ……………　85
5．2．4　從擬物到扁平 …………………　88
5．3　色彩語言 ……………………　90
5．3．1　色彩的基本屬性 ………………　90
5．3．2　色彩情感與表現(xiàn)力 ……………　91
5．3．3　圖標色彩處理手法 ……………　95
5．3．4　圖標色彩運用準則 ……………　97
5．4　材質(zhì)與質(zhì)感 …………………　99
5．4．1　何為材質(zhì) ………………………　99
5．4．2　來自表面的質(zhì)感 ………………　100
5．4．3　來自構(gòu)造的質(zhì)感 ………………　101
5．5圖標動效　……………………　102
5．5．1　動效的作用 ……………………　102
5．5．2　圖標動效分類 …………………　103
5．6　情感的喚起 …………………　104
5．6．1　創(chuàng)作一枚有故事的圖標 ………　105
5．6．2　圖標的情感作用 ………………　105
本章小結(jié)……………………………　109
課后練習……………………………　109
第　6 章圖標制作實例
6．1AI　圖標制作實例 …………　110
6．1．1　制作即時聊天工具圖標 ………　110
6．1．2　制作 YOGA 風格圖標 …………　115
6．1．3　制作 safari 圖標 ………………　124
6．1．4　制作日歷圖標 …………………　131
6．1．5　制作針織勛章圖標 ……………　140
6．2　PS 圖標制作實例 …………　148
6．2．1　制作相機圖標 …………………　148
6．2．2　制作電池圖標 …………………　160
6．2．3　制作藝術(shù)相框圖標 ……………　171
6．2．4　制作龍珠圖標 …………………　177
6．2．5　制作金屬旋鈕圖標 ……………　184
本章小結(jié)……………………………　193
課后練習……………………………　193
尾聲
參考文獻
鳴謝