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

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

編　者
2020年5月