這是一本UI圖標手繪設(shè)計專業(yè)教程。本書的宗旨是幫助讀者理解圖標設(shè)計的原理，用手繪的方式將圖標展現(xiàn)出來。在UI設(shè)計工作中，我們可以采用各種設(shè)計方法制作圖標。其中，手繪是一種快速且容易出效果的方式，設(shè)計師在獨立創(chuàng)作、群體討論、會議展示、工作匯報時均可采用。
本書分為3篇，共14章。其中，基礎(chǔ)篇和進階篇講解如何制作App相關(guān)的各類圖標，在初步掌握手繪技能的同時，理解UI圖標設(shè)計的原理和規(guī)范，從而為圖標手繪練習打下良好的基礎(chǔ)。高階篇則是將生活中常見的事物融入圖標設(shè)計中，通過對素材進行提煉、簡化和有效組合，將其以圖標的形式呈現(xiàn)出來，以提高讀者對素材的提取、處理及重組能力，以及圖標手繪能力。從而進一步提升圖標手繪能力。本書不僅全方位介紹了圖標手繪設(shè)計的基本方法與技巧，還提供了一些實際工作中的經(jīng)驗知識。此外，每個案例都有配套視頻，讀者掃碼即可觀看。
本書適合UI設(shè)計初學者和有一定UI設(shè)計經(jīng)驗的設(shè)計師學習或參考。
這是一本UI圖標手繪設(shè)計專業(yè)教程。圖標手繪是一種快速且容易出效果的方式，設(shè)計師在獨立創(chuàng)作、群體討論、會議展示、工作匯報時均可采用。
本書分為3篇，基礎(chǔ)篇和進階篇講解如何制作App相關(guān)的各類圖標，在初步掌握手繪技能的同時，理解UI圖標設(shè)計的原理和規(guī)范，從而為圖標手繪練習打下良好的基礎(chǔ)。高階篇則是將生活中常見的事物融入圖標設(shè)計中，通過對生活素材進行提煉、簡化并有效組合之后再呈現(xiàn)出來，提高讀者對素材的提取、處理及重組能力，從而進一步提升圖標手繪能力。
本書不僅全方位介紹了圖標手繪設(shè)計的基本方法與技巧，還提供了一些實際工作中的經(jīng)驗知識。此外，每個案例都帶有配套視頻，讀者掃碼即可觀看。
路銘 （網(wǎng)名 Rrrmandy）
生于美麗的海濱城市大連。美術(shù)學習長達 10年之久，以優(yōu)異的成績畢業(yè)于上海東華大學藝術(shù)設(shè)計系（工業(yè)設(shè)計）。畢業(yè)后從事 UI 設(shè)計工作 5年以上，對 UI 設(shè)計和網(wǎng)站設(shè)計有自己獨到的見解。曾入圍 UI 中國 2016 年度優(yōu)秀設(shè)計師和UI 中國 2017 年度優(yōu)秀設(shè)計師。
基礎(chǔ)篇
第 1章 App基礎(chǔ)功能圖標的制作 11
01 箭頭圖標設(shè)計 12
經(jīng)驗分享：圖標繪制需注意的基本問題 13
思維拓展：如何繪制圓形 13
02 首頁圖標設(shè)計 14
03 收藏圖標設(shè)計 15
思維拓展：線描圖標的細節(jié)表現(xiàn)通常有哪些 167
04 掃一掃圖標設(shè)計 17
經(jīng)驗分享：尋找素材時可采用的一些方法 18
05 幫助與反饋圖標設(shè)計 19
經(jīng)驗分享：符號在圖標設(shè)計中的語義表達和應(yīng)用 20
06 評論圖標設(shè)計 21
思維拓展：兩個形狀相似的圖標如何做到差異化設(shè)計 22
07 搜索圖標設(shè)計 23
思維拓展：MBE風格在圖標設(shè)計中如何運用 24
08 刪除圖標設(shè)計 25
思維拓展：線描圖標如何用線條來表現(xiàn)不同的質(zhì)感 26
09 點贊圖標設(shè)計 27
思維拓展：如何分析結(jié)構(gòu)復雜的事物并將其繪制成圖標 28
10 分享圖標設(shè)計 29
經(jīng)驗分享：圖標繪制時需要注意的一些規(guī)范性問題 30
11 退款圖標設(shè)計 31
12 訂單圖標設(shè)計 32
經(jīng)驗分享：圖形元素的變換使用 33
思維拓展：用直線表達信息內(nèi)容時需注意哪些問題 33
13 個人中心圖標設(shè)計 34
思維拓展：為什么圖標需要在正方形范圍內(nèi)進行設(shè)計 35
第 2章 消費類App圖標的制作 37
14 購物車圖標設(shè)計 38
經(jīng)驗分享：線描圖標繪制時需要注意的小問題 38
15 分類圖標設(shè)計 39
經(jīng)驗分享：底邊工具欄中圖標的設(shè)計規(guī)范 40
思維拓展：底邊工具欄圖標的設(shè)計形式與風格有哪些 40
16 發(fā)現(xiàn)圖標設(shè)計 41
思維拓展：底部工具欄中5個圖標的功能 42
17 客服圖標設(shè)計 43
18 定位圖標設(shè)計 45
思維拓展：圖標設(shè)計時可借助的平面構(gòu)成原理有哪些 46
19 生鮮圖標設(shè)計 47
思維拓展：App圖標的風格分類有哪些 48
20 超市圖標設(shè)計 49
思維拓展：影響圖標設(shè)計結(jié)果和風格形成的因素有哪些 50
21 金融圖標設(shè)計 51
經(jīng)驗分享：影響圖標語義表達的因素 52
22 圖書圖標設(shè)計 53
經(jīng)驗分享：圖標設(shè)計中有關(guān)平行透視的掌握 54
23 優(yōu)惠券圖標設(shè)計 55
經(jīng)驗分享：文字在圖標設(shè)計中的應(yīng)用 56
24 VIP會員圖標設(shè)計 57
經(jīng)驗分享：線描圖標用線條表達不同風格的方式 58
25 進口圖標設(shè)計 59
經(jīng)驗分享：頭腦風暴的流程分析 60
26 美妝圖標設(shè)計 61
經(jīng)驗分享：圖標素材的一些篩選規(guī)則 62
第3章 視頻娛樂類App圖標的制作 63
27 熱點圖標設(shè)計 64
經(jīng)驗分享：底邊工具欄中圖標設(shè)計的一些特點 65
28 播放圖標設(shè)計 66
經(jīng)驗分享：線描圖標設(shè)計中高光的不同表現(xiàn)方式 67
29 歷史圖標設(shè)計 68
經(jīng)驗分享：箭頭圖形在不同圖標中的語義表達 69
30 下載圖標設(shè)計 70
經(jīng)驗分享：界面的層級關(guān)系和重要程度對圖標設(shè)計結(jié)果的影響 71
31 VIP充值圖標設(shè)計 72
經(jīng)驗分享：影響圖標圖形選擇和設(shè)計的因素 73
32 電影圖標設(shè)計 74
33 直播圖標設(shè)計 76
34 綜藝圖標設(shè)計 78
35 游戲圖標設(shè)計 80
經(jīng)驗分享：簡化圖形的方法和技巧 81
第4章 效率類App圖標的制作 83
36 素材庫圖標設(shè)計 84
經(jīng)驗分享：分析和解決問題的一些方法 85
37 工具圖標設(shè)計 87
經(jīng)驗分享：圖標設(shè)計的基本流程 88
38 快傳圖標設(shè)計 89
經(jīng)驗分享：整理圖標素材的一些方法和技巧 90
39 錄音圖標設(shè)計 91
第5章 網(wǎng)站錯誤界面圖標的制作 93
40 404網(wǎng)站錯誤界面圖標設(shè)計（1） 94
經(jīng)驗分享：關(guān)于同一個網(wǎng)站的錯誤界面之間的邏輯關(guān)系 95
41 404網(wǎng)站錯誤界面圖標設(shè)計（2） 96
經(jīng)驗分享：圖標的五大面和陰影的表現(xiàn)與運用 97
42 404網(wǎng)站錯誤界面圖標設(shè)計（3） 98
經(jīng)驗分享：關(guān)于圖標的情感化設(shè)計 99
43 404網(wǎng)站錯誤界面圖標設(shè)計（4） 100
第6章 功能大類圖標的制作 103
44 鉆石婚慶圖標設(shè)計 104
45 家居擺設(shè)圖標設(shè)計 106
經(jīng)驗分享：圖標中植物圖形的繪制技巧 107
46 物業(yè)服務(wù)圖標設(shè)計 108
思維拓展：關(guān)于系列圖標的風格化統(tǒng)一 109
進階篇
第7章 iOS 系統(tǒng)應(yīng)用圖標的制作 111
47 美甲應(yīng)用圖標設(shè)計 112
經(jīng)驗分享：iOS系統(tǒng)下App圖標的尺寸規(guī)范 113
48 播放器應(yīng)用圖標設(shè)計 114
經(jīng)驗分享：圖標設(shè)計中基礎(chǔ)圖形的演變技巧 115
49 購物應(yīng)用圖標設(shè)計 116
50 房屋租賃應(yīng)用圖標設(shè)計 118
51 旅游應(yīng)用圖標設(shè)計 120
經(jīng)驗分享：圓角矩形邊框的用法 121
第8章 Android系統(tǒng)應(yīng)用圖標的制作 123
52 應(yīng)用市場圖標設(shè)計 124
經(jīng)驗分享：如何選擇和確定手機主題風格 125
53 音樂應(yīng)用圖標設(shè)計 126
經(jīng)驗分享：關(guān)于懷舊風格元素的運用 127
54 郵件應(yīng)用圖標設(shè)計 128
55 電話應(yīng)用圖標設(shè)計 130
56 日歷應(yīng)用圖標設(shè)計 132
經(jīng)驗分享：關(guān)于數(shù)字在圖標設(shè)計中的應(yīng)用 133
57 設(shè)置應(yīng)用圖標設(shè)計 134
經(jīng)驗分享：關(guān)于圖標中齒輪圖形的畫法 135
58 文件夾應(yīng)用圖標設(shè)計 136
思維拓展：黑白灰陰影線條的繪制規(guī)律有哪些 137
59 時鐘應(yīng)用圖標設(shè)計 138
經(jīng)驗分享：如何簡化生活中的圖形 139
60 相機應(yīng)用圖標設(shè)計 140
第9章 微軟系統(tǒng)應(yīng)用圖標的制作 143
61 計算機應(yīng)用圖標設(shè)計 144
經(jīng)驗分享：關(guān)于2.5D風格的運用 145
62 文件夾應(yīng)用圖標設(shè)計 146
經(jīng)驗分享：如何制作2.5D手繪圖標的參考線背景 147
63 回收站應(yīng)用圖標設(shè)計 148
經(jīng)驗分享：不規(guī)則圖標中各個圖形的關(guān)鍵點的尋找 149
高階篇
第 10章 食物類圖標 151
64 生日蛋糕圖標設(shè)計 152
65 菜籃子圖標設(shè)計 154
經(jīng)驗分享：如何通過高光細節(jié)準確表現(xiàn)圖標語義 154
66 牛排圖標設(shè)計 155
67 壽司圖標設(shè)計 157
68 拉面圖標設(shè)計 159
第 11章 生活類圖標 161
69 兒童車圖標設(shè)計 162
70 水槍圖標設(shè)計 164
71 榨汁機圖標設(shè)計 166
72 老式唱片機圖標設(shè)計 168
經(jīng)驗分享：如何表現(xiàn)出圖標的年代感 169
73 筆記本式計算機圖標設(shè)計 170
74 攝像機圖標設(shè)計 172
經(jīng)驗分享：關(guān)于復雜圖標的一些繪制經(jīng)驗 174
第 12章 交通旅游類圖標 175
75 揚帆起航圖標設(shè)計 176
76 跨海大橋圖標設(shè)計 178
經(jīng)驗分享：常用的圖標構(gòu)圖方法 179
77 度假酒店圖標設(shè)計 180
經(jīng)驗分享：圖標設(shè)計中一些常見的氣氛表現(xiàn)需求 181
第 13章 動物類圖標 183
78 大猩猩圖標設(shè)計 184
79 羊駝圖標設(shè)計 186
思維拓展：繪制表情圖標時需要注意的關(guān)鍵點有哪些 187
80 西方龍圖標設(shè)計 189
81 公鹿圖標設(shè)計 191
82 白熊圖標設(shè)計 193
思維拓展：關(guān)于黃金比例的運用 194
第 14章 學習工作類圖標 195
83 作業(yè)本圖標設(shè)計 196
思維拓展：增強圖標節(jié)奏感的方式有哪些 197
84 教學圖標設(shè)計 198
經(jīng)驗分享：增強圖標層次感的方式有哪些 199
85 選課圖標設(shè)計 200
經(jīng)驗分享：繪制圖標之前需要考慮的幾個問題 201
86 技能大賽圖標設(shè)計 202
經(jīng)驗分享：復雜圖形的分解與概括 203
87 理論與實踐圖標設(shè)計 204
88 實習圖標設(shè)計 206
經(jīng)驗分享：繪制陰影時需要注意的問題 207
書單推薦
