UI圖標(biāo)創(chuàng)意設(shè)計
定 價:69.8 元
- 作者:童元園
- 出版時間:2019/12/1
- ISBN:9787115501639
- 出 版 社:人民郵電出版社
- 中圖法分類:TP311.1
- 頁碼:196
- 紙張:
- 版次:01
- 開本:16開
本書是一本圍繞數(shù)字用戶界面中圖標(biāo)設(shè)計創(chuàng)意思維展開的理論與實踐教程。
本書分為上下兩部分。
第一部分為圖標(biāo)基礎(chǔ)知識,包括:第1章圖標(biāo)概念起源和圖標(biāo)設(shè)計作為數(shù)字媒體專業(yè)必需課的課程教學(xué)結(jié)構(gòu);第2章介紹了圖標(biāo)設(shè)計歷史與現(xiàn)狀,特征與分類,創(chuàng)意原則等內(nèi)容;第3章是與圖標(biāo)設(shè)計相關(guān)的一些基于符號學(xué),認(rèn)知理論,圖標(biāo)語言理論的介紹;
第二部分為應(yīng)用實踐部分,包括:第4章圖標(biāo)在設(shè)計過程中的流程和創(chuàng)意思維闡述;第5章從形,色,肌理;動態(tài)與情感角度對圖標(biāo)設(shè)計要素的講解與舉例;第6章則是一個圖標(biāo)設(shè)計制作實踐案例的演示教程。
本書旨在幫助讀者從原理和實踐兩方面深入理解圖標(biāo)設(shè)計的基礎(chǔ)理論和思維方法與流程,在內(nèi)容編排上側(cè)重讓讀者從了解基本概念推進(jìn)到掌握思維方式,以便讀者在面對圖標(biāo)設(shè)計時有一個較為明確的思考切入點,進(jìn)而層層深入完成設(shè)計。本書適用于數(shù)字交互藝術(shù) 數(shù)字媒體 視覺傳達(dá)設(shè)計 游戲美術(shù)設(shè)計等專業(yè)課程教學(xué)用書,面向圖標(biāo)設(shè)計學(xué)習(xí)者與愛好者,或者初學(xué)者購買的專業(yè)教學(xué)用書,亦適合作為培訓(xùn)班學(xué)員在圖標(biāo)創(chuàng)意思維與設(shè)計領(lǐng)域購買的自學(xué)輔助用書。
1.10個完整實際制作案例,按步驟演示制作過程,使讀者學(xué)習(xí)掌握不同質(zhì)感圖標(biāo)的計算機(jī)軟件繪制方法。
2.大量行業(yè)大咖的優(yōu)秀作品賞析,以及專業(yè)學(xué)生優(yōu)秀作品與設(shè)計思路分析
3.提供多媒體課件、書中全部案例素材、以及書中案例教學(xué)視頻。
作者童元園,是中國美術(shù)學(xué)院影視與動畫藝術(shù)學(xué)院教師,出身于平面設(shè)計和多媒體設(shè)計專業(yè)方向,多年從事界面與交互設(shè)計,圖標(biāo)設(shè)計,視覺(動態(tài))領(lǐng)域的教學(xué)和實踐工作。專業(yè)基礎(chǔ)扎實,經(jīng)驗豐富。
第 1 章緒論
1.1 圖標(biāo)的概念 ………………… 1
1.1.1 “圖標(biāo)”釋意 ………………… 1
1.1.2 何為 icon ……………………… 1
1.2 圖標(biāo)的應(yīng)用與設(shè)計 ………… 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è)計的應(yīng)用價值 ………… 2
本章小結(jié)…………………………… 3
課后練習(xí)…………………………… 3
第 2 章圖標(biāo)設(shè)計概論
2.1 圖標(biāo)設(shè)計的發(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)是用戶體驗的一部分 …… 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è)計軟件與輸出 ……… 41
2.5.1 圖標(biāo)設(shè)計軟件 ………………… 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è)計基礎(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è)計中的隱喻 ………… 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è)計流程與創(chuàng)意
4.1 圖標(biāo)設(shè)計流程 ……………… 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ī)平臺圖標(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è)計要素精講
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)色彩運用準(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)制作實例
6.1AI 圖標(biāo)制作實例 ………… 110
6.1.1 制作即時聊天工具圖標(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)制作實例 ………… 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)
鳴謝