前言

設(shè)計(jì)不是隸屬于媒體，相反，它的作用在于探尋媒體的本質(zhì)。媒體的情況越是錯(cuò)綜復(fù)雜，設(shè)計(jì)的價(jià)值也就更為清楚明了。

原研哉

感謝在先

首先，非常感謝所有閱讀這本書的朋友。我是畢康銳，很慶幸自己成為一名設(shè)計(jì)師，也很喜歡成為你們口中的“老畢”，這個(gè)稱謂會(huì)讓我覺得很親切。因?yàn)闊o論是在工作中還是在日常生活中，我都喜歡與人為善，以至于有時(shí)候很多人會(huì)覺得我太客氣，不過這也是性格使然。盡管獅子座的我性格偶爾會(huì)直來直去，但是感激身邊的朋友和同事對(duì)我的包容和忍讓，讓我依然能夠保留自我的一份真性情，而這份真性情，也讓我在將近12年的職業(yè)生涯中收獲了很多珍貴的友情以及同行的關(guān)照。

在本書的撰寫過程中，我得到了很多行業(yè)前輩的指點(diǎn)和寶貴建議，以及很多技術(shù)好友的支持。這使得我在案例中所呈現(xiàn)的技術(shù)環(huán)節(jié)能夠表現(xiàn)得淺顯易懂，同時(shí)又不失專業(yè)特點(diǎn)。

在此，特別要感謝我的好友浩杭對(duì)于本書的理論支持和無私的幫助。浩杭是一位非常出色的UI前端工程師，他對(duì)技術(shù)的孜孜追求和對(duì)待朋友的真誠與謙卑對(duì)我的觸動(dòng)很深。相同的價(jià)值觀、相同的職業(yè)操守以及相同的興趣愛好（音樂和動(dòng)畫技術(shù)），使得我原本應(yīng)該枯燥的書籍撰寫和知識(shí)點(diǎn)梳理工作變得異常輕松和開心。

感謝我的好朋友董天田，作為行業(yè)內(nèi)經(jīng)驗(yàn)豐富的交互設(shè)計(jì)師，他的專業(yè)素養(yǎng)和對(duì)設(shè)計(jì)的熱情同時(shí)又不乏嚴(yán)謹(jǐn)?shù)膽B(tài)度影響了我許多。從澳洲回國之后，他極力將西方的體驗(yàn)設(shè)計(jì)與中國互聯(lián)網(wǎng)所蘊(yùn)藏的巨大潛力融合。在華為共事期間我們建立了非常深厚的友誼。當(dāng)?shù)弥乙珜懘藭鴷r(shí)他給了我許多中肯客觀的建議。

感謝馬庫斯和安東尼這兩位謙遜可愛的異國前輩，無論是作為在設(shè)計(jì)咨詢事務(wù)所的同事兼好友，還是前任華為的頂尖級(jí)用戶體驗(yàn)設(shè)計(jì)專家，他們所給予我對(duì)于設(shè)計(jì)思維的幫助和引導(dǎo)以及其自身的人格魅力，都讓我覺得，能夠結(jié)識(shí)到這兩位全球化視野設(shè)計(jì)師實(shí)屬榮幸。

當(dāng)然，像這樣給予我無私幫助的好朋友還有許多，而且很多的前輩甚至低調(diào)得不希望我提到他們的名字。所以，我只能在此默默地表示感謝。不得不說，和這樣一群優(yōu)秀的人共事或成為好友，于我，實(shí)在是莫大的榮幸。

感謝為本書薦言的前輩和好友們，由衷地謝謝！

關(guān)于我

