隨着5G時代的到來，手機硬件性能大幅度提升，現在我們可以看到國內外很多APP開始出現多元動效和3D場景應用，通過這種方式構建豐富多樣化的用戶場景體驗，打造差異化競爭優勢。除了在移動端應用多以外，微動效應用在其他端也比較多，比如智能電視終端，手錶端，甚至車載HMI設計，都出現很多細微的動效場景。最近，我大量體驗了一些優秀的APP，發現一些有趣的創意微動效設計思路，下面我們來一起看看。01
開機動效
開機動效大家並不陌生，畢竟手機應用出現這麼久，也見過很多，但是做得有趣味性，有記憶點的還真不多。Netflix的開機動效除了LOGO以線性動畫方式出場，還伴隨着音效，讓人印象深刻。
NAVER旗下的產品JUNIVER TV，一款小孩子玩耍學習的應用。開機動效，同樣帶有音效，通過萌萌的IP動畫引入，一開場就吸引住使用該產品的小朋友們。02
BANNER動效
BANNER在產品中是非常重要的黃金位置，通過動效可以增加曝光率，實現商業上一些轉化，當然也是作為一種主推的手段，比如最近想推一些新的內容，這時候除了原來的BANNER設計一張圖以外，現在還增加了動效。
WEBTOON KR ，一定時間內BANNER自動出現錯層動效，繼續顯示下一頁內容。這種實現上來說只需要2層即可，對硬件性能要求不大。
2、Series
Series的動效與前面WEBTOON KR有所不同，必須手動滑動BANNER，才會出現banner內部圖片微微放大的效果。
03
光感動效
光感動效記憶性強，讓我印象深刻是蘋果siri的語音動效出現後，緊跟其步伐的一些APP中，也出現了類似的光感動效。光本身具有神秘、生命力、能量，變化莫測的寓意，所以一般情況下，在語音場景居多。Melon音樂應用，當用戶選擇幾首音樂融合的時候，點擊確認時，會出現光感動效。NAVER語音動效，通過雙色光感漸變形成。
04
圖標動效
圖標動效目前很多產品都在應用，也在探索不同的形式，目的都是讓用戶在使用產品的時候產生內心的愉悅感和趣味性。現在單靠圖標動效已經不能滿足更多需求了，有些產品開始出現一些微微擬真的圖標動效，模擬現實世界中人們的真實感受。Spotify點讚圖標，當點擊收藏時候圖標周邊有小桃心出現，當你取消點讚後，圖標會立馬左右搖動，有點擬真的感覺，說直白一些就是告訴用戶不要取消點讚。
Vibe音樂應用，當用戶點擊點讚圖標時候，整個畫面出現光速滑過，當取消點讚時候也同樣會出現光速滑過。雖然動效誇張了一些，但是第一時間感受還挺新奇的。
Juniver TV在應用中加載圖標和應用圖標動效都十分有趣味性，本身就是一個小朋友使用的APP，通過動效增加這個產品趣味性和吸引力。
05
滾動視差動效
最近幾年，一些娛樂類應用添加了整個頁面滾動視差效果。這種會稍微消耗新性能，當然對運營要求高，幾乎首頁都需要設計師去提前做好資源設計配置。
總之，東西在當今產品中越來越頻繁的出現，傳統互聯網發展至今已經非常成熟了，所以交互形式不會有太大的改變，那麼如何才能增加產品的競爭力，讓你用戶對產品產生更多好感，動效也是其中一個發力點。就如我開篇就說到了，現在不僅僅只是傳統互聯網在應用，目前新能源汽車HMI設計上也是出現動效，最為明顯的就是語音交互動效，圖標動效。互動時刻：你曾經玩過的APP或者智能產品，有什麼好的微動效讓你記憶深刻，歡迎在留言區推薦一下。挑戰日更100天，目前已完成3篇
推薦閱讀
>>第四期UIUX設計營報名中，隨到隨學>>
留言列表