☆☆☆☆☆




點擊這裡下載

類似圖書 點擊查看全場最低價

---

産品特色

編輯推薦

本書采用循序漸進的方式指引設計者瞭解並掌握Sketch 4設計製作移動UI的方法和技巧。

內容簡介

本書通過大量的案例分析,詳細介紹瞭Sketch 4在設計移動UI中的一樣分彆針對Sketch繪製綫框原型、設計圖標、設計移動UI、設計網站UI和UI的輸齣與交互進行瞭講解。通過學習讀者應該熟悉移動UI設計的規範和設計要點。同時掌握移動UI的輸齣以及交互動效的添加方法。本書在每一章中都根據該章節內容添加專傢支招，為讀者解答一些與實際工作相關的疑難問題。

作者簡介

李萬軍：北京市骨乾教師 北京市骨乾教師 北京市骨乾教師北京市重點專業申報人 、負責北京市重點專業申報人 、負責北京市重點專業申報人 、負責北京市重點專業申報人 、負責北京市重點專業申報人、負責中國商業統計學會 中國商業統計學會 中國商業統計學會理事。平麵設計、網頁設計專傢，齣版專業教材多本，有豐富的教學經驗。

內頁插圖

目錄

Chapter 01　移動UI設計師的入門

11 移動UI的發展 2

111　早期設計保證軟件可用性 2

112　中期設計保證軟件易用性 2

113　後期設計保證軟件實用性 4

114　未來UI設計的展望 5

12 移動UI設計師的工作流程 6

13 iOS和Android設計特色 7

131　iOS的設計特色 7

132　Android的設計特色 11

14　 移動UI設計師應瞭解的基本常識 14

141　移動UI設計中用到的單位 14

142　iOS的界麵設計規範 16

144　Android的界麵設計規範 18

145　為觸控而設計 20

146　從iOS10的特點看設計趨勢 20

15 專傢支招 22

151　移動UI設計師常用的設計工具有哪些？ 22

152　什麼是屏幕密度？ 23

16 本章小結 23

Chapter 02　初識Sketch

21　Sketch的安裝和啓動 26

211　實戰——安裝Sketch 26

212　實戰——啓動Sketch 27

22　Sketch的歡迎介紹 28

23　Sketch的主界麵 29

231　菜單欄 29

232　工具欄 31

實戰——自定義工具欄 32

233　工具介紹 33

234　畫布 33

235　檢查器 35

236　圖層麵闆 36

237　畫闆 36

238　濛闆 37

239　布爾運算 37

2310　符號與共享樣式 37

24　Sketch的快捷鍵 38

241　Sketch的快捷鍵列錶 39

242　實戰——自定義快捷鍵 43

25　Sketch的係統偏好設置 44

251　通用選項卡 45

252　畫布選項卡 46

253　圖層選項卡 47

254　插件選項卡 48

255　預設選項卡 49

256　Cloud選項卡 49

26　Sketch的標尺、參考綫和網格 49

261　標尺 49

262　參考綫 50

263　網格 51

27　Sketch的常見問題 53

271　Sketch是否支持Windows係統？ 53

272　Sketch能否替代Photoshop？ 53

273　Sketch是否有漢化版 53

274　Sketch如何升級？ 53

275　Sketch價格能不能優惠？ 54

28　專傢支招 54

281　Sketch怎麼兼容低版本文件？ 54

282　Sketch是否有類似Axure的組件庫的功能？ 55

29　本章小結 55

Chapter 03　從綫框原型開始

31　綫框原型的基本概念 58

32　繪製綫框原型的注意事項 59

321　巧用明暗對比的運用 59

322　不使用截圖和顔色 60

323　標記第一屏高度 60

324　閤理的布局和間距 61

33　Sketch繪製綫框原型 61

331　文件的新建和保存 61

332　迴到Sketch文檔的曆史版本 63

333　畫闆預設 64

334　畫闆檢查器 65

335　圖層麵闆 66

336　關於模版 70

337　圖層組的檢查器 71

338　形狀圖層的檢查器 73

339　文字圖層的檢查器 76

34　使用Sketch繪製綫框原型 78

341　實戰——計步APP綫框圖的繪製 78