就我個(gè)人對(duì)自身的了解來說，我并非是一個(gè)能言善辯的人。所以從大學(xué)畢業(yè)那天起，我就像一頭笨牛一樣地去鉆研技術(shù)，幾年下來，對(duì)于平面設(shè)計(jì)和動(dòng)畫制作都積攢了一些經(jīng)驗(yàn)。從過往的留校任教到后來在電視臺(tái)的欄目包裝部，再到設(shè)計(jì)資訊事務(wù)所，這一路走來，也曾司職于一些重要的項(xiàng)目。例如，2011年的第26屆世界大學(xué)生運(yùn)動(dòng)會(huì)，我為美國代表隊(duì)設(shè)計(jì)限量款耳機(jī)和全套品牌VI/TVC；同年，我在大學(xué)任教期間，在動(dòng)畫片《安源小子》中擔(dān)任了后期特效團(tuán)隊(duì)負(fù)責(zé)人……這些工作經(jīng)歷跟我的職業(yè)履歷有些淵源，以至于后來在華為公司工作期間，我曾經(jīng)想過能否將動(dòng)畫與UI結(jié)合起來，去完成一些有意思的創(chuàng)作。然而，由于當(dāng)時(shí)行業(yè)的硬件整體性能和一些客觀因素的限制，我未能實(shí)現(xiàn)我的想法。在2011年，我在好朋友的推薦下進(jìn)入了騰訊公司。

關(guān)于撰寫本書的動(dòng)機(jī)

時(shí)間一天一天地過去，我也從一個(gè)設(shè)計(jì)思維和技能單一的設(shè)計(jì)師一步步成長到今天。在這10多年里，歲月在我身上留下更多的不是皺紋，而是“走心”。2016年我回老家參加大學(xué)10年同學(xué)聚會(huì)的時(shí)候，一名學(xué)弟因?yàn)橐粋€(gè)動(dòng)畫的技術(shù)問題，一直追著我聊了一整個(gè)晚上。出于之前當(dāng)過老師的一些職業(yè)習(xí)慣，我沒有斷然終止與他的談話。那天晚上的話題，有關(guān)于技術(shù)提升、有關(guān)于行業(yè)發(fā)展，甚至有關(guān)于我在深圳歷練的那一段……這件事過后的幾天，我突然萌生出了一個(gè)寫書的動(dòng)機(jī)：“與其每次都這么重復(fù)著幫別人解惑答疑，我為什么不寫一本書，來把他們想知道的內(nèi)容都盡可能多地收納進(jìn)書里面，供他們學(xué)習(xí)和參考呢？”

不過與此同時(shí)，對(duì)于UI設(shè)計(jì)的一些基礎(chǔ)理論內(nèi)容，我已然沒有太多的興趣去進(jìn)行歸納。因?yàn)殡S著互聯(lián)網(wǎng)時(shí)代的到來和發(fā)展，如今各大網(wǎng)站都可以搜到各種UI基礎(chǔ)學(xué)習(xí)的資料，因此我們沒必要再通過書大篇幅地去對(duì)此做過多介紹。同時(shí)，如今UI風(fēng)格也早已經(jīng)不是當(dāng)初我們那個(gè)時(shí)代的擬物化風(fēng)格了，著重于質(zhì)感和光影肌理表現(xiàn)的設(shè)計(jì)時(shí)代已經(jīng)漸行漸遠(yuǎn)。但我也想說的是，當(dāng)聽到某某設(shè)計(jì)師總是對(duì)“扁平化”這幾個(gè)字“夸夸其談”的時(shí)候，其實(shí)我內(nèi)心是有些許抵觸的。因?yàn)樵谖铱磥恚嫦胱龊帽馄交O(shè)計(jì)，前提是要能做到把核心的設(shè)計(jì)思維從外觀轉(zhuǎn)移到內(nèi)在的功能性這一點(diǎn)上。否則與其強(qiáng)忍著曲高和寡的心態(tài)說自己是扁平化風(fēng)格的設(shè)計(jì)師，不如多回頭看看自己的設(shè)計(jì)能力是否足夠了。至少，這是我在自省時(shí)經(jīng)常喜歡對(duì)自己說的話。

