新印象中文版Sketch圖標與UI界面設計實例教程

定　價：￥59.00

作　者：	陳曉歷著
出版社：	人民郵電出版社
叢編項：
標　簽：	暫缺

購買這本書可以去

ISBN：	9787115522221	出版時間：	2020-07-01	包裝：	平裝
開本：	16開	頁數(shù)：	192	字數(shù)：

內容簡介

　　這是一本講解Sketch圖標與UI界面設計的實例教程。全書根據(jù)日常生活中移動App界面的常見功能，分類講解UI圖標與界面設計的技巧與方法。全書共6章，以案例的形式分別講解了圖標設計、引導頁設計、主頁設計、圖表頁設計、個人中心頁設計及登錄頁設計。針對圖標的設計，分為線性圖標、扁平圖標和擬物圖標的繪制；針對界面的設計，分為插畫類型的引導頁、不同功能的主頁、色感強烈的圖表頁、不同形式的個人中心頁及不同風格的登錄頁的制作。本書實戰(zhàn)案例均配有拓展練習，同時提供了案例設計源文件及一套獨立視頻課程，目的是幫助UI設計學習者了解和掌握UI設計的規(guī)范、配色思路及具體的設計方法，同時使有一定UI設計經驗的人得到提升。本書適合UI設計初學者、有一定設計經驗的UI設計師和交互設計師閱讀。

作者簡介

　　陳曉歷（Kiki）曾參與《爸爸去哪兒》《宮爆老奶奶》手游UI項目設計，以及《火影疾風壇》網頁游戲項目設計。曾負責“星巴克”小程序設計項目。搜狗簽約皮膚設計師，作品多次被UI中國首頁推薦。

圖書目錄

