本書由具有APP UI設(shè)計經(jīng)驗的設(shè)計師和從事多年職業(yè)教育的高校教師共同編寫。在編寫之前大家有個共識，一線的APP UI設(shè)計師，盡管可能只需要做全流程中的一部分工作，但是需要對整個UI設(shè)計的流程有全面的認識，不僅要有熟練的軟件操作能力，而且要有較為扎實的理論功底，這樣才能在技術(shù)不斷更新的情況下保持優(yōu)秀的職業(yè)能力。
　　基于以上思考，編者對移動APP UI設(shè)計的全流程進行了仔細分析和梳理，在自身專業(yè)知識和從業(yè)經(jīng)驗的基礎(chǔ)上，本書也借鑒了相關(guān)同行以及網(wǎng)絡(luò)資源中的內(nèi)容組織方式。一方面將APP UI設(shè)計的學(xué)習過程分成六個階段，分別是了解UI設(shè)計基本概念、UI設(shè)計基本流程、交互式原型設(shè)計、圖標設(shè)計、界面設(shè)計以及UI動效設(shè)計；另一方面教材內(nèi)容按兩條主線組織編寫，一條主線是實際操作任務(wù)案例，在案例選擇上由淺入深，循序漸進，每個任務(wù)設(shè)計成：任務(wù)描述→設(shè)計思路→任務(wù)實施→拓展任務(wù)；另一條主線是基礎(chǔ)理論知識。兩條主線緊密融合，非常完整地展現(xiàn)了整個UI設(shè)計流程。本書具體內(nèi)容如下：
　　單元1　交互式UI設(shè)計基礎(chǔ)。通過認識我們的手機、認識手機APP兩個任務(wù)掌握手機屏幕的相關(guān)參數(shù)、APP UI界面的組成和設(shè)計要點。通過民宿APP UI設(shè)計任務(wù)，完整地了解整個設(shè)計過程。
　　單元2　交互式原型設(shè)計。以徜徉紅途APP項目為主線，完成用戶登錄、圖片輪播、首頁拖動及回彈、搜索旅游線路和省市級聯(lián)菜單等任務(wù)，讓讀者掌握利用Axure RP軟件繪制原型的方法。
　　單元3　Photoshop 圖標設(shè)計。通過扁平化和擬物化圖標設(shè)計任務(wù)，重點介紹圖標的風格區(qū)別和基本圖標設(shè)計的流程。
　　單元4　Illustrator綜合圖標設(shè)計。通過平面風格圖標、立體風格圖標、線性風格圖標、功能導(dǎo)航圖標、控件圖標等任務(wù)，介紹Illustrator的基本使用方法和綜合圖標設(shè)計的主要過程。
單元5UI界面設(shè)計。在單元二原型設(shè)計的基礎(chǔ)上，利用Photoshop完成具體UI界面的設(shè)計，包括引導(dǎo)頁、首頁、行程、定制頁面的設(shè)計等，了解UI界面設(shè)計的具體知識。
　　單元6　UI動效設(shè)計基礎(chǔ)。通過制作圖標動效和APP界面動效任務(wù)，介紹UI動效的基本設(shè)計思路、設(shè)計方法和After Effects的基本應(yīng)用。
　　本書結(jié)構(gòu)清晰、語言簡潔、實例豐富，主要具有以下幾個特點：
　�。�1）單元設(shè)計緊扣UI設(shè)計流程。首先讓讀者掌握UI設(shè)計的整體流程，然后分別按照UI設(shè)計的標準流程進行介紹，符合認知規(guī)律，使讀者學(xué)習后更容易在真實工作崗位中快速上手。
　�。�2）基礎(chǔ)知識與操作任務(wù)緊密結(jié)合。本書摒棄了傳統(tǒng)教科書純理論式的教學(xué)，大量采用實際操作任務(wù)進行講解，在任務(wù)操作的基礎(chǔ)上輔助關(guān)鍵性基礎(chǔ)知識的講解，促進讀者理解。
　�。�3）內(nèi)容覆蓋更加完整，介紹更加深入直觀。UI全流程的內(nèi)容涵蓋更加完整，目前大部分同類書籍對UI設(shè)計基本流程介紹不夠深入直觀，沒有關(guān)于Axure RP原型設(shè)計和動效設(shè)計的相關(guān)內(nèi)容，對圖標和界面設(shè)計使用的軟件也只介紹了Photoshop。本書解決了以上問題，UI基本流程闡述更加深入，涵蓋Axure RP原型設(shè)計和動效設(shè)計，圖片設(shè)計軟件方面，對Photoshop、Illustrator的應(yīng)用方法都做了簡要的闡述。
　　（4）有完整的教學(xué)案例和電子資源。教材案例完整，所有實例全部采用詳細步驟說明與實際操作相結(jié)合的編寫手法，使讀者通過閱讀文字與觀察操作步驟中的圖示，邊學(xué)邊操作。書中設(shè)計的案例均提供調(diào)用素材和源文件，并包含本書所有操作實例的高清多媒體有聲教學(xué)視頻。同時，為方便教師教學(xué)，還配備了PPT教學(xué)課件，以供參考。
　　在學(xué)習本書時，除了熟練掌握Office辦公軟件外，一方面需要具備美術(shù)等基本設(shè)計素養(yǎng)，可以自修平面、色彩構(gòu)成等相關(guān)知識，增強設(shè)計美感；另一方面還需要掌握各類與設(shè)計相關(guān)的軟件使用方法。由于本書篇幅有限，其中涉及Photoshop、Axure RP、Illustrator、After Effects等軟件操作的介紹較為精簡，在學(xué)習過程中需要利用各類資源進一步強化理解和運用。本書配套資源請到http://www.tdpress.com/51eds/下載。
　　本書由阮進軍、孫握瑜任主編，周艷麗、朱麗進、江宏任副主編。具體編寫分工如下：孫握瑜編寫單元1、單元6，朱麗進編寫單元2，阮進軍編寫單元3，江宏編寫單元4，周艷麗編寫單元5。本書獲安徽省教育廳大規(guī)模在線開放課程（MOOC）示范項目《UI交互設(shè)計與實現(xiàn)》（編號：2018mooc447）資助。
由于編者知識水平有限，書中難免有疏漏和不足之處，懇請廣大讀者批評指正。

