學(xué)習(xí)UI設(shè)計(jì)如何評(píng)價(jià)動(dòng)效設(shè)計(jì)的好壞?
2022-01-30點(diǎn)擊量:197
作為用戶體驗(yàn)領(lǐng)域不可或缺的一部分,動(dòng)效設(shè)計(jì)已經(jīng)隨處可見,今天我們就一起系統(tǒng)的了解下相關(guān)內(nèi)容,讓它真正變成設(shè)計(jì)師手中解決問題的好幫手。感興趣的小伙伴一起來學(xué)習(xí)吧!從感官體驗(yàn)上來講動(dòng)效設(shè)計(jì)非常活潑有趣,但其背后存在明確的原則,這些原則能夠幫助設(shè)計(jì)師對(duì)作品進(jìn)行自我評(píng)估,然而動(dòng)效原則眾多且晦澀抽象,所以筆者將其歸納為以下三個(gè)設(shè)問句,需要大家反復(fù)思考權(quán)衡這3個(gè)問題:如何評(píng)價(jià)動(dòng)效設(shè)計(jì)的好壞(1):承載功能性了嗎?動(dòng)效設(shè)計(jì)一定是某項(xiàng)功能的載體,任何動(dòng)效都有其意義,它能夠補(bǔ)充理解能力的差距。思考自己動(dòng)效的功能是什么?最終目標(biāo)是什么?產(chǎn)品意圖是什么?闡述層級(jí)關(guān)系?吸引用戶注意力?對(duì)用戶操作做出反饋?讓頁面變得更加美觀?或者是在這些表現(xiàn)層面之后的其他意義?這些內(nèi)容往往是穿插在一起的,讀者可從上文提到的闡述,吸引,反饋,提升四個(gè)方向入手。如何評(píng)價(jià)動(dòng)效設(shè)計(jì)的好壞(2):動(dòng)效合理嗎?符合客觀世界規(guī)律:元素運(yùn)動(dòng)的方式是否符合物理規(guī)則?元素的使用是否符合用戶常識(shí)以及對(duì)產(chǎn)品的認(rèn)知?一致性:交互設(shè)計(jì)原則也存在于動(dòng)效設(shè)計(jì)中,運(yùn)動(dòng)中元素的X(橫向)Y(縱向)Z(垂直屏幕方向)軸方向應(yīng)該存在規(guī)律,元素的運(yùn)動(dòng)應(yīng)該是有序的。同時(shí),動(dòng)效的視覺語言(基本動(dòng)畫原則:動(dòng)態(tài)曲線,動(dòng)效風(fēng)格等)也應(yīng)該是一致的。效率:元素是否簡(jiǎn)潔?是否存在夸張的動(dòng)態(tài)效果?用戶討厭被無關(guān)的內(nèi)容分散注意力。如何評(píng)價(jià)動(dòng)效設(shè)計(jì)的好壞(3):動(dòng)效生動(dòng)嗎?在不降低用戶執(zhí)行任務(wù)效率的前提下,我們應(yīng)該使動(dòng)畫更加生動(dòng),更具趣味性,表達(dá)情緒,避免枯燥。網(wǎng)絡(luò)上關(guān)于運(yùn)動(dòng)曲線的資料很多,筆者在這里只例舉最常用的幾種,在了解基本的運(yùn)動(dòng)曲線屬性后,希望大家能夠結(jié)合慣性重力材質(zhì)三要素進(jìn)行嘗試,相信會(huì)有所收獲,同時(shí)觀察生活細(xì)節(jié),模擬動(dòng)植物的動(dòng)勢(shì)能夠讓你直觀的體會(huì)上文中的內(nèi)容。...