本書是一本圍繞數(shù)字用戶界面中圖標設計創(chuàng)意思維展開的理論與實踐教程。
本書分為上下兩部分。
第一部分為圖標基礎知識,包括:第1章圖標概念起源和圖標設計作為數(shù)字媒體專業(yè)必需課的課程教學結(jié)構(gòu);第2章介紹了圖標設計歷史與現(xiàn)狀,特征與分類,創(chuàng)意原則等內(nèi)容;第3章是與圖標設計相關(guān)的一些基于符號學,認知理論,圖標語言理論的介紹;
第二部分為應用實踐部分,包括:第4章圖標在設計過程中的流程和創(chuàng)意思維闡述;第5章從形,色,肌理;動態(tài)與情感角度對圖標設計要素的講解與舉例;第6章則是一個圖標設計制作實踐案例的演示教程。
本書旨在幫助讀者從原理和實踐兩方面深入理解圖標設計的基礎理論和思維方法與流程,在內(nèi)容編排上側(cè)重讓讀者從了解基本概念推進到掌握思維方式,以便讀者在面對圖標設計時有一個較為明確的思考切入點,進而層層深入完成設計。本書適用于數(shù)字交互藝術(shù) 數(shù)字媒體 視覺傳達設計 游戲美術(shù)設計等專業(yè)課程教學用書,面向圖標設計學習者與愛好者,或者初學者購買的專業(yè)教學用書,亦適合作為培訓班學員在圖標創(chuàng)意思維與設計領域購買的自學輔助用書。
1.10個完整實際制作案例,按步驟演示制作過程,使讀者學習掌握不同質(zhì)感圖標的計算機軟件繪制方法。
2.大量行業(yè)大咖的優(yōu)秀作品賞析,以及專業(yè)學生優(yōu)秀作品與設計思路分析
3.提供多媒體課件、書中全部案例素材、以及書中案例教學視頻。
作者童元園,是中國美術(shù)學院影視與動畫藝術(shù)學院教師,出身于平面設計和多媒體設計專業(yè)方向,多年從事界面與交互設計,圖標設計,視覺(動態(tài))領域的教學和實踐工作。專業(yè)基礎扎實,經(jī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
尾聲
參考文獻
鳴謝