《UI圖示創意設計》是2019年12月人民郵電出版社出版的圖書，作者是童元園。
基本介紹
- 書名：UI圖示創意設計
- 作者：童元園
- ISBN：9787115501639
- 頁數：196頁
- 定價：69.8元
- 出版社：人民郵電出版社
- 出版時間：2019年12月
- 裝幀：平裝
- 開本：16開
內容簡介,圖書目錄,
內容簡介
本書是一本圍繞數字用戶界面中圖示設計創意思維展開的理論與實踐教程。
本書分為上下兩部分。
第一部分為圖示基礎知識，包括：第1章圖示概念起源和圖示設計作為數字媒體專業必需課的課程教學結構；第2章介紹了圖示設計歷史與現狀，特徵與分類，創意原則等內容；第3章是與圖示設計相關的一些基於符號學，認知理論，圖示語言理論的介紹；
第二部分為套用實踐部分，包括：第4章圖示在設計過程中的流程和創意思維闡述；第5章從形，色，肌理；動態與情感角度對圖示設計要素的講解與舉例；第6章則是一個圖示設計製作實踐案例的演示教程。
本書旨在幫助讀者從原理和實踐兩方面深入理解圖示設計的基礎理論和思維方法與流程，在內容編排上側重讓讀者從了解基本概念推進到掌握思維方式，以便讀者在面對圖示設計時有一個較為明確的思考切入點，進而層層深入完成設計。本書適用於數字互動藝術 數字媒體 視覺傳達設計 遊戲美術設計等專業課程教學用書，面向圖示設計學習者與愛好者，或者初學者購買的專業教學用書，亦適合作為培訓班學員在圖示創意思維與設計領域購買的自學輔助用書。
圖書目錄
第 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
尾聲
參考文獻
鳴謝
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
尾聲
參考文獻
鳴謝