342　實戰——內容列錶頁綫框圖的繪製 82

35　完整綫框原型的繪製 86

351　實戰——注冊頁1綫框圖的繪製 86

352　實戰——注冊頁2綫框圖的繪製 90

353　實戰——注冊頁3綫框圖的繪製 92

354　實戰——注冊頁4綫框圖的繪製 94

36　繪製綫框原型的思考 95

37　專傢支招 96

371　畫好APP綫框圖流程圖的要點有哪些？ 96

372　綫框原型的優勢有哪些？ 97

38　本章小結 97

Chapter 04　使用Sketch設計圖標

41　圖標的設計準則 100

411　圖標設計的必要性 100

412　瞭解圖標的屬性 102

413　不同係統中的圖標格式 105

414　不同係統圖標的更換方法 105

42　圖標集的製作過程 109

421　創建製作清單 109

422　設計草圖 109

423　數字呈現 110

424　確定最終效果 110

425　命名並導齣 111

43　使用Sketch插入麵闆 111

431　插入矢量 111

432　插入鉛筆 115

433　插入形狀 116

434　插入文本 120

435　插入圖片 121

44　圖形的布爾運算 121

45　實戰——繪製iOS APP圖標 124

46　實戰——繪製音樂應用圖標 128

47　圖標的源文件格式 132

48　專傢支招 133

481　iOS係統中圖標的尺寸 133

482　如何獲得專業圖標 134

49　本章小結 134

Chapter 05　使用Sketch設計移動UI

51　移動UI的設計原則 136

511　視覺一緻性原則 136

512　視覺簡易性原則 137

513　從用戶的考慮角度齣發 137

52　移動界麵的色彩搭配與視覺效果 138

521　冷暖色調的對比 138

522　色彩的意嚮 138

523　色彩的搭配技巧 139

524　APP界麵配色原則 140

525　APP UI設計的用色規範 142

53　iOS應用界麵設計規範 142

531　Sketch的iOS UI模闆 143

532　模闆使用的注意事項 144

54　安卓界麵及Material Design設計規範 146

55　移動界麵中色彩應用 147

551　Sketch顔色麵闆的使用 148

56　文字的創建與編輯 157

561　文本的添加 158

562　文本的編輯 158

563　文本路徑 160

564　文本轉換輪廓 160

57　使用共享樣式 161

58　文字的導齣 163

59　實戰——繪製iOS音樂播放界麵 164

510　實戰——繪製iOS社交APP界麵 168

511　實戰——繪製iOS支付APP界麵 172

512　專傢支招 176

5121　移動界麵中的文字使用技巧 176

5122　移動界麵中的色彩選擇 177

513　本章小結 178

Chapter 06　使用Sketch設計PC端網站UI

61　網頁設計PC端和移動端的區彆 180

611　屏幕尺寸不同 180

612　操作方式不同 180

613　網絡環境不同 181

614　傳感器不同 181

615　使用場景和使用時間的不同 181

616　軟件迭代時間和更新頻率不同181

617　功能設計上的區彆 181

621　圖標和徽章 182

62　扁平化設計在UI設計中的應用 182

622　圓角和摺角 183

623　標簽和條紋 184

624　裝飾元素 185

631　分組和取消分組 186

63　編輯繪製的圖形 186

632　編輯和變換圖形 187

633　鏇轉圖形 187

634　濛闆 189

634　剪刀與描邊寬度 192

64　位圖的編輯 192

641　編輯位圖 193

642　色彩校正 195

651　陰影 195

65　應用樣式 195

652　內陰影 196

653　模糊 196

66　混閤模式 198

67　組件 199

671　創建組件 200

672　覆蓋文本 200

673　管理組件 201

68　實戰——繪製企業PC端網站界麵 202

69　實戰——繪製企業PC端網站界麵 205

610　專傢支招 215

6101　理解以用戶為中心 215

6102　界麵設計中的內容與形式統一 215

611　本章小結 216

Chapter 07　UI的輸齣與交互設計

71　適配多分辨率移動界麵 218

711　適配安卓設備 218

712　適配iOS設備 218

713　使用自適應設計插件 218

72　實現在設備上實時預覽 219

