扁平化設計發展至今,單一的視覺圖形已經很難再滿足更多的場景與不同的用戶。所以動效設計被引用到互聯網產品設計當中,并且效果良好,因此動效設計在互聯網產品當中被用的越來越廣泛。它不僅可以更直觀的表現界面信息,還可以進一步引導用戶的操作,使得用戶體驗更加舒適自然。
互聯網產品的動效設計其實也有著不同的分類,這里將產品動效設計分為了三個類別,功能、展示和交互動效。
1、功能動效
這種動效常見的有,例如產品中的刷新動效或者點贊觸發的微動效,他們更多的是在于產品的功能上進一步加強或者提高產品的體驗度和情感化。
2、展示動效
這種動效其實和功能動效本質上有一些相似之處,他們都是比較依靠動效設計師,通過軟件直接輸出,不管是是GIF格式還是Json格式。
這種動效常見的有,例如直播產品中的火箭或者產品品牌形象的互動等等。
3、交互動效
交互動效是我準備和大家著重討論的動效類型。他和前兩者不同,他更偏向于整個產品使用的體驗,他需要設計師和開發一起協同完成。
這種動效基本包含了我們產品體驗中的一大部分,頁面與頁面之間的鏈接、組件間的轉換,以及用戶的操作反饋等等。
正如上面所說,即使是交互動效也會有不同的功能區分,那我們應該如何區分使用場景、以及如何針對性的去制作交互動效呢?