千鋒北京老師認(rèn)為在UI設(shè)計(jì)中,注重點(diǎn)非常之多。但有一點(diǎn)是必不可少的,那就是動(dòng)效設(shè)計(jì)。它關(guān)系到用戶(hù)體驗(yàn)與用戶(hù)行為,甚至一個(gè)APP存活率的大小。
UI中的動(dòng)效越來(lái)越受重視,隨著擬物設(shè)計(jì)逐漸被代替,界面中的內(nèi)容得以凸顯,內(nèi)容呈遞的手段也更加多樣化。雖然擬物設(shè)計(jì)很少了,但是還沒(méi)有完全被代替,反而變得更加重要,我們?cè)絹?lái)越需要模擬物理世界中的種種效果,來(lái)消除用戶(hù)在使用或操作界面時(shí)的突兀感,以便讓人和界面的交互更加潤(rùn)滑。動(dòng)效因此獲得了廣泛認(rèn)可,成為界面設(shè)計(jì)中不可分割的一部分。
1、個(gè)性化
這是動(dòng)效設(shè)計(jì)最重要的原則之一,任何動(dòng)效或動(dòng)畫(huà)都應(yīng)該追求個(gè)性化,通過(guò)個(gè)性化盤(pán)活界面設(shè)計(jì)元素。應(yīng)用不應(yīng)該具有死板、機(jī)械的轉(zhuǎn)換動(dòng)效,應(yīng)用的動(dòng)效應(yīng)該讓用戶(hù)感受到愉悅和優(yōu)雅。通過(guò)動(dòng)效,讓?xiě)?yīng)用具備鮮明的個(gè)性,同時(shí)還要保持全部動(dòng)效的清晰一致。最后,動(dòng)效還要符合用戶(hù)的預(yù)期,以免讓用戶(hù)產(chǎn)生突兀感,用個(gè)性化的動(dòng)效來(lái)穩(wěn)固用戶(hù)關(guān)系,給予用戶(hù)愉快的體驗(yàn)。
Facebook Paer在整體設(shè)計(jì)中都充分利用了縮放動(dòng)效,整體的動(dòng)效非常的明晰,而且個(gè)性鮮明。
Dots在整體設(shè)計(jì)中,都保持著這種一致且令人愉快的慣性效果,讓Dots在同類(lèi)應(yīng)用中鶴立雞群。
2、指向性
動(dòng)效設(shè)計(jì)的目的不是為了炫,而是能夠幫助用戶(hù)理解,達(dá)成更佳的操作體驗(yàn)。通過(guò)設(shè)計(jì)物體在屏幕中的進(jìn)進(jìn)出出,動(dòng)效應(yīng)該構(gòu)建一種應(yīng)用內(nèi)的“物理空間感”,同時(shí)將用戶(hù)的視覺(jué)焦點(diǎn)凝聚在重點(diǎn)元素周?chē)?。?dòng)效應(yīng)該指導(dǎo)用戶(hù)下一步操作,給予用戶(hù)清晰的指示。動(dòng)效還可以有效防止用戶(hù)迷失在應(yīng)用的操作流程中,如果有了明晰的動(dòng)效指示,那么大可以剔除掉應(yīng)用覆蓋層中的指示標(biāo)記。
3、上下文
好的動(dòng)效果設(shè)計(jì),可以讓用戶(hù)清晰的感受到內(nèi)容之間的脈絡(luò)關(guān)系,了解到各個(gè)元素的物理狀態(tài),與此同時(shí)還能夠知曉元素當(dāng)前所處的環(huán)境。自從擬物設(shè)計(jì)被剔除后,UI元素的表現(xiàn)形式可以更多樣化,而不限于擬物設(shè)計(jì)所指定的物理環(huán)境。無(wú)論是拉伸、變形、或者運(yùn)動(dòng)慣性和滾動(dòng),只需精心調(diào)配元素的運(yùn)動(dòng)細(xì)節(jié),讓整體效果流暢潤(rùn)滑,那么用戶(hù)便可享受到過(guò)度的快感。
4、反饋迅捷
動(dòng)效應(yīng)該反應(yīng)迅捷且直觀易懂。通過(guò)對(duì)用戶(hù)交互行為的及時(shí)反應(yīng),來(lái)讓用戶(hù)感到安心,“迅捷”,但是也要平滑,以免讓用戶(hù)感受到突兀。最為觸發(fā)-判定-反饋環(huán)節(jié)的最后一環(huán),反饋應(yīng)該和用戶(hù)用為緊密結(jié)合,打造近乎無(wú)縫式的完美操作體驗(yàn)。
5、有所收斂
太多的動(dòng)效會(huì)讓用戶(hù)眼花繚亂,同時(shí)感到分心。設(shè)計(jì)師應(yīng)該學(xué)會(huì)動(dòng)靜結(jié)合,有所謂而有所不為。在需要凝聚用戶(hù)注意力的地方提供動(dòng)效,而如無(wú)次需求,那大可不必繳入動(dòng)效。像轉(zhuǎn)場(chǎng)這種界面之間轉(zhuǎn)換的效果,不要太花哨。
你在UI路上有哪些困惑呢?可以加入千鋒北京UI培訓(xùn),讓我們一起努力進(jìn)步。