在UI界面中動(dòng)態(tài)效果比靜態(tài)界面，更加符合人類(lèi)的自然認(rèn)知。在屏幕上元素的變化過(guò)程，前后界面變化邏輯，以及層次結(jié)構(gòu)之間的變化，在動(dòng)效的加持下會(huì)變得更加自然清晰。從用戶(hù)角度來(lái)說(shuō)，動(dòng)效界面不僅僅是元素，也是用戶(hù)交互的基礎(chǔ)。動(dòng)效在今日來(lái)說(shuō)已經(jīng)成熟，也得到越來(lái)越多人的認(rèn)可。今天天津光標(biāo)科技就說(shuō)5個(gè)牢不可破的設(shè)計(jì)規(guī)則，讓你打造優(yōu)秀動(dòng)效。

1、自然是好UI動(dòng)效的核心

用戶(hù)界面中狀態(tài)改變?cè)谀J(rèn)情況下大多是生硬而直接的，這使得用戶(hù)有時(shí)候很難立刻理解。在現(xiàn)實(shí)生活中，事物不會(huì)突然出現(xiàn)突然消失，通常它們都會(huì)有一個(gè)轉(zhuǎn)變的過(guò)程。當(dāng)界面有兩個(gè)甚至更多狀態(tài)的時(shí)候，狀態(tài)之間的變化使用過(guò)渡動(dòng)效來(lái)填充，讓用戶(hù)明白它們是怎么來(lái)的，而非一個(gè)瞬間的過(guò)程。

2、高效的UI動(dòng)效是層次分明的

一個(gè)層次分明的動(dòng)效通常能夠清晰地展示狀態(tài)的變化，抓住用戶(hù)的注意力。這一點(diǎn)和人類(lèi)的意識(shí)有關(guān)系，用戶(hù)對(duì)焦點(diǎn)的關(guān)注和持續(xù)性都與此相關(guān)。良好的過(guò)渡動(dòng)效有助于在正確的時(shí)間點(diǎn)，將用戶(hù)的注意到吸引到關(guān)鍵的內(nèi)容上，而這取決于動(dòng)效是否能夠在正確的時(shí)間強(qiáng)調(diào)對(duì)的內(nèi)容。

3、關(guān)聯(lián)是過(guò)渡動(dòng)效的重要功能

既然是過(guò)渡，自然就牽涉到變化前后元素之間的關(guān)聯(lián)。良好的過(guò)渡動(dòng)效連接著新出現(xiàn)的界面元素和之前的交互與觸發(fā)元素，這種關(guān)聯(lián)邏輯讓用戶(hù)清楚變化的過(guò)程，以及界面中所發(fā)生的前后變化。

4、快速的過(guò)渡是高效UI動(dòng)效的基礎(chǔ)

如果說(shuō)有什么是每個(gè)動(dòng)效設(shè)計(jì)都必須具備的，那一定是快速高效的時(shí)機(jī)把控。在設(shè)計(jì)過(guò)渡動(dòng)效的時(shí)候，時(shí)間和速度一定是最需要設(shè)計(jì)師把握好的因素。快速準(zhǔn)確，絕不拖沓，這樣的動(dòng)效不會(huì)浪費(fèi)用戶(hù)的時(shí)間，讓人覺(jué)得APP產(chǎn)生了延遲，不會(huì)令用戶(hù)覺(jué)得煩躁。

5、清晰的UI動(dòng)效才是好動(dòng)效

不止是動(dòng)效，清晰是幾乎所有好設(shè)計(jì)都有的共通點(diǎn)。動(dòng)效是功能性?xún)?yōu)先、視覺(jué)傳達(dá)為核心的視覺(jué)元素，太過(guò)復(fù)雜的動(dòng)效除了有炫技之嫌，還會(huì)讓人難于理解，甚至在操作過(guò)程中失去方向感，這對(duì)于用戶(hù)體驗(yàn)而言絕對(duì)是一個(gè)退步，而非優(yōu)化。請(qǐng)務(wù)必記住，屏幕上的每一個(gè)變化都會(huì)讓用戶(hù)注意到，它們都會(huì)成為影響用戶(hù)體驗(yàn)和用戶(hù)決策的因素，不必要的動(dòng)效會(huì)讓用戶(hù)感到混亂。

動(dòng)效應(yīng)該避免一次呈現(xiàn)過(guò)多效果，尤其當(dāng)動(dòng)效同時(shí)存在多重、復(fù)雜的變化的時(shí)候，會(huì)自然地呈現(xiàn)出混亂的態(tài)勢(shì)，少即是多的原則對(duì)于動(dòng)效同樣是金科玉律。如果某個(gè)動(dòng)效的簡(jiǎn)化能夠讓整個(gè)UI更加清晰直觀，那么這個(gè)修改方案一定是個(gè)好主意。當(dāng)動(dòng)效中同時(shí)包含形狀、大小和位移變化的時(shí)候，請(qǐng)務(wù)必保持路徑的清晰以及變化的直觀性。

動(dòng)效本質(zhì)上是作為視覺(jué)傳達(dá)的一個(gè)組成部分而存在的，對(duì)于視覺(jué)障礙用戶(hù)而言，他們不一定能夠從動(dòng)效中得到好處、獲取信息。所以，考慮到這一部分用戶(hù)的需求，你應(yīng)該提供額外的信息幫助他們明白界面變化。

過(guò)渡動(dòng)效始終是圍繞著用戶(hù)交互和界面元素而存在的，無(wú)論你要成效的是怎樣的動(dòng)態(tài)效果，可愛(ài)抑或是自然，都始終是服務(wù)于功能，然后才是情緒和氛圍。希望以上講解可以為您帶去幫助。

我們擁有國(guó)內(nèi)頂級(jí)的設(shè)計(jì)、技術(shù)團(tuán)隊(duì)和多年互聯(lián)網(wǎng)軟件開(kāi)發(fā)經(jīng)驗(yàn)。