UI培訓(xùn)教程UI動效設(shè)計的6個原則,隨著擬物設(shè)計的逐漸消亡,界面中的內(nèi)容得以凸顯,內(nèi)容呈遞的手段也更加多樣化。雖然擬物設(shè)計消亡了,但是隱喻還沒有死,隱喻變得更加重要,我們越來越需要模擬物理世界中的種種效果,來消除用戶在使用和操作界面時的突兀感,以便讓人與界面的交互更加潤滑。動效因此獲得了廣泛認(rèn)可,成為界面設(shè)計中不可分割的一部分。
1.個性化 這是動效設(shè)計最重要的原則之一,任何動效/動畫都應(yīng)該追求個性化,通過個性化盤活界面設(shè)計元素。應(yīng)用不應(yīng)該具有死板、機(jī)械的轉(zhuǎn)換動效,應(yīng)用的動效應(yīng)該讓用戶感受到愉悅和優(yōu)雅。通過動效,讓應(yīng)用具備鮮明的個性,同時還要保持全部動效的清晰一致。*,動效還要符合用戶的預(yù)期,以免讓用戶產(chǎn)生突兀感,用個性化的動效來穩(wěn)固用戶關(guān)系,給予用戶愉快的體驗。 FacebookPaer在整體設(shè)計中都充分利用了縮放動效,整體的動效非常的明晰,而且個性鮮明。 Dots在整體設(shè)計中,都保持著這種一致且令人愉快的慣性效果,讓Dots在同類應(yīng)用中鶴立雞群。
2.指向性 動效設(shè)計的目的不是為了炫,而是能夠幫助用戶理解,達(dá)成更佳的操作體驗。通過設(shè)計物體在屏幕中的進(jìn)進(jìn)出出,動效應(yīng)該構(gòu)建一種應(yīng)用內(nèi)的“物理空間感”,同時將用戶的視覺焦點(diǎn)凝聚在重點(diǎn)元素周圍。動效應(yīng)該指導(dǎo)用戶下一步操作,給予用戶清晰的指示。動效還可以有效防止用戶迷失在應(yīng)用的操作流程中,如果有了明晰的動效指示,那么大可以剔除掉應(yīng)用覆蓋層中的指示標(biāo)記。
3.上下文 好的動效果設(shè)計,可以讓用戶清晰的感受到內(nèi)容之間的脈絡(luò)關(guān)系,了解到各個元素的物理狀態(tài),與此同時還能夠知曉元素當(dāng)前所處的環(huán)境。自從擬物設(shè)計被剔除后,UI元素的表現(xiàn)形式可以更多樣化,而不限于擬物設(shè)計所指定的物理環(huán)境。無論是拉伸、變形、或者運(yùn)動慣性和滾動,只需精心調(diào)配元素的運(yùn)動細(xì)節(jié),讓整體效果流暢潤滑,那么用戶便可享受到過度的快感。
4.反饋迅捷 動效應(yīng)該反應(yīng)迅捷且直觀易懂。通過對用戶交互行為的及時反應(yīng),來讓用戶感到安心,“迅捷”,但是也要平滑,以免讓用戶感受到突兀。最為觸發(fā)-判定-反饋環(huán)節(jié)的*一環(huán),反饋應(yīng)該和用戶用為緊密結(jié)合,打造近乎無縫式的完美操作體驗。
5.情感性 動效應(yīng)該能喚起用戶積極的情緒,而這,就需要流暢、合理的動效了,讓用戶感受到一切都是那么的自然。
6.有所收斂 太多的動效會讓用戶眼花繚亂,同時感到分心。設(shè)計師應(yīng)該學(xué)會動靜結(jié)合,有所謂而有所不為。在需要凝聚用戶注意力的地方提供動效,而如無次需求,那大可不必繳入動效。像轉(zhuǎn)場這種界面之間轉(zhuǎn)換的效果,不要太花哨。
學(xué)校地址:
一部大連市甘井子區(qū)周水子火車站旁迪派教學(xué)樓
二部大連市沙河口區(qū)興工街百盛后身寶發(fā)金鉆7樓
三部大連市中山區(qū)友好廣場友好大廈18樓
四部沈陽和平區(qū)文化路19號