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