UI設(shè)計(jì)原則介紹

 1.個(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)用中鶴立雞群。

 2.指向性

 動(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)記。

 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é)，讓整體效果流暢潤滑，那么用戶便可享受到過度的快感。

 4.反饋迅捷

 動(dòng)效應(yīng)該反應(yīng)迅捷且直觀易懂。通過對用戶交互行為的及時(shí)反應(yīng)，來讓用戶感到安心，“迅捷”，但是也要平滑，以免讓用戶感受到突兀。最為觸發(fā)-判定-反饋環(huán)節(jié)的最后一環(huán)，反饋應(yīng)該和用戶用為緊密結(jié)合，打造近乎無縫式的完美操作體驗(yàn)。

 5.情感性

 動(dòng)效應(yīng)該能喚起用戶積極的情緒，而這，就需要流暢、合理的動(dòng)效了，讓用戶感受到一切都是那么的自然。

 6.有所收斂

 太多的動(dòng)效會(huì)讓用戶眼花繚亂，同時(shí)感到分心。設(shè)計(jì)師應(yīng)該動(dòng)靜結(jié)合，有所謂而有所不為。在需要凝聚用戶注意力的地方提供動(dòng)效，而如無次需求，那大可不必繳入動(dòng)效。像轉(zhuǎn)場這種界面之間轉(zhuǎn)換的效果，不要太花哨。