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