2018-09-05 18:14:04 986瀏覽
如今對(duì)UI設(shè)計(jì)感興趣的小伙伴不在少數(shù),所以參加UI培訓(xùn)的人越來越多,那么在眾多喜歡UI設(shè)計(jì)或者是正在學(xué)習(xí)UI設(shè)計(jì)的小伙伴里,有多少對(duì)UI動(dòng)效設(shè)計(jì)的原則有所了解呢?本篇文章扣丁學(xué)堂UI設(shè)計(jì)小編和大家分享一下UI動(dòng)效設(shè)計(jì)有哪些原則,對(duì)UI設(shè)計(jì)感興趣的小伙伴就隨小編一起來看一下吧。
扣丁學(xué)堂UI視頻教程之UI動(dòng)效設(shè)計(jì)有哪些原則:
1、指向性
動(dòng)效設(shè)計(jì)的目的不是為了炫,而是能夠幫助用戶理解,達(dá)成更佳的操作體驗(yàn)。通過設(shè)計(jì)物體在屏幕中的進(jìn)進(jìn)出出,動(dòng)效應(yīng)該構(gòu)建一種應(yīng)用內(nèi)的“物理空間感”,同時(shí)將用戶的視覺焦點(diǎn)凝聚在重點(diǎn)元素周圍。動(dòng)效應(yīng)該指導(dǎo)用戶下一步操作,給予用戶清晰的指示。動(dòng)效還可以有效防止用戶迷失在應(yīng)用的操作流程中,如果有了明晰的動(dòng)效指示,那么大可以剔除掉應(yīng)用覆蓋層中的指示標(biāo)記。
2、個(gè)性化
這是動(dòng)效設(shè)計(jì)最重要的原則之一,任何動(dòng)效/動(dòng)畫都應(yīng)該追求個(gè)性化,通過個(gè)性化盤活界面設(shè)計(jì)元素。應(yīng)用不應(yīng)該具有死板、機(jī)械的轉(zhuǎn)換動(dòng)效,應(yīng)用的動(dòng)效應(yīng)該讓用戶感受到愉悅和優(yōu)雅。通過動(dòng)效,讓應(yīng)用具備鮮明的個(gè)性,同時(shí)還要保持全部動(dòng)效的清晰一致。最后,動(dòng)效還要符合用戶的預(yù)期,以免讓用戶產(chǎn)生突兀感,用個(gè)性化的動(dòng)效來穩(wěn)固用戶關(guān)系,給予用戶愉快的體驗(yàn)。
Facebook Paer在整體設(shè)計(jì)中都充分利用了縮放動(dòng)效,整體的動(dòng)效非常的明晰,而且個(gè)性鮮明。
Dots在整體設(shè)計(jì)中,都保持著這種一致且令人愉快的慣性效果,讓Dots在同類應(yīng)用中鶴立雞群。
3、上下文
好的動(dòng)效果設(shè)計(jì),可以讓用戶清晰的感受到內(nèi)容之間的脈絡(luò)關(guān)系,了解到各個(gè)元素的物理狀態(tài),與此同時(shí)還能夠知曉元素當(dāng)前所處的環(huán)境。自從擬物設(shè)計(jì)被剔除后,UI元素的表現(xiàn)形式可以更多樣化,而不限于擬物設(shè)計(jì)所指定的物理環(huán)境。無論是拉伸、變形、或者運(yùn)動(dòng)慣性和滾動(dòng),只需精心調(diào)配元素的運(yùn)動(dòng)細(xì)節(jié),讓整體效果流暢潤滑,那么用戶便可享受到過度的快感。
想要了解更多關(guān)于UI設(shè)計(jì)方面內(nèi)容的小伙伴,請關(guān)注扣丁學(xué)堂UI培訓(xùn)官網(wǎng)、微信等平臺(tái),扣丁學(xué)堂IT職業(yè)在線學(xué)習(xí)教育平臺(tái)為您提供權(quán)威的UI視頻教程,UI培訓(xùn)后的前景無限,行業(yè)薪資和未來的發(fā)展會(huì)越來越好的,通過千鋒扣丁學(xué)堂金牌講師在線錄制的UI視頻教程,讓你快速掌握UI從入門到精通開發(fā)實(shí)戰(zhàn)技能??鄱W(xué)堂UI交互設(shè)計(jì)交流群:568096113。
【關(guān)注微信公眾號(hào)獲取更多學(xué)習(xí)資料】
查看更多關(guān)于“ui設(shè)計(jì)資訊”的相關(guān)文章>>