熱評 Wiley??續愛

說實話,動效雖好,但也得考慮老年用戶群體,太花哨反而容易看暈

大廠出品!10個值得學習的動效案例設計(二)

Hi~大家好,我是姝斐,今天繼續跟大家分享好設計!

在這個注意力稀缺的時代,動效在產品的運用可謂是遍地開花,

而且形式也越來越多樣,創意不斷,只為博得用戶一笑,

因為動態的東西確實更容易獲得人們的關注,下面我們就來分析這些動效的奧妙之處和可學習的點。

一、打破形式的創意動效

設計解析

優點:形式新穎,用這種野外孤島上配合各種不同的立體插畫,形態多樣,視覺也豐富。

二、金剛區圖標全面動態展示

設計解析

優點:金剛區的圖標基本實現了全面動態,引導性比較強,讓用戶每個都想點進去看看,適合運用于有強引導功能的入口。

三、光效運動在產品中的應用

設計解析

  1. 優點1:光效運動在支付寶中強調補貼的優惠,有驅使用戶下單的作用。
  2. 優點2:光效運動在美圖秀秀中增加了產品的質感,打破了頁面的沉悶。

四、擴散霓虹光效動畫在產品在的應用

設計解析

優點:擴散光暈色彩跟藍色彈窗接近,擴散光效更像是對彈框畫面的補充,讓彈窗畫面更豐富,空間感更強。

五、生活場景產品化的動效設計

設計解析

優點:美圖秀秀一寸照的制作,在等待的過程中將生活中打印機打印照片的場景搬到了線上,這種親切感和真實感劇增。

六、游戲感十足的動畫設計

設計解析

優點:人性與生俱來就愛游戲,這種游戲化的界面動畫設計,無形中增加了人們對產品的好感度。

七、表情包融入產品的動畫設計

設計解析

優點:界面中將動物設計成了一個圖標入口,并且還融入了動態表情的設計,這種鮮活感和創意運用的恰當好處。

八、帶有功能屬性的動畫設計

設計解析

  1. 優點1:這里動效更多的是對功能的形象表達,讓人清晰的知道美顏前后的一個差別。
  2. 優點2:簡單的線性圖標動效緩解了人們等待的焦慮感。

九、動態 IP 形象在產品中的運用

設計解析

  1. 優點1:蜜雪冰城的動態IP形象位于飲品劵處,具有強烈引導用戶下單購買的作用。
  2. 優點2:汽車之家的動態IP位于首頁左上角,且不斷向人揮手,增加了界面的友好度。

十、超有儀式感的祝福動畫

設計解析

  1. 優點1:設計特別新穎,吸引人眼球,讓人有分享欲。
  2. 優點2:畫面設計精致、溫馨,通過畫面都能感受到滿滿的愛。

總結

動效的應用確實很廣,每個細小的功能,都可以有它的用武之地,無論從情感表達,還是功能闡述,它都是非常高效的利器,希望我的解讀和分享對大家有幫助。

收藏 44
點贊 92

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。