相對(duì)于扁平化設(shè)計(jì)而言，對(duì)于動(dòng)畫我的熱情和興趣會(huì)濃厚許多。隨著近幾年行業(yè)的發(fā)展、硬件性能和通信網(wǎng)絡(luò)速度的整體提升，用戶體驗(yàn)的要求越來越高，而這也預(yù)示著我們的設(shè)計(jì)可以存在越來越多的可能性。早在幾年前，你可曾想過通過手機(jī)觀看一個(gè)流媒體的在線視頻廣告？你可曾想過用專門的H5自動(dòng)生成App來完成一個(gè)輕量版的H5動(dòng)態(tài)頁面？同時(shí)你又可曾想過，VR/AR將來會(huì)給用戶體驗(yàn)設(shè)計(jì)行業(yè)帶來怎樣的機(jī)遇與挑戰(zhàn)？太多事情值得我們?nèi)ニ伎肌５珶o論時(shí)代如何發(fā)展，我相信，動(dòng)畫依然是強(qiáng)化用戶體驗(yàn)流程的一個(gè)內(nèi)在核心。因此，對(duì)于在未來有關(guān)動(dòng)畫和用戶體驗(yàn)設(shè)計(jì)的融合的美好想象，是我撰寫本書的第二個(gè)動(dòng)機(jī)。并且在我看來，After Effects在動(dòng)效設(shè)計(jì)中只是一個(gè)工具而已，所以本書僅僅是一本借助After Effects軟件來實(shí)現(xiàn)互聯(lián)網(wǎng)動(dòng)效的實(shí)戰(zhàn)手冊(cè)，而不是一本單純的After Effects軟件教程工具書。本書融合了UI行業(yè)現(xiàn)狀、實(shí)戰(zhàn)技能演練、實(shí)際工作流程的協(xié)同以及設(shè)計(jì)師對(duì)于UI前端的工作流程認(rèn)知等知識(shí)點(diǎn)，目的是讓大家在學(xué)習(xí)自身專業(yè)知識(shí)的同時(shí)，也能對(duì)整個(gè)UI行業(yè)的職業(yè)內(nèi)容情況有所了解，以便更好地開展自己的工作、做好設(shè)計(jì)。

本書能讓你學(xué)到的

針對(duì)本書學(xué)習(xí)和使用的關(guān)鍵詞，如果要我用兩個(gè)字來概括的話，那就是“實(shí)戰(zhàn)”。

在本書中，我盡量用開放性的方式來講解知識(shí)點(diǎn)，目的是告訴大家所有問題并非只有唯一的解決方案，從而來激發(fā)大家學(xué)習(xí)的主觀能動(dòng)性，學(xué)會(huì)舉一反三，而不是一個(gè)只會(huì)“搬運(yùn)”的設(shè)計(jì)師。與此同時(shí)，我也殷切地希望大家在閱讀本書時(shí)，能夠逐章逐節(jié)地學(xué)習(xí)下去，如此才能系統(tǒng)地提升你個(gè)人的設(shè)計(jì)思維和實(shí)踐能力。

在閱讀本書的過程中，如果你有任何的問題，歡迎隨時(shí)通過微信公眾號(hào)或其他方式與我取得聯(lián)系。同時(shí)，若發(fā)現(xiàn)本書的不足之處，也望大家多提出寶貴意見。如果能得到大家的中肯評(píng)價(jià)，那將是我的榮幸，同時(shí)也讓我欣慰。真心希望本書能夠幫助到你，同時(shí)祝你閱讀愉快，謝謝。

配書資源

本書提供了學(xué)習(xí)需要的腳本文件，掃描“資源下載”二維碼，關(guān)注我們的公眾號(hào)即可獲得下載方式。資源下載過程中如有疑問，可發(fā)郵件至syzs@ptpress.com.cn。另外，書中案例配有高清語音教學(xué)視頻，可掃描“視頻講解”二維碼在線觀看，同步學(xué)習(xí)。