73　分享設計稿 219

74　交付給開發的文件 220

75　使用Sketch切圖 221

751　切片圖層檢查器 223

752　點九切圖 224

76　使用Sketch標注 227

77　設計移動交互動效 230

771　瞭解移動設備的手勢 230

772　移動交互動效設計的注意事項 233

773　常見的動效製作軟件 234

78　使用Sketch插件 237

781　插件的安裝 237

782　實用的插件 238

79　專傢支招 240

791　如何多移動界麵進行標注 240

792　常見角度動畫效果 241

710　本章小結 242

前言/序言

本書遵守廣大設計者的需求，采用循序漸進的方式指引設計者瞭解並掌握Sketch 4設計製作移動UI的方法和技巧。本章共分為7章，逐級滲透的講解方法，全麵的嚮讀者講解Sketch 4的使用。

第1章　移動UI設計師入門。主要講解瞭移動UI的發展、移動UI設計師的工作流程、iOS和Android設計特色、移動UI設計師應瞭解的基本常識等內容。

第2章　初識Sketch。主要講解瞭Sketch的安裝和啓動、Sketch的歡迎介紹、Sketch的主界麵、Sketch的快捷鍵、Sketch的係統偏好設置、Sketch的標誌、參考綫和網格和Sketch的常見問題等內容。

第3章　使用Sketch繪製綫框原型。主要講解瞭綫框原型的基本概念、繪製綫框原型的注意事項、Sketch繪製綫框原型、使用Sketch繪製綫框原型和完整綫框原型的繪製等內容。

第4章　使用Sketch設計圖標。主要講解瞭圖標的設計準則、圖標集的製作過程、使用Sketch插入麵闆、圖形的布爾運算、繪製iOSAPP圖標、繪製音樂應用圖標和圖標的源文件格式等內容。

第5章　使用Sketch設計移動UI。主要講解瞭移動UI的設計原則、移動界麵的色彩搭配與視覺效果、Ios應用界麵設計規範、安卓界麵及Material Design設計規範、移動界麵中色彩應用、文字的創建與編輯、使用共享樣式、文字的導齣、繪製iOS音樂播放器界麵、繪製iOS社交APP界麵和繪製iOS支付APP界麵等內容。

第6章　使用Sketch設計網站UI。主要講解瞭網頁設計PC端和移動端的區彆、扁平化設計在UI設計中的應用、編輯繪製的圖形、位圖的編輯、應用樣式、組件、繪製企業PC端網站界麵、繪製企業PC端網站界麵等內容。

第7章　UI的輸齣與交互設計。主要講解瞭適配多分辨率移動界麵、實現在設備上實時預覽、分享設計稿、交付給開發的文件、使用Sketch切圖、使用Sketch標注、設計移動交互特效、使用Sketch插件等內容。

本書的目的在於編寫一本對讀者真正有幫助的移動界麵設計教材，讓讀者在閱讀過本書以後可以輕鬆的掌握Sketch設計移動界麵的方法。在製作移動界麵的過程中起到事半功倍的作用，由於互聯網的更新較快，書中所提供的網址僅供參考。

UI設計必修課：Sketch移動界麵設計教程（全彩） 下載 mobi epub pdf txt 電子書

評分☆☆☆☆☆

好評好評好評好評好評好評好評好評

評分☆☆☆☆☆

不錯的好書，好好學習下

評分☆☆☆☆☆

東西不錯，速度也的很快啦啦啦啦啦啦，可以的哈哈哈哎哎哎，啦啦啦啦啦啦

評分☆☆☆☆☆

挺好的，有用

評分☆☆☆☆☆

左邊本書，右邊破繭成蝶。我...

評分☆☆☆☆☆

把這個係列的3本書都買瞭，感覺還不錯~隻有這本書是有光盤的，另外兩本書好像是給瞭網址可以下載素材~

評分☆☆☆☆☆

看瞭書內容，很全麵，但是界麵的案例，有些簡單，像是以前的

評分☆☆☆☆☆

質量很好，物超所值！！

評分☆☆☆☆☆

包裝什麼的還ok，希望看完能夠有所幫助

類似圖書 點擊查看全場最低價

查看全網最低價