UI動(dòng)效是什么?
“沒(méi)有動(dòng)效的APP匪燕,不是好的APP”蕾羊,優(yōu)秀的動(dòng)效設(shè)計(jì)在提升產(chǎn)品體驗(yàn)、用戶粘性方面的積極作用有目共睹帽驯,已經(jīng)成為現(xiàn)在Web龟再、APP產(chǎn)品交互設(shè)計(jì)和界面設(shè)計(jì)必不可少的元素。
動(dòng)效的三個(gè)重要特性
功能性Functional尼变,物理性Material利凑,趣味性Delightful。動(dòng)效可以幫我們提升UX(用戶體驗(yàn))嫌术,使UI界面顯得更加一致和真實(shí)哀澈,并給整個(gè)產(chǎn)品帶來(lái)創(chuàng)新的感覺(jué)
功能性
優(yōu)化用戶對(duì)界面的感知,使其感到更輕快更全面度气。
引起用戶的注意割按。
提供(用戶操作后的)視覺(jué)(功能)反饋,并為下一步的跳轉(zhuǎn)做準(zhǔn)備磷籍。物理性
在一致的動(dòng)畫(huà)原則和物理的(符合物理定律的)UI模型基礎(chǔ)上構(gòu)建動(dòng)畫(huà)适荣。
定義屏幕和UI元件之間的空間相對(duì)關(guān)系,他們的相對(duì)高度择示,權(quán)重以及速度束凑。趣味性
在上面兩個(gè)部分都滿足的情況下,加入一些有趣的動(dòng)畫(huà)栅盲。
使它感覺(jué)獨(dú)特汪诉,能在諸多動(dòng)畫(huà)中能讓人眼前一亮。
娛樂(lè)用戶谈秫,并讓他們一想到動(dòng)畫(huà)就能想到該產(chǎn)品或者反之扒寄。
說(shuō)完了理論自然要實(shí)踐了,以下是今天的練習(xí)作業(yè)拟烫。
看似非常簡(jiǎn)單该编,但里面蘊(yùn)含了物理學(xué),淡入淡出效果硕淑,時(shí)間曲線等等各種原理课竣,不可小覷。