UI圖標(biāo)創(chuàng)意設(shè)計(jì)

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