本書是一本圍繞數字用戶界面中圖標設計創意思維展開的理論與實踐教程。
本書分為上下兩部分。
第一部分為圖標基礎知識,包括:第1章圖標概念起源和圖標設計作為數字媒體專業必需課的課程教學結構;第2章介紹了圖標設計歷史與現狀,特征與分類,創意原則等內容;第3章是與圖標設計相關的一些基于符號學,認知理論,圖標語言理論的介紹;
第二部分為應用實踐部分,包括:第4章圖標在設計過程中的流程和創意思維闡述;第5章從形,色,肌理;動態與情感角度對圖標設計要素的講解與舉例;第6章則是一個圖標設計制作實踐案例的演示教程。
本書旨在幫助讀者從原理和實踐兩方面深入理解圖標設計的基礎理論和思維方法與流程,在內容編排上側重讓讀者從了解基本概念推進到掌握思維方式,以便讀者在面對圖標設計時有一個較為明確的思考切入點,進而層層深入完成設計。本書適用于數字交互藝術 數字媒體 視覺傳達設計 游戲美術設計等專業課程教學用書,面向圖標設計學習者與愛好者,或者初學者購買的專業教學用書,亦適合作為培訓班學員在圖標創意思維與設計領域購買的自學輔助用書。
1.10個完整實際制作案例,按步驟演示制作過程,使讀者學習掌握不同質感圖標的計算機軟件繪制方法。
2.大量行業大咖的優秀作品賞析,以及專業學生優秀作品與設計思路分析
3.提供多媒體課件、書中全部案例素材、以及書中案例教學視頻。
作者童元園,是中國美術學院影視與動畫藝術學院教師,出身于平面設計和多媒體設計專業方向,多年從事界面與交互設計,圖標設計,視覺(動態)領域的教學和實踐工作。專業基礎扎實,經驗豐富。
第 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
本章小結…………………………… 3
課后練習…………………………… 3
第 2 章圖標設計概論
2.1 圖標設計的發展與現狀 …… 4
2.1.1 從紙媒到數媒 ………………… 4
2.1.2 圖標與界面 …………………… 6
2.1.3 圖標的發展歷史 ……………… 7
2.1.4 圖標大咖與他們的作品 ……… 16
2.2 圖標的特征 ………………… 22
2.2.1 圖標是信息載體 ……………… 22
2.2.2 圖標是藝術形式 ……………… 23
2.2.3 圖標是用戶體驗的一部分 …… 24
2.3圖標創意原則 ……………… 25
2.3.1 識別性原則 …………………… 25
2.3.2 差異性原則 …………………… 26
2.3.3 統一性原則 …………………… 27
2.3.4 適度性原則 …………………… 28
2.3.5 藝術性與原創性原則 ………… 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 不同平臺圖標的規格尺寸 …… 49
本章小結…………………………… 52
課后練習…………………………… 52
第 3 章 圖標設計基礎
3.1 圖標與符號 ………………… 53
3.1.1 符號學對圖標的解讀 ………… 53
3.1.2 所指與能指 …………………… 55
3.1.3 練習 …………………………… 55
3.2圖標設計中的隱喻 ………… 56
3.2.1 關于認知 ……………………… 56
3.2.2 隱喻的力量 …………………… 56
3.2.3 練習 …………………………… 57
3.3圖標語言理論 ……………… 58
3.3.1 用圖標說話——圖形文字 …… 58
3.3.2 圖標語言?的語法與規則 ……… 59
3.3.3 練習 …………………………… 60
本章小結…………………………… 60
課后練習…………………………… 60
第 4 章圖標設計流程與創意
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
本章小結…………………………… 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 圖標造型表現形式 …………… 85
5.2.4 從擬物到扁平 ………………… 88
5.3 色彩語言 …………………… 90
5.3.1 色彩的基本屬性 ……………… 90
5.3.2 色彩情感與表現力 …………… 91
5.3.3 圖標色彩處理手法 …………… 95
5.3.4 圖標色彩運用準則 …………… 97
5.4 材質與質感 ………………… 99
5.4.1 何為材質 ……………………… 99
5.4.2 來自表面的質感 ……………… 100
5.4.3 來自構造的質感 ……………… 101
5.5圖標動效 …………………… 102
5.5.1 動效的作用 …………………… 102
5.5.2 圖標動效分類 ………………… 103
5.6 情感的喚起 ………………… 104
5.6.1 創作一枚有故事的圖標 ……… 105
5.6.2 圖標的情感作用 ……………… 105
本章小結…………………………… 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 制作藝術相框圖標 …………… 171
6.2.4 制作龍珠圖標 ………………… 177
6.2.5 制作金屬旋鈕圖標 …………… 184
本章小結…………………………… 193
課后練習…………………………… 193
尾聲
參考文獻
鳴謝