編輯推薦:本書(shū)內(nèi)容分為兩部分：首部分是UI界面的設(shè)計(jì)教程，遵循iOS、Material Design、Apple Watch設(shè)計(jì)規(guī)范，讀者可以在該部分中學(xué)習(xí)如何使用Sketch進(jìn)行移動(dòng)UI界面、圖標(biāo)和Apple Watch界面的設(shè)計(jì)；第二部分是交互動(dòng)效教程，讀者可以在該部分學(xué)習(xí)如何將Sketch、Keynote、Principle和Pixate四大交互設(shè)計(jì)軟件搭配進(jìn)行動(dòng)效設(shè)計(jì)，從UI到UX，讓界面由靜到動(dòng)。
隨書(shū)附贈(zèng)案例源文件，另外贈(zèng)送近600分鐘的輔助教學(xué)視頻。

內(nèi)容簡(jiǎn)介:《動(dòng)靜之美——Sketch移動(dòng)UI與交互動(dòng)效設(shè)計(jì)詳解》全面、細(xì)致地介紹了Sketch軟件的使用方法，以及和Sketch軟件無(wú)縫銜接的幾款交互動(dòng)效軟件的使用方法。本書(shū)不局限于軟件本身的使用方法，更多的是設(shè)計(jì)思路和設(shè)計(jì)規(guī)范等內(nèi)容的分享，讓讀者在掌握UI設(shè)計(jì)和交互動(dòng)效設(shè)計(jì)精髓的同時(shí)徹底掌握Sketch，并能用Keynote、Principle和Pixate等軟件進(jìn)行交互動(dòng)效設(shè)計(jì)。
《動(dòng)靜之美——Sketch移動(dòng)UI與交互動(dòng)效設(shè)計(jì)詳解》的配套學(xué)習(xí)資源包括案例源文件和近600分鐘的輔助教學(xué)視頻，幫助讀者快速理解書(shū)中的知識(shí)點(diǎn)。讀者可通過(guò)在線方式獲取這些資源，具體方法請(qǐng)參看本書(shū)前言。
《動(dòng)靜之美——Sketch移動(dòng)UI與交互動(dòng)效設(shè)計(jì)詳解》適合廣大初、中級(jí)UI設(shè)計(jì)師，交互設(shè)計(jì)師和產(chǎn)品經(jīng)理等相關(guān)從業(yè)人員閱讀使用，同時(shí)也適合需要學(xué)習(xí)Sketch軟件的設(shè)計(jì)愛(ài)好者閱讀。

作者簡(jiǎn)介:黃方聞
高級(jí)交互設(shè)計(jì)師，國(guó)內(nèi)早一批 Sketch 使用者，并致力于該軟件的推廣與研究。
從 2007 年 iPhone 誕生起便專注于移動(dòng)交互設(shè)計(jì)領(lǐng)域的研究，對(duì)移動(dòng)交互設(shè)計(jì)領(lǐng)域有深刻的思考與獨(dú)到的見(jiàn)解，倡導(dǎo)設(shè)計(jì)師的工作高效率化，多次翻譯并分享國(guó)外前沿設(shè)計(jì)文檔及交互說(shuō)明。

目錄:

