這些動(dòng)效都是我從網(wǎng)上搜集來(lái)學(xué)習(xí)的,僅供學(xué)習(xí)參考哈,如需使用請(qǐng)聯(lián)系原作者溪掀。
另外,同一個(gè)案例可能出現(xiàn)在好幾個(gè)類別之下或南,因?yàn)檫@些都是動(dòng)效元素組合起來(lái)的逻住,為了方便看,不用往回翻迎献,我就多貼幾次圖了,但是看的時(shí)候大家可能要多分析腻贰。
這些分類是從設(shè)計(jì)理念吁恍、構(gòu)想去分類的,并不是從軟件實(shí)現(xiàn)方式去分類的播演。如果有改進(jìn)建議歡迎回復(fù)~
本人Q327997912,微信christine1991
歡迎加好友冀瓦,交流學(xué)習(xí)~:)
通用:運(yùn)動(dòng)速率變化 慢-快-慢、位置變化(扭動(dòng)写烤,浮動(dòng)翼闽、shake、上下左右洲炊,或從一邊到另一邊表示行動(dòng))
翻轉(zhuǎn)(不同平面)
旋轉(zhuǎn)(同一平面內(nèi))
切割(分割 或一個(gè)具體形狀被分成好幾塊)
水動(dòng)效(波紋感局、波動(dòng)、水滴墜落)
慣性(運(yùn)動(dòng)命令停止后還會(huì)向前一段再停暂衡,或者開始運(yùn)動(dòng)時(shí)要停頓一會(huì)兒)
彈性(回彈:墜落后回彈询微,或有彈性的橡皮質(zhì)感,縮放狂巢,拉扯伸縮)
形變(圓變多邊形等撑毛,或一個(gè)具體形象變另一個(gè))
分身(形狀不同,由大的分出無(wú)數(shù)小的形狀或顆粒:打散)(方向不同:飛揚(yáng)或拋灑)
聚集(重合)
連線(點(diǎn)對(duì)點(diǎn))
http://huaban.com/go/?pin_id=225502658
(這個(gè)不支持協(xié)議 大家點(diǎn)鏈接看唧领,是dribbble上的)
閃爍(圖像 或連同背景一起藻雌,造成炫目效果;或縮放閃爍斩个,造成心跳效果)
http://huaban.com/go/?pin_id=225502658
軌跡(線條路徑軌跡)
洗牌(川劇變臉)
折紙(翻折胯杭,掛牌(掛歷)):
顯現(xiàn)
構(gòu)建(依照畫圖順序、邏輯順序來(lái)展現(xiàn)對(duì)象出現(xiàn)的動(dòng)畫效果)
后退(側(cè)滑等萨驶,移至背后加模糊效果或加透視效果歉摧,浮現(xiàn)文字或推現(xiàn)文字)常用來(lái)設(shè)計(jì)菜單