界面設計中的交互動畫應用研究

楊凱

【摘要】：人們在關注一個產品的時候，界面作為信息傳達的一種直觀地表示方式，能夠直接的向人們傳達信息以及情感，因此在越來越多的領域人們逐漸的對界面的設計變得更加的關注，如對于手機的界面的設計等。良好的界面設計應該能夠使得人與產品之間具有交互的作用，人與機器之間應該具有一定的溝通從而實現良好的信息交流，而交互動畫的應用能夠很好地解決這個方面的問題，因此本文主要對于界面設計的過程的交互動畫的應用進行了研究。

【關鍵詞】：交互設計;界面設計;應用研究

1.交互式設計

所謂交互式設計，就是通過這種產品使得人們在使用的過程中能夠產生一種實際上的交互的過程，給人們帶來信息的反饋從而使得人們感受到這種交互式的體驗。隨著科技的發展與社會的進步，越來越多的新產品與人們之間進行了新的交互，人們也逐漸的對其變得更加的重視。交互式的設計通過將人與使用者聯系起來，使得產品變得更加的易用，并且使用者在使用的過程中身心變得更加的愉悅，產品也更加的容易操作。因此，交互式的設計就是使得使用者和產品能夠進行很好地交流溝通，從產品中得到信息的反饋。

2.動畫設計

目前來看，動畫涉及到了很多的領域，在目前的發展階段受到了很多方面的影響，是眾多的藝術門類中的一種表現方式。動畫在目前來看，更多的表示的是一種電視上的動畫，這種動畫屬于二維的平面上的動畫，通過以動畫的基本方式制作的短片。同時，也有一些網站通過使用flash等軟件進行動畫的制作，十分常見的就是對于橫幅的設計等，這種動畫的表現方式比gif動畫有著更加豐富的形式。

動畫具有的視覺性傳達的特點能夠很好地應用到界面設計的過程中。所謂動畫的視覺性設計指的就是對于動作的設計，其中包括對于動畫中的每一個角色的運動狀態的相關研究。其中，無論是對于動畫片還是劇情片的研究，對于動畫的角色的性格上的塑造以及表達的方式等，都是通過對于角色的長相以及語言特點來及西寧的，同時角色的動作等也能夠對其進行表現。不同的性格的角色在走路的時候的動作也存在著交大的差異。正是由于這些具有個性化的動作特點，使得不同的角色之間增加了無情的表現力，從而使得角色有著不同的靈魂，因此這個角色從內向外都散發著獨有的魅力。只是依靠著角色的裝扮，是無法達到這些特點的。因此在動畫設計的過程中，對于動畫角色的行為的運動狀態的分析以及設計，進行適當的夸張能夠更好地表現動畫的特點。

3.交互動畫的應用

目前，對于動畫的實現有著很多種的方式，不同的計算機語言實現的方式也有所不同，其中比較常見的就是使用flash來進行動畫的制作，這個軟件的使用比較簡單，人們也十分的容易操作，并且與此同時還能夠對于動畫進行適當的編輯，以及做出相應的特效的處理，對于音頻也有著一定的處理功能。但是對于交互式的動畫設計中，不僅需要進行動畫設計，也不能夠使用雜亂的方式強行的加入動畫，而是在交互性的設計中加入動畫的因素使得產品的交互性變得更好，更加的具有親和力并且使用起來變得更加的方便。因此，在對于交互動畫進行設計的過程中，應該注意可用性以及易用性的設計準則，只有這樣的產品設計才能夠更加的滿足產品的需求。因此，在產品的設計時，首先必須要有一個完整的理論作為設計的依據，這樣用戶在操作的過程中對于自身行為的結果有一定的掌握，不會進行盲目的操作。設計者可以通過使用一些自然界中存在的方式來對動畫進行設計，這樣操作者也不需要進行專門的學習，只需要通過動畫就能夠掌握操作的技巧。除此之外，還需要提高可見性。也就是說，設計的動畫的每一個操作都對應著一個變化，這樣用戶才能夠知道自身的動作有沒有產生作用。

在界面的設計中使用交互動畫的方式能夠使得產品變得更加的易用，但是在進行交互動畫的應用時，應該在設計的過程中遵守著一定的規則。首先，應保證動畫和產品的主題具有一致性的原則。用戶在對動畫進行設計時，應該把動畫和界面當做一個整體來進行設計。其中，動畫的風格以及動畫的實現的方法等，都應該使用與界面的主題相關的元素來進行設計。其次，還應該注意導航的一致性。在進行界面的設計的過程中，很多的導航都會使用動畫的形式來進行說明。這樣在設計的時候就應該注意使用的按鈕的位置以及大小的變換等，需要和導航保持一致性。并且，還應該注意動作的一致性。界面中的動畫的變化，可能是顏色的變化，也可能是位置或者是形狀上的變化，但是無論是哪一種形式的，都應該保持著動畫的一致性的特點，這樣才能夠使得設計的產品更加的可用。雖然在界面上增加動畫的特效，很有可能會減慢產品的運行效率，但是隨著科技的發展，這種問題已經逐漸的得到了解決，這些界面上的動畫對于操作的效率的影響幾乎可以忽略不計。

4.結論

人們對于自身的感受越來越重視，因此對于產品的界面的設計也逐漸的得到了大家的關注。在產品的界面使用動畫能夠很好地使產品發揮功能，因此本文主要對于界面設計中的交互動畫的應用進行了分析，希望能夠起到一定的參考價值。

參考文獻：

[1]楊平均.動畫教育·創新思維——《網絡動畫設計》教學中如何培養學生的創新思維[J]. 科技信息，2013（10）.

[2]菊花.“平面動畫設計”教學中使用綜合案例的實踐探索[J].內蒙古師范大學學報（教育科學版），2011（11）.

[3]李莉貞.試論動畫的教學功用與動畫設計軟件的選擇[J].山西廣播電視大學學報，2011（02）.

[4]任群.計算機動畫設計及制作中的特效技術[J].長春工業大學學報（自然科學版）， 2014（02）.