CHAPTER 01 移動(dòng)UI設(shè)計(jì)師的入門(mén) 011
1．1　移動(dòng)UI的發(fā)展　012
1．1．1　第一階段：移動(dòng)UI設(shè)計(jì)的目的是保證軟件的可用　012
1．1．2　第二階段：從可用到易用　012
1．1．3　第三階段：內(nèi)容為王的設(shè)計(jì)追求減法和好用　013
1．2　移動(dòng)UI設(shè)計(jì)師的工作流程　014
1．3　不同移動(dòng)平臺(tái)之間的差異　015
1．4　移動(dòng)UI設(shè)計(jì)師應(yīng)了解的基本常識(shí)　018
1．4．1　移動(dòng)UI設(shè)計(jì)中用到的單位　019
1．4．2　常用移動(dòng)設(shè)備的尺寸　019
1．4．3　文字設(shè)計(jì)注意事項(xiàng)　021
1．4．4　為觸控而設(shè)計(jì)　022
1．4．5　從iOS9的特點(diǎn)看設(shè)計(jì)趨勢(shì)　023
1．5　本章小結(jié)　024
CHAPTER　02 初識(shí)Sketch　025
2．1　Sketch的安裝　026
2．2　Sketch的界面介紹　027
2．2．1　歡迎界面　028
2．2．2　Sketch的主界面　029
2．3　Sketch的快捷鍵　032
2．3．1　Sketch的快捷鍵列表　033
2．3．2　自定義快捷鍵　036
2．4　Sketch的常見(jiàn)問(wèn)題　037
2．5　本章小結(jié)　038
CHAPTER　03 從線框原型開(kāi)始　039
3．1　線框原型的基本概念　040
3．2　繪制線框原型的注意事項(xiàng)　041
3．2．1　導(dǎo)航菜單的樣式　041
3．2．2　線框原型中的層次　042
3．2．3　線框原型風(fēng)格對(duì)設(shè)計(jì)的影響　043
3．3　使用Sketch繪制線框原型　044
3．3．1　注冊(cè)頁(yè)線框原型的繪制　044
引申知識(shí)點(diǎn)01——回到Sketch文檔的歷史版本　045
引申知識(shí)點(diǎn)02——Sketch的畫(huà)板預(yù)設(shè)　046
引申知識(shí)點(diǎn)03——畫(huà)板的檢查器　048
引申知識(shí)點(diǎn)04——圖層面板　049
引申知識(shí)點(diǎn)05——模板　052
引申知識(shí)點(diǎn)06——圖層組的檢查器　054
引申知識(shí)點(diǎn)07——形狀圖層的檢查器　055
引申知識(shí)點(diǎn)08——文字圖層的檢查器　057
3．3．2　內(nèi)容列表頁(yè)線框原型的繪制　059
3．3．3　完整線框原型的繪制　061
3．3．4　繪制線框原型的思考　062
3．4　本章小結(jié)　062
CHAPTER　04 移動(dòng)UI界面的設(shè)計(jì)　063
4．1　iOS應(yīng)用界面設(shè)計(jì)規(guī)范思考　064
4．2　安卓應(yīng)用界面及Material Design設(shè)計(jì)規(guī)范思考　067
4．3　移動(dòng)界面中文字的設(shè)計(jì)思考　069
4．4　移動(dòng)界面中顏色的設(shè)計(jì)思考　071
引申知識(shí)點(diǎn)09——Sketch的顏色面板　072
引申知識(shí)點(diǎn)10——Sketch的插件及安裝　076
4．5　使用Sketch設(shè)計(jì)移動(dòng)界面　080
4．5．1　注冊(cè)登錄頁(yè)面和注冊(cè)頁(yè)面的設(shè)計(jì)　081
引申知識(shí)點(diǎn)11——Sketch輸入框的運(yùn)算　081
引申知識(shí)點(diǎn)12——文本共享樣式　082
引申知識(shí)點(diǎn)13——符號(hào)　084
引申知識(shí)點(diǎn)14——位圖圖層的檢查器　086
引申知識(shí)點(diǎn)15——位圖的插入　086
引申知識(shí)點(diǎn)16——毛玻璃效果　087
引申知識(shí)點(diǎn)17——圖層共享樣式　089
4．5．2　內(nèi)容頁(yè)面的設(shè)計(jì)　092
引申知識(shí)點(diǎn)18——內(nèi)容填充插件Content-generator-sketch-plugin　097
4．5．3　使用Sketch設(shè)計(jì)移動(dòng)界面的注意事項(xiàng)　098
4．6　移動(dòng)界面的多分辨率適配　100
引申知識(shí)點(diǎn)19——自適應(yīng)設(shè)計(jì)插件Fluid　for Sketch　101
4．7　本章小結(jié)　102
CHAPTER　05 移動(dòng)UI圖標(biāo)的設(shè)計(jì)　103
5．1　移動(dòng)UI中圖標(biāo)設(shè)計(jì)的思考　104
5．1．1　功能型圖標(biāo)設(shè)計(jì)的思考　104
5．1．2　展示型圖標(biāo)設(shè)計(jì)的思考　106
5．2　功能型圖標(biāo)的繪制　107
5．2．1　繪制功能型圖標(biāo)之前　108
5．2．2　使用Sketch進(jìn)行功能型圖標(biāo)的設(shè)計(jì)　108
引申知識(shí)點(diǎn)20——鋼筆工具　110
引申知識(shí)點(diǎn)21——像素視圖模式　113
引申知識(shí)點(diǎn)22——布爾運(yùn)算　115
引申知識(shí)點(diǎn)23——剪刀工具　118
5．3　展示型圖標(biāo)的繪制　120
5．3．1　繪制展示型圖標(biāo)之前　120
5．3．2　使用Sketch進(jìn)行展示型圖標(biāo)的繪制　121
5．4　圖標(biāo)資源的獲取和使用　124
5．4．1　專業(yè)的圖標(biāo)網(wǎng)站　124
5．4．2　圖標(biāo)的源文件　125
5．5　本章小結(jié)　126
CHAPTER　06 設(shè)計(jì)稿的后續(xù)處理　127
6．1　在移動(dòng)設(shè)備上實(shí)時(shí)預(yù)覽　128
6．2　將設(shè)計(jì)稿進(jìn)行分享　129
6．3　交付給開(kāi)發(fā)的文件　130
6．4　使用Sketch進(jìn)行切圖、標(biāo)注和導(dǎo)出　131
6．4．1　Sketch畫(huà)板和圖層的導(dǎo)出　131
6．4．2　使用Sketch的切片工具進(jìn)行切圖　133
引申知識(shí)點(diǎn)24——切片圖層檢查器　134
6．4．3　使用Sketch進(jìn)行標(biāo)注　135
6．5　展示型圖標(biāo)的導(dǎo)出　141
6．6　本章小結(jié)　142
CHAPTER　07 Apple Watch界面的設(shè)計(jì)　143
7．1　了解Apple Watch　144
7．2　使用Sketch設(shè)計(jì)Apple Watch的圖標(biāo)　147
7．2．1　主屏幕圖標(biāo)　148
7．2．2　菜單圖標(biāo)　151
7．3　使用Sketch設(shè)計(jì)Apple Watch的通知界面　153
7．3．1　Short Look界面　153
7．3．2　Long Look界面　154
7．4　使用Sketch設(shè)計(jì)Apple Watch的速覽界面　157
7．5　使用Sketch設(shè)計(jì)Apple Watch的App界面　159
7．5．1　Page-based導(dǎo)航方式的設(shè)計(jì)　159
7．5．2　Hierarchical導(dǎo)航方式的設(shè)計(jì)　161
引申知識(shí)點(diǎn)25——蒙版　162
7．6　Apple Watch中常見(jiàn)界面內(nèi)容設(shè)計(jì)方法　165
7．6．1　圓形進(jìn)度條的設(shè)計(jì)方法　165
引申知識(shí)點(diǎn)26——Sketch中圖層的旋轉(zhuǎn)　168
7．6．2　表盤(pán)的設(shè)計(jì)方法　170
7．7　展示Apple Watch中的界面　173
7．7．1　扁平風(fēng)格界面展示　173
7．7．2　模擬真實(shí)使用場(chǎng)景　175
7．8　本章小結(jié)　178
CHAPTER　08 Sketch知識(shí)點(diǎn)補(bǔ)充及使用技巧　179
8．1　Sketch知識(shí)點(diǎn)的補(bǔ)充　180
8．1．1　Sketch的系統(tǒng)偏好設(shè)置　180
8．1．2　Sketch的標(biāo)尺、參考線、網(wǎng)格和布局　183
8．1．3　Sketch工具的補(bǔ)充介紹　186
8．2　Sketch的使用小技巧　194
8．2．1　靈活運(yùn)用描邊屬性　194
8．2．2　復(fù)制圖層的CSS屬性　196
8．2．3　Sketch對(duì)位圖文件的處理　197
8．2．4　按一定規(guī)律復(fù)制圖層　200
8．2．5　背景模糊　200
8．2．6　路徑文本　203
8．2．7　按指定尺寸導(dǎo)出　204
8．3　本章小結(jié)　204
CHAPTER　09 移動(dòng)交互動(dòng)效設(shè)計(jì)基礎(chǔ)知識(shí)　205
9．1　從AE來(lái)看動(dòng)畫(huà)是怎么形成的　206
9．2　更加真實(shí)的動(dòng)效　210
9．3　理解移動(dòng)交互動(dòng)效設(shè)計(jì)　213
9．3．1　移動(dòng)交互動(dòng)效設(shè)計(jì)的概念　213
9．3．2　移動(dòng)設(shè)備的手勢(shì)　213
9．4　移動(dòng)交互動(dòng)效設(shè)計(jì)的注意事項(xiàng)　217
9．5　本章小結(jié)　220
CHAPTER　10 讓界面動(dòng)起來(lái)　221
10．1　常見(jiàn)UI動(dòng)效軟件介紹　222
10．1．1　快速交互原型的動(dòng)效軟件　222
10．1．2　時(shí)間軸為設(shè)計(jì)導(dǎo)向的動(dòng)效軟件　224
10．1．3　信號(hào)流式的動(dòng)效軟件　225
10．1．4　編程類動(dòng)效軟件　227
10．2　使用Keynote進(jìn)行動(dòng)效設(shè)計(jì)　229
10．2．1　Keynote的基礎(chǔ)入門(mén)　229
10．2．2　Keynote設(shè)計(jì)UI動(dòng)效的初始化設(shè)置　234
10．2．3　元素變形——Keynote的神奇移動(dòng)　235
10．2．4　Keynote和Sketch的無(wú)縫銜接　238
10．3　使用Principle進(jìn)行動(dòng)效設(shè)計(jì)　244
10．3．1　Principle的基礎(chǔ)入門(mén)　244
10．3．2　Principle的動(dòng)效設(shè)計(jì)　250
10．3．3　Principle的導(dǎo)出和分享　264
10．4　使用Pixate進(jìn)行動(dòng)效設(shè)計(jì)　266
10．4．1　Pixate的基礎(chǔ)入門(mén)　267
10．4．2　使用Pixate設(shè)計(jì)動(dòng)效　273
10．4．3　Pixate的導(dǎo)出和共享　281
10．5　探索更多的交互動(dòng)效設(shè)計(jì)軟件　282
10．5．1　值得期待的Silver Flows　282
10．5．2　快速上手全新的設(shè)計(jì)軟件　287
10．6　本章小結(jié)　290
CHAPTER　11 移動(dòng)UI設(shè)計(jì)師的成長(zhǎng)　291
11．1　設(shè)計(jì)參考資源的收集和對(duì)Sketch源文件的分析　292
11．2　動(dòng)效資源的獲取和對(duì)動(dòng)效圖的分析　296
11．3　UI設(shè)計(jì)思維的提升　298
后記　300