2.3 動效分類

本節(jié)將對一些典型的APP動效分類進行介紹，具體如下。

2.3.1 視覺反饋動效

對于任何的APP應(yīng)用，視覺反饋都是非常重要的。在現(xiàn)實生活中，人們和任何物體的交互都是伴隨著回應(yīng)的，相同地，用戶操作APP的元素時也期待得到一個類似的效果，即APP給出視覺反饋，回應(yīng)用戶的操作，使用戶感到在操控APP和APP的運行狀態(tài)。APP呈現(xiàn)的視覺、聽覺及觸覺，可以使用戶感覺到操控APP的效果，其中視覺的效果更明顯。例如，當一個按鈕在放大或者一個被滑動圖像在朝著正確方向移動，用戶可以很明顯感覺到這個APP在運行，正在響應(yīng)用戶的操作。例如在播放器使用中，用戶只需跟隨動效，就能夠理解相鄰UI狀態(tài)之間究竟有著怎樣的聯(lián)系，如圖2-32所示。視覺反饋典型的應(yīng)用是Tinder，這是國外的一款手機交友APP，其中使用的左劃右劃被大家所熟知，而這種交互方式同樣是一種視覺反饋。這個動畫效果已經(jīng)被放在開源庫Koloda中，Koloda是基于卡片的Tinder-style動畫效果示例，精細絕倫。

2.3.2 空間拓展動效

隨著移動APP功能越來越強、結(jié)構(gòu)越來越復雜，使用動效有助于簡化復雜性。例如，導航動效可以動態(tài)地展示界面的元素，實現(xiàn)更有效的布局和方便的查找，如圖2-33所示。

2.3.3 功能改變動效

功能改變動效是通過界面元素的變化展示功能的變化，當用戶與一個元素交互時，界面元素變化的同時，功能隨之發(fā)生改變，它經(jīng)常與按鈕、圖標和其他設(shè)計小元素一起使用。例如，圖標隨著內(nèi)容的變化而變化，在圖2-34中，可以看到屏幕底端出現(xiàn)了更多的選項，它同樣精煉了選擇的過程。

2.3.4 層次結(jié)構(gòu)交互動效

界面的層次結(jié)構(gòu)和元素的互動是非常重要的，動效能夠通過互動更有效地闡明界面的層次關(guān)系，動效中每個元素都有其目的和定位，在圖2-35中，導航欄的不同選項，對應(yīng)不同的界面表現(xiàn)層次。

2.3.5 視覺提示動效

當界面元素的互動模式不可預估時，動效提供的視覺線索就十分必要了，視覺提示動效暗示如何與元素進行交互。在圖2-36中，當用戶打開音樂播放器，下面的歌單卡片就從屏幕的右側(cè)出現(xiàn)，用戶即可知道要水平滑動來瀏覽這些卡片。

2.3.6 系統(tǒng)應(yīng)用提示動效

移動終端發(fā)展到今天，已經(jīng)具有非常強的智慧提示功能，其中之一就是情景智能，例如火車、航班出行計劃在一定提前的時間內(nèi)給予提示，如圖2-37所示。

2.3.7 趣味交互動效

趣味交互動效是純粹為用戶帶來好玩的動效，看起來非常別致并且很吸引人的注意力。非常獨特的動效可以吸引用戶并且讓您的APP脫穎而出，這種效果能夠帶來愉悅感和游戲感，是設(shè)計師讓用戶愛上他們產(chǎn)品的一個秘密武器。

2.3.8 轉(zhuǎn)場動效

轉(zhuǎn)場動效在APP中的使用是非常多的，主要用于界面的切換，動態(tài)的轉(zhuǎn)場更符合人的認知規(guī)律，有效地降低用戶的認知負擔，轉(zhuǎn)場動效能夠更自然、更清楚地表達前后界面的變化邏輯、層次結(jié)構(gòu)、變化過程。如今轉(zhuǎn)場動效的設(shè)計已日趨成熟，例如Android 5.0之后引入了Activity Transition來實現(xiàn)交互更加友好的轉(zhuǎn)場動畫效果，新轉(zhuǎn)場動畫可以控制頁面中的每個元素。