編　者
2020年5月本書由具有APP UI設(shè)計經(jīng)驗的設(shè)計師和從事多年職業(yè)教育的高校教師共同編寫。在編寫之前大家有個共識，一線的APP UI設(shè)計師，盡管可能只需要做全流程中的一部分工作，但是需要對整個UI設(shè)計的流程有全面的認識，不僅要有熟練的軟件操作能力，而且要有較為扎實的理論功底，這樣才能在技術(shù)不斷更新的情況下保持優(yōu)秀的職業(yè)能力。
　　基于以上思考，編者對移動APP UI設(shè)計的全流程進行了仔細分析和梳理，在自身專業(yè)知識和從業(yè)經(jīng)驗的基礎(chǔ)上，本書也借鑒了相關(guān)同行以及網(wǎng)絡(luò)資源中的內(nèi)容組織方式。一方面將APP UI設(shè)計的學(xué)習過程分成六個階段，分別是了解UI設(shè)計基本概念、UI設(shè)計基本流程、交互式原型設(shè)計、圖標設(shè)計、界面設(shè)計以及UI動效設(shè)計；另一方面教材內(nèi)容按兩條主線組織編寫，一條主線是實際操作任務(wù)案例，在案例選擇上由淺入深，循序漸進，每個任務(wù)設(shè)計成：任務(wù)描述→設(shè)計思路→任務(wù)實施→拓展任務(wù)；另一條主線是基礎(chǔ)理論知識。兩條主線緊密融合，非常完整地展現(xiàn)了整個UI設(shè)計流程。本書具體內(nèi)容如下：
　　單元1　交互式UI設(shè)計基礎(chǔ)。通過認識我們的手機、認識手機APP兩個任務(wù)掌握手機屏幕的相關(guān)參數(shù)、APP UI界面的組成和設(shè)計要點。通過民宿APP UI設(shè)計任務(wù)，完整地了解整個設(shè)計過程。
　　單元2　交互式原型設(shè)計。以徜徉紅途APP項目為主線，完成用戶登錄、圖片輪播、首頁拖動及回彈、搜索旅游線路和省市級聯(lián)菜單等任務(wù)，讓讀者掌握利用Axure RP軟件繪制原型的方法。
　　單元3　Photoshop 圖標設(shè)計。通過扁平化和擬物化圖標設(shè)計任務(wù)，重點介紹圖標的風格區(qū)別和基本圖標設(shè)計的流程。
　　單元4　Illustrator綜合圖標設(shè)計。通過平面風格圖標、立體風格圖標、線性風格圖標、功能導(dǎo)航圖標、控件圖標等任務(wù)，介紹Illustrator的基本使用方法和綜合圖標設(shè)計的主要過程。
單元5UI界面設(shè)計。在單元二原型設(shè)計的基礎(chǔ)上，利用Photoshop完成具體UI界面的設(shè)計，包括引導(dǎo)頁、首頁、行程、定制頁面的設(shè)計等，了解UI界面設(shè)計的具體知識。
　　單元6　UI動效設(shè)計基礎(chǔ)。通過制作圖標動效和APP界面動效任務(wù)，介紹UI動效的基本設(shè)計思路、設(shè)計方法和After Effects的基本應(yīng)用。
　　本書結(jié)構(gòu)清晰、語言簡潔、實例豐富，主要具有以下幾個特點：
　�。�1）單元設(shè)計緊扣UI設(shè)計流程。首先讓讀者掌握UI設(shè)計的整體流程，然后分別按照UI設(shè)計的標準流程進行介紹，符合認知規(guī)律，使讀者學(xué)習后更容易在真實工作崗位中快速上手。
　�。�2）基礎(chǔ)知識與操作任務(wù)緊密結(jié)合。本書摒棄了傳統(tǒng)教科書純理論式的教學(xué)，大量采用實際操作任務(wù)進行講解，在任務(wù)操作的基礎(chǔ)上輔助關(guān)鍵性基礎(chǔ)知識的講解，促進讀者理解。
　�。�3）內(nèi)容覆蓋更加完整，介紹更加深入直觀。UI全流程的內(nèi)容涵蓋更加完整，目前大部分同類書籍對UI設(shè)計基本流程介紹不夠深入直觀，沒有關(guān)于Axure RP原型設(shè)計和動效設(shè)計的相關(guān)內(nèi)容，對圖標和界面設(shè)計使用的軟件也只介紹了Photoshop。本書解決了以上問題，UI基本流程闡述更加深入，涵蓋Axure RP原型設(shè)計和動效設(shè)計，圖片設(shè)計軟件方面，對Photoshop、Illustrator的應(yīng)用方法都做了簡要的闡述。
　�。�4）有完整的教學(xué)案例和電子資源。教材案例完整，所有實例全部采用詳細步驟說明與實際操作相結(jié)合的編寫手法，使讀者通過閱讀文字與觀察操作步驟中的圖示，邊學(xué)邊操作。書中設(shè)計的案例均提供調(diào)用素材和源文件，并包含本書所有操作實例的高清多媒體有聲教學(xué)視頻。同時，為方便教師教學(xué)，還配備了PPT教學(xué)課件，以供參考。
　　在學(xué)習本書時，除了熟練掌握Office辦公軟件外，一方面需要具備美術(shù)等基本設(shè)計素養(yǎng)，可以自修平面、色彩構(gòu)成等相關(guān)知識，增強設(shè)計美感；另一方面還需要掌握各類與設(shè)計相關(guān)的軟件使用方法。由于本書篇幅有限，其中涉及Photoshop、Axure RP、Illustrator、After Effects等軟件操作的介紹較為精簡，在學(xué)習過程中需要利用各類資源進一步強化理解和運用。本書配套資源請到http://www.tdpress.com/51eds/下載。
　　本書由阮進軍、孫握瑜任主編，周艷麗、朱麗進、江宏任副主編。具體編寫分工如下：孫握瑜編寫單元1、單元6，朱麗進編寫單元2，阮進軍編寫單元3，江宏編寫單元4，周艷麗編寫單元5。本書獲安徽省教育廳大規(guī)模在線開放課程（MOOC）示范項目《UI交互設(shè)計與實現(xiàn)》（編號：2018mooc447）資助。
由于編者知識水平有限，書中難免有疏漏和不足之處，懇請廣大讀者批評指正。

編　者
2020年5月