本書采用循序漸進的方式指引設計者瞭解並掌握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設計移動界麵的方法。在製作移動界麵的過程中起到事半功倍的作用,由於互聯網的更新較快,書中所提供的網址僅供參考。
我是一個對用戶界麵設計有著濃厚興趣的在校學生,目前正在學習相關的專業課程。在老師的推薦下,我接觸到瞭 Sketch 這款在行業內被廣泛使用的設計工具。然而,我發現市麵上很多關於 Sketch 的教程要麼更新不及時,要麼內容過於淺顯,難以滿足我對深入學習的需求。當我看到《UI設計必修課:Sketch移動界麵設計教程(全彩)》這本書時,我立刻被它“必修課”的定位所吸引。這錶明它可能不僅僅是介紹軟件功能,更會涵蓋一些重要的設計理念和方法論。我特彆期待這本書能夠講解如何在 Sketch 中構建可復用的組件庫,這對於提高設計效率和保持設計一緻性至關重要。同時,我也希望它能分享一些關於響應式設計、跨平颱設計原則的知識,以及如何運用 Sketch 來實現這些目標。當然,作為一本全彩教程,精美的插圖和清晰的步驟圖是必不可少的,這能幫助我更好地理解和消化知識。我渴望通過這本書,能夠真正理解移動界麵設計的精髓,為我未來的職業發展打下堅實的基礎。
評分作為一名在UI設計領域摸爬滾打瞭幾年的從業者,我一直在尋找能夠讓我設計思維和技法更上一層樓的進階讀物。市麵上充斥著各種“速成”的教程,往往忽略瞭設計背後更深層次的思考和原則。而《UI設計必修課:Sketch移動界麵設計教程(全彩)》這本書,從書名來看,就透露齣一種“必修”的嚴謹感,這讓我覺得它可能不會流於錶麵,而是會深入探討一些核心的設計理念。我特彆關注“移動界麵設計”這個定位,因為當前大部分用戶交互都集中在移動端,掌握好這方麵的設計至關重要。我希望這本書能夠提供一些關於用戶體驗、信息架構、交互流程優化等方麵的深度見解,而不僅僅是停留在工具的層麵。我期待它能分享一些成功的移動App設計案例分析,並剖析其背後的設計邏輯,幫助我理解“為什麼”這樣做,而不僅僅是“怎麼”做。一本能夠引發思考,幫助我構建更完善的設計知識體係的書,對我來說,比任何炫技的教程都更有價值。我希望這本書能成為我設計生涯中的一個重要裏程碑,引領我走嚮更成熟的設計境界。
評分我是一名 UI 設計的愛好者,之前嘗試過一些其他的軟件,但總覺得 Sketch 在 Mac 平颱上的流暢性和生態係統更有吸引力。苦於一直沒有找到一本能夠係統講解 Sketch 移動界麵設計的好教材,尤其是那些需要大量視覺元素和操作演示的教程,如果不是全彩的,很多細節都會變得模糊不清,學習效率大打摺扣。這本書的“全彩”標注讓我眼前一亮,我非常看重這一點,因為這意味著我可以更直觀地看到每一個設計元素、色彩搭配、圖標樣式,以及操作步驟中的每一個小細節。我希望這本書能夠從最基礎的 Sketch 軟件入門講起,比如圖層管理、畫闆設置、組件庫的建立和使用,然後逐步深入到移動界麵設計的具體流程,包括綫框圖的繪製、高保真原型的製作、動效的初步嘗試等。我希望通過這本書,我能夠真正掌握 Sketch 的強大功能,並且能夠將其應用到實際的移動界麵設計項目中,創造齣兼具美觀與實用性的作品,讓我的設計夢想觸手可及。
評分我一直認為,好的UI設計不僅僅是“好看”,更重要的是“好用”。而要實現這一點,離不開對用戶心理、交互邏輯的深刻理解,以及對設計工具的精通。《UI設計必修課:Sketch移動界麵設計教程(全彩)》這本書的標題讓我覺得它可能在這兩個方麵都有所側重。我希望它能不僅僅是教我如何使用 Sketch 繪製漂亮的界麵,更重要的是能夠引導我思考如何通過界麵設計來優化用戶體驗,如何讓用戶在使用産品時感到流暢、愉悅。我非常期待書中能包含一些關於交互動效設計的講解,因為我知道,恰當的動效能夠極大地提升産品的用戶體驗。同時,我也希望這本書能夠提供一些關於色彩心理學、字體排印學在UI設計中的應用技巧,以及如何構建具有品牌調性的設計係統。一本能夠幫助我從“像素堆砌者”成長為一名“體驗設計師”的教程,正是我所需要的。這本書的“全彩”特點,也預示著它在視覺呈現上一定會下足功夫,這對於我理解復雜的視覺元素和設計細節非常有幫助。
評分這本書的封麵設計就抓住瞭我的眼球,簡潔而又充滿現代感,色彩搭配非常舒服,讓人立刻感受到這是一本與UI設計息息相關的專業書籍。拿到手後,它沉甸甸的質感也讓我覺得物超所值。我一直對Sketch這款設計軟件充滿好奇,但苦於沒有係統的學習途徑。市麵上雖然有一些教程,但大多要麼過於零散,要麼不夠深入。而這本書的副標題“Sketch移動界麵設計教程”正是我一直在尋找的,特彆是“全彩”的標注,讓我對學習過程充滿期待,想象著每一頁都將是精美的案例和清晰的步驟圖,這將大大提高學習的效率和趣味性。我希望這本書能夠帶領我從零開始,一步一步掌握Sketch的基本操作,瞭解移動端UI設計的規範和流程,甚至能夠學習到一些高級的技巧和設計原則。我很期待通過這本書,能夠獨立完成一套令人眼前一亮的移動應用界麵設計,讓自己的設計能力得到質的飛躍。對於我這樣一個初學者來說,一本內容詳實、圖文並茂、排版精美的教程是至關重要的,這本書的齣現,無疑為我的UI設計學習之路點亮瞭一盞明燈。
評分這次又買瞭幾本書,打摺領券很劃算,很喜歡京東。
評分東西不錯!
評分講的都是很寬泛的內容 作為學生入門的比較好。基礎部分。
評分書費常不錯,是全彩的,很好,內容也好
評分東西很不錯,京東值得信賴
評分品不錯 價格便宜 京東買東西實惠 商品不錯 價格便宜 京東買東西實惠
評分這書還可以,循序漸進,讀起來很輕鬆。
評分書挺好的,不多說瞭,我得看書瞭,太好看?
評分非常不錯哦,京東自營商品質量不錯,值得擁有,值得信賴!
本站所有內容均為互聯網搜尋引擎提供的公開搜索信息,本站不存儲任何數據與內容,任何內容與數據均與本站無關,如有需要請聯繫相關搜索引擎包括但不限於百度,google,bing,sogou 等
© 2025 book.coffeedeals.club All Rights Reserved. 靜流書站 版權所有