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