第1 章圖標設計 017
1．1 實戰(zhàn)：繪制一套日記App 的線性圖標 018
1．1．1 繪制“私信”圖標 018
1．1．2 繪制“定位”圖標 020
1．1．3 繪制“相機”圖標 020
1．1．4 繪制“分享”圖標 022
1．1．5 繪制“對話”圖標 023
1．1．6 繪制“心”圖標 024
1．1．7 繪制“個人”圖標 026
1．1．8 繪制“支付”圖標 026
1．1．9 繪制“鬧鐘”圖標 027
1．1．10 繪制“Wi-Fi”圖標 028
1．1．11 繪制“點贊”圖標 029
1．1．12 繪制“圖片”圖標 031
1．1．13 繪制“購物車”圖標 032
1．1．14 繪制“刪除”圖標 033
1．1．15 繪制“設置”圖標 035
1．1．16 繪制“手機”圖標 036
1．1．17 繪制“放大鏡”圖標 037
1．1．18 繪制“天氣”圖標 038
1．1．19 繪制“鎖”圖標 039
1．1．20 繪制“包”圖標 040
拓展練習：繪制一套線性圖標 041
1．2 實戰(zhàn)：繪制一套社交App 的扁平圖標 042
1．2．1 繪制“相機”圖標 042
1．2．2 繪制“旋轉”圖標 045
1．2．3 繪制“圓形”圖標 047
1．2．4 繪制“聊天”圖標 048
1．2．5 繪制“閃電”圖標 049
1．2．6 繪制“多色氣泡”圖標 050
拓展練習：繪制一個扁平化圖標 052
1．3 實戰(zhàn)：繪制一套工具類型的擬物圖標 053
1．3．1 繪制“鐘表盤”圖標 054
1．3．2 繪制“按鈕”圖標 058
1．3．3 繪制“漸變色開關”圖標 062
1．3．4 繪制“相機”圖標 067
拓展練習：繪制一個擬物圖標 078
第2 章引導頁設計 079
2．1 實戰(zhàn)：“ 心溝通”引導頁的制作 080
2．1．1 繪制背景 080
2．1．2 繪制圖形裝飾背景 080
2．1．3 繪制心形圖案 081
2．1．4 添加文字 082
2．1．5 繪制翻頁元素 082
2．1．6 制作立體效果 083
拓展練習：繪制一個以實物圖為背景的引導頁 083
2．2 實戰(zhàn)：“ 愛護鯨魚”引導頁的制作 084
2．2．1 繪制背景 084
2．2．2 繪制鯨魚 087
2．2．3 繪制橋頭 089
2．2．4 繪制小女孩 091
2．2．5 添加倒影 092
2．2．6 添加文字和斜線 093
2．2．7 制作立體效果 093
拓展練習：繪制一個“鯨魚”主題的引導頁 093
2．3 實戰(zhàn)：“ 海上日出”引導頁的制作 094
2．3．1 繪制波浪 094
2．3．2 繪制太陽 098
2．3．3 繪制浪花 099
2．3．4 添加文字 100
2．3．5 制作立體效果 100
拓展練習：繪制一個與案例同類型的引導頁 100
2．4 實戰(zhàn)： “萌胖減重”引導頁的制作 101
2．4．1 繪制海浪 101
2．4．2 繪制救生圈 103
2．4．3 繪制卡通人物 104
2．4．4 添加小黃鴨 106
2．4．5 添加文本 107
2．4．6 制作立體效果 108
拓展練習：繪制一個“中秋賞月”主題的引導頁 108
第3章主頁設計 109
3．1 實戰(zhàn)：相機主頁的制作 110
3．1．1 繪制背景 110
3．1．2 繪制操作欄圖標 111
3．1．3 制作立體效果 112
拓展練習：繪制一個黑色效果的相機主頁 112
3．2 實戰(zhàn)：酷炫音樂播放器主頁的制作 113
3．2．1 繪制背景 113
3．2．2 編輯圖片 113
3．2．3 繪制狀態(tài)欄和操作欄的圖標 114
3．2．4 繪制播放器 115
3．2．5 制作立體效果 117
拓展練習：繪制一個紫色炫酷類型的播放器主頁 117
3．3 實戰(zhàn)：音樂播放器主頁的制作 118
3．3．1 繪制背景 118
3．3．2 編輯圖片 118
3．3．3 繪制頂部操作欄 119
3．3．4 繪制播放器 120
3．3．5 制作立體效果 121
拓展練習：繪制一個極簡風格的播放器主頁 121
3．4 實戰(zhàn)：微故事主頁的制作 122
3．4．1 繪制背景 122
3．4．2 繪制標題 122
3．4．3 繪制卡片 123
3．4．4 制作立體效果 124
拓展練習：繪制一個卡片類型的電影App主頁 124
3．5 實戰(zhàn)：推薦文章主頁的制作 125
3．5．1 繪制背景 125
3．5．2 繪制頁邊 125
3．5．3 繪制狀態(tài)欄 126
3．5．4 繪制底部操作欄 126
3．5．5 添加正文 126
3．5．6 制作立體效果 128
拓展練習：繪制一個圖文混排的好文章分享App主頁 128
3．6 實戰(zhàn)：直播App主頁的制作 129
3．6．1 繪制背景 129
3．6．2 繪制操作欄圖標 129
3．6．3 制作立體效果 132
拓展練習：繪制一個漸變效果的視頻剪輯App主頁 132
第4章圖表頁設計 133
4．1 實戰(zhàn)：簡約水波圖表頁的制作 134
4．1．1 繪制背景 134
4．1．2 繪制頂部水紋 134
4．1．3 繪制定界框并放入圖標 136
4．1．4 繪制圓圈部分圖標 136
4．1．5 添加文本 138
4．1．6 繪制底部列表 139
4．1．7 完善細節(jié) 140
4．1．8 制作立體效果 141
拓展練習：繪制一個漸變發(fā)光效果的數(shù)據(jù)圖表頁 141
4．2 實戰(zhàn)：漸變互動指數(shù)圖表頁的制作 142
4．2．1 繪制背景 142
4．2．2 繪制定界框 143
4．2．3 添加文本 143
4．2．4 繪制指數(shù)圖部分 144
4．2．5 制作立體效果 145
拓展練習：繪制一個藍紫色的圖表頁 145
4．3 實戰(zhàn)：漸變活力評分圖表頁的制作 146
4．3．1 繪制背景 146
4．3．2 繪制操作欄 148
4．3．3 繪制圓環(huán)部分 148
4．3．4 繪制卡片部分 149
4．3．5 制作立體效果 153
拓展練習：繪制一個極簡風格的圖表頁 153
4．4 實戰(zhàn)：漸變業(yè)績圖表頁的制作 154
4．4．1 繪制背景 154
4．4．2 繪制狀態(tài)欄 154
4．4．3 繪制卡片部分 155
4．4．4 繪制列表 156
4．4．5 制作立體效果 158
拓展練習：繪制一個卡片樣式的圖表頁 158
第5章個人中心頁設計 159
5．1 實戰(zhàn)：居中形式的個人中心頁制作 160
5．1．1 繪制背景 160
5．1．2 繪制定界框 160
5．1．3 繪制用戶信息 161
5．1．4 添加圖標 162
5．1．5 添加數(shù)據(jù)信息 162
5．1．6 添加底部圖片 163
5．1．7 制作立體效果 164
拓展練習：繪制一個居中形式的個人中心頁 164
5．2 實戰(zhàn)：側邊形式的個人中心頁制作 165
5．2．1 繪制背景 165
5．2．2 繪制定界框 165
5．2．3 添加用戶頭像 166
5．2．4 添加文本 166
5．2．5 制作立體效果 167
拓展練習：繪制一個側邊欄樣式的個人中心頁 167
5．3 實戰(zhàn)：斜邊形式的個人中心頁制作 168
5．3．1 繪制背景 168
5．3．2 繪制定界框 169
5．3．3 繪制圖標 170
5．3．4 添加用戶信息 170
5．3．5 繪制列表 171
5．3．6 添加按鈕 172
5．3．7 制作立體效果 173
拓展練習：繪制一個左對齊形式的個人中心頁 173
5．4 實戰(zhàn)：中心展示類的個人中心頁制作 174
5．4．1 制作用戶信息 174
5．4．2 制作列表信息 175
5．4．3 繪制“提示”按鈕 175
5．4．4繪制“關閉”按鈕 176
5．4．5 制作立體效果 176
拓展練習：繪制一個中心展示形式的個人中心頁 176
第6章登錄頁設計 177
6．1 實戰(zhàn)：時尚不規(guī)則卡片登錄頁的制作 178
6．1．1 繪制背景 178
6．1．2 繪制卡片 179
6．1．3 繪制定界框 179
6．1．4 添加登錄信息 180
6．1．5 添加細節(jié) 180
6．1．6 制作立體效果 181
拓展練習：繪制一個極簡登錄頁 181
6．2 實戰(zhàn)：極簡風格登錄頁的制作 182
6．2．1 繪制背景 182
6．2．2 添加導航欄信息 182
6．2．3 繪制頭像 183
6．2．4 繪制“相機”圖標 183
6．2．5 繪制列表 184
6．2．6 繪制按鈕 184
6．2．7 制作立體效果 185
拓展練習：繪制一個極簡風格的卡片登錄頁 185
6．3 實戰(zhàn)：透氣建筑風格登錄頁的制作 186
6．3．1 繪制背景 186
6．3．2 繪制定界框 188
6．3．3 添加裝飾色塊 188
6．3．4 添加登錄信息 188
6．3．5 添加按鈕 188
6．3．6 制作立體效果 189
拓展練習：繪制一個建筑風格的登錄頁 189
6．4 實戰(zhàn)：漸變小彈框登錄頁的制作 190
6．4．1 繪制背景 190
6．4．2 繪制卡片 190
6．4．3 添加文本 191
6．4．4 制作立體效果 192
拓展練習：繪制一個卡片類型的登錄頁 192