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