彩虹手帳033 | UI動(dòng)效設(shè)計(jì)


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í)間曲線等等各種原理课竣,不可小覷。


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末置媳,一起剝皮案震驚了整個(gè)濱河市于樟,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌拇囊,老刑警劉巖迂曲,帶你破解...
    沈念sama閱讀 212,884評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異寥袭,居然都是意外死亡路捧,警方通過(guò)查閱死者的電腦和手機(jī)关霸,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,755評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)杰扫,“玉大人队寇,你說(shuō)我怎么就攤上這事≌滦眨” “怎么了英上?”我有些...
    開(kāi)封第一講書(shū)人閱讀 158,369評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)啤覆。 經(jīng)常有香客問(wèn)我,道長(zhǎng)惭聂,這世上最難降的妖魔是什么窗声? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,799評(píng)論 1 285
  • 正文 為了忘掉前任,我火速辦了婚禮辜纲,結(jié)果婚禮上笨觅,老公的妹妹穿的比我還像新娘。我一直安慰自己耕腾,他們只是感情好见剩,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,910評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著扫俺,像睡著了一般苍苞。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上狼纬,一...
    開(kāi)封第一講書(shū)人閱讀 50,096評(píng)論 1 291
  • 那天羹呵,我揣著相機(jī)與錄音,去河邊找鬼疗琉。 笑死冈欢,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的盈简。 我是一名探鬼主播凑耻,決...
    沈念sama閱讀 39,159評(píng)論 3 411
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼柠贤!你這毒婦竟也來(lái)了香浩?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,917評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤种吸,失蹤者是張志新(化名)和其女友劉穎弃衍,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體坚俗,經(jīng)...
    沈念sama閱讀 44,360評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡镜盯,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,673評(píng)論 2 327
  • 正文 我和宋清朗相戀三年岸裙,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片速缆。...
    茶點(diǎn)故事閱讀 38,814評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡降允,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出艺糜,到底是詐尸還是另有隱情剧董,我是刑警寧澤,帶...
    沈念sama閱讀 34,509評(píng)論 4 334
  • 正文 年R本政府宣布破停,位于F島的核電站翅楼,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏真慢。R本人自食惡果不足惜毅臊,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,156評(píng)論 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望黑界。 院中可真熱鬧管嬉,春花似錦、人聲如沸朗鸠。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,882評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)烛占。三九已至胎挎,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間忆家,已是汗流浹背呀癣。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,123評(píng)論 1 267
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留弦赖,地道東北人项栏。 一個(gè)月前我還...
    沈念sama閱讀 46,641評(píng)論 2 362
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像蹬竖,于是被迫代替她去往敵國(guó)和親沼沈。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,728評(píng)論 2 351

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,871評(píng)論 25 707
  • 高度總結(jié)動(dòng)效設(shè)計(jì)的基本原則币厕,有大量的案例分析列另。動(dòng)效設(shè)計(jì)在用戶體驗(yàn)的提升中到底有沒(méi)有用呢? 我們?cè)谙旅嬗懻摰氖菫槭裁?..
    七景鳴閱讀 2,445評(píng)論 0 11
  • 作為一枚不會(huì)敲代碼的設(shè)計(jì)師旦装,我們不太可能讓自己的設(shè)計(jì)真正“活”起來(lái)页衙。如果沒(méi)有動(dòng)效設(shè)計(jì),那總是需要很長(zhǎng)時(shí)間去給程序員...
    miclzy閱讀 976評(píng)論 0 5
  • “今晚艰躺,同學(xué)或者舍友在玩游戲或者追劇,我也不想看書(shū)了眨八∠傩耍” “年級(jí)或者班級(jí)里的同學(xué)大多這樣子學(xué)習(xí)和生活,我也這樣好了...
    BeautyG閱讀 605評(píng)論 0 2
  • 降臨鳭
    作者1閱讀 182評(píng)論 0 0