隨著移動互聯網的迅速崛起,對移動產品界面的設計質量和迭代速度都有了更高的要求,市面上開始涌現出一批專門針對移動UI設計的軟件,Sketch便是其中的佼佼者。Sketch因其強大的功能以及極低的入門門檻已經成為越來越多UI設計師和交互設計師的首選設計工具。UI設計和交互設計相對于其他設計而言已經不僅僅是視覺層面的需求,更多的是從用戶需求和用戶心理去分析思考,并在工作中經常需要將界面“動”起來。
在Sketch出現之前,我使用Photoshop作為主要的UI設計工具,當時設計一個界面,需要拉各種輔助參考線,每次新設計一個界面又得重新創建一個文件,切圖也需要花很長時間……可是當時覺得一切都很自然,直到Sketch的出現。
接觸到Sketch是一個偶然的機會,得益于我天生較強的好奇心,喜歡嘗試一切新的事物,當時國內知道Sketch的人少之又少,但當我試著使用Sketch設計完第一個界面的時候,發現再也離不開它了。慢慢地我習慣向周圍的人介紹Sketch的各種優點,從同事到朋友;也習慣在使用Sketch的幾年內不斷在互聯網上獲取和Sketch相關的一切資源,從國內到國外。
到2016年,Sketch在國內的普及度已經非常高了,關于Sketch的特點以及這款軟件在UI設計方面所具備的優勢,我相信隨著大家對本書的深入閱讀,心中會有一個答案,但是我想說的是,非常感謝選擇了Sketch的你,你也應該要感謝勇于嘗試新軟件的自己,可以確定的是,學完Sketch,你所得到的將遠大于你所付出的。
本書在編寫過程中嘗試使用一種不同于市面上一般軟件教程的寫作順序,即采用實際工作中的設計順序去寫作,讓大家在學習過程中,不僅可以掌握軟件的使用方法,同時可以明白不同功能會在什么情況下使用。
回憶自己學軟件的過程,其實學習一款軟件有兩種方法,一種是從零開始非常全面的對該軟件 進行了解去學習;另外一種是當遇到什么問題是再去找相應地解決方法。前一種方式的弊端是學習時往往缺少一個具體的目標,容易分不清重點與非重點,而后一種方式的弊端在于往往學得不夠全面。
我試圖去尋找一個不一樣的方法,把上面兩種方式的優點進行結合,于是便有了這本書現在的編排體系——不局限于軟件本身的使用,更多的是設計思路和設計規范等內容的分享,讓讀者在掌握UI設計和交互動效設計精髓的同時不知不覺中徹底掌握Sketch,并能用keynote、principle和pixate等軟件進行交互動效設計。
在日常工作中,比如設計一個登錄界面,首先需要繪制好這個界面的原型圖,然后進行界面設計,接著放入需要的圖標,再進行不同尺寸屏幕的適配,如果需要還會進行Apple Watch端的設計,最后是規范化的標注、導出和進行動效設計。本書的內容同樣是遵循這樣的工作流程進行編排,所以這是一本能真正回歸工作的書。
我希望大家在閱讀完本書后不僅能掌握使用軟件的技能,更能成為一名合格的UI設計師。適合剛從事UI設計行業的新人、在校學生以及所有想學習Sketch和交互動效的朋友們。
本書內容分為兩部分:第一部分是UI界面的設計教程,大家可以在該部分中學習如何使用Sketch進行移動UI界面、圖標和Apple Watch界面的設計;第二部分是交互動效教程,大家可以在該部分學習如何將幾款優秀的交互動效設計軟件和Sketch搭配進行動效的設計。
CHAPTER 01 移動UI設計師的入門
CHAPTER 02 初識Sketch
CHAPTER 03 從線框原型開始
CHAPTER 04 移動UI界面的設計
CHAPTER 05 移動UI圖標的設計
CHAPTER 06 設計稿的后續處理
CHAPTER 07 Apple Watch界面的設計
CHAPTER 08 Sketch知識點補充及使用技巧
CHAPTER 09 移動交互動效設計基礎知識
CHAPTER 10 讓界面動起來
CHAPTER 11 ?移動UI設計師的成長
寫書其實是一種很微妙的感覺,想想在這個世界,自己的文字可以變成紙制品而留下,確實是一件很幸運的事情。
每天寫書的時間固定在晚上7點到凌晨2點,每天7個小時,四個月的時間,寫出近600頁的書稿,為了保證盡快出版,當時是每寫一章發給編輯一章,然后編輯會很認真細致的看稿子的每個字,然后在word里標注出需要修改的內容,發給我進行修改。
在寫這本書的226和日日夜夜中,Sketch等軟件也在不斷的迭代升級,所以經常寫到后面發現前面的內容需要更新,又會回過頭去對前面內容進行修改,盡量保證內容的最新。
書的排版過程中遇到最多的問題是插圖,為了保證書內插圖具有Retina級的清晰的清晰度,我們只要發現插圖有模糊的可能,就會全部替換。
排版之后是錄制視頻。
錄制視頻的過程雖然沒有寫書那樣需要一個字一個字的敲打出來,但是也絕對不是輕松的事情,再加上是第一次錄制視頻,難免會有緊張的情況,所以最開始錄10分鐘,需要花上3~4個小時,并且錄制過程環境需要保持絕對的安靜,經常是整個房子就我一個人的聲音,然后媳婦兒在旁很小心翼翼避免發出任何聲音,所以特別感謝她的支持。
當然這個時候出版的編輯正在抓緊時間對全書進行紙稿校對,而且據說需要校對三次,比之前的Word審核更加嚴格。在這個過程中,編輯會經常發一些需要修改內容的截圖過來,看著上面滿滿的批注覺得編輯們實在是太辛苦了。里面每個有疑問的地方都再三斟酌后進行修改,盡量保證了本書內容的嚴謹性。
書名和封面是在最后才確定,需要根據內容來定——和UI設計的過程一樣,一個APP的icon往往是最后才確定,因為icon的風格往往需要和APP界面整體風格保持一致,如果先確定了icon,在界面設計時就會非常被動。
考慮到本書的內容實際上更多的是講UI設計的內容,而不局限于軟件本身,并且講了靜態界面的設計和動效的制作,最終將書名確定為《動靜之美——Sketch移動UI與交互動效設計詳解》。而到了封面設計時,因為是自己的第一本書,還是決定自己動手。
書的清晰度非常高,色彩十分飽和,插圖中的每個數字都非常清晰。
本書是正16開,下圖是一個印張,16開意味著一個印張可以印刷出16頁的內容。
非常感謝一路過來幫助我的朋友,我并非大牛,只是一個十分熱愛也愿意付出十分努力在這個行業的從業者,能有機會寫這樣的一本書實在是一件幸運的事情。這本書也算是我這幾年經驗的總結,如果能幫助到大家,將會是我最開心的事情。最后,特別感謝各媒體和同行朋友們為本書所做的推薦(排名不分先后)。
為了大家能更好的學習本書,大家有任何問題可以直接與我交流,如果在書中發現任何問題也請批評指正,我們會在下一版中進行更正。謝謝大家看完!