章魚學(xué)院課程 UI動(dòng)效基礎(chǔ)課程交互設(shè)計(jì)站酷高高手視頻教程游戲GUI

在展示類動(dòng)效單元中，我們會(huì)著重利用AE這款軟件，由淺入深的，對(duì)三個(gè)案例進(jìn)行學(xué)習(xí)并制作。通過學(xué)習(xí)這個(gè)單元的知識(shí)，大家可以掌握UI動(dòng)效中，AE基本的使用技巧，并在帶領(lǐng)下完成三個(gè)案例。通過學(xué)習(xí)AE，我們將會(huì)理解動(dòng)效的基礎(chǔ)構(gòu)成，層關(guān)系，了解動(dòng)畫曲線等知識(shí)，方便于日常展示類動(dòng)效的制作和運(yùn)用。

在可交互動(dòng)效原型單元中，我們會(huì)著重學(xué)習(xí)節(jié)點(diǎn)信號(hào)流原型工具—Form，并利用該軟件制作一個(gè)可交互動(dòng)效原型案例。通過學(xué)習(xí)這個(gè)單元的課程，大家可以更系統(tǒng)而深刻的理解交互事件觸發(fā)，數(shù)據(jù)信息傳遞等知識(shí)，為自己在動(dòng)效方面的進(jìn)一步發(fā)展，打好基礎(chǔ)。

一、UI動(dòng)效的概念闡釋與經(jīng)驗(yàn)分享

本課程將作為動(dòng)效課程的開場白，Martin老師會(huì)對(duì)UI動(dòng)效的現(xiàn)狀、工作流程、未來發(fā)展趨勢等做個(gè)人觀點(diǎn)闡述，并與大家分享工作學(xué)習(xí)經(jīng)驗(yàn)。

課程概述：以實(shí)踐為基礎(chǔ)，分享工作流程中的設(shè)計(jì)經(jīng)驗(yàn)、設(shè)計(jì)心得、設(shè)計(jì)工具使用知識(shí)。

二、使用AE制作展示類動(dòng)效

本課程為展示類UI動(dòng)效基礎(chǔ)（實(shí)操類），內(nèi)含3個(gè)大案例，難度由淺入深，便于學(xué)習(xí)。

課程與之前錄制的9大方法論無直接聯(lián)系，可以單獨(dú)學(xué)習(xí)，不影響理解。

建議學(xué)習(xí)完本課程，對(duì)動(dòng)畫基本屬性有所了解后，再對(duì)Form在可交互原型中的實(shí)際運(yùn)用進(jìn)行學(xué)習(xí)。

案例1(基礎(chǔ)).扁平風(fēng)彈跳小球制作

課程概述：我們將利用AE自帶圖層、形狀圖層，以及五大動(dòng)畫屬性，來制作此案例。在學(xué)習(xí)完畢后，大家可以了解AE的基本功能，并利用其功能來制作簡單的UI展示動(dòng)效。

案例2（進(jìn)階）頁面彈出與側(cè)滑菜單

課程概述：我們將對(duì)已經(jīng)繪制好的靜態(tài)圖進(jìn)行動(dòng)態(tài)處理，大量的運(yùn)用基本屬性的同時(shí)，我們還會(huì)用一些較為高級(jí)的工具，如軌道蒙板等，完成整個(gè)案例的制作。通過學(xué)習(xí)本課程內(nèi)容，使用者將會(huì)對(duì)AE有更深的認(rèn)識(shí)，并能夠根據(jù)已有的靜態(tài)素材制作動(dòng)效。

案例3（綜合）. App展示內(nèi)容制作

課程概述：該案例最為復(fù)雜，內(nèi)容多、耗時(shí)長、調(diào)整多，會(huì)將前兩個(gè)案例的知識(shí)進(jìn)行匯總，并投入到實(shí)踐。在制作過程中，我們還會(huì)學(xué)習(xí)一些簡單易用的腳本工具，幫助大家提高工作效率。同時(shí)，阿基老師也會(huì)分享自己的工作經(jīng)驗(yàn)，給予大家更多的幫助和啟示。

三、讓你的動(dòng)效更完善

本課程為實(shí)操課程的后續(xù)補(bǔ)充內(nèi)容，建議結(jié)合實(shí)操部分一起學(xué)習(xí)，否則效果會(huì)大打折扣。本課程內(nèi)容，重在梳理一些理論和概念，幫助大家了解UI動(dòng)效及其拓展內(nèi)容。阿基老師也會(huì)向大家分享自己的工作經(jīng)驗(yàn)，以及處理復(fù)雜問題的方法。

該課程演示軟件為英文版，無太多實(shí)操，不影響觀看。