UI設計師一定要知道的基本動效有哪些？UI設計師擅長分析和理解用戶的需求，讓信息的架構更加合理。盡可能簡化使用難度，同時找出用戶使用產品時哪里會遇到問題。那么，今天和繪學霸小編一起了解下：UI設計師一定要知道的基本動效有哪些？

UI設計師一定要知道的基本動效有哪些？

　　1.滑動

　　信息列表會跟隨著用戶的交互手勢而動，然后卡片到相應的位置上，保持整齊感，它屬于指向型動畫，物體的滑動取決于用戶是用那種手勢滑動的。它的作用就是通過指向型轉場，有效幫助用戶清理頁面層級的排列情況。

　　2.擴大

　　頁面中的卡片會從縮略圖轉化為全屏視圖(一般這個卡片的中心點也會跟隨移動到屏幕的中央)。反向動效就是卡片從全屏視圖轉換為縮略圖。它的優點是能清楚的告訴用戶點擊的地方被放大了。

　　3.最小化

　　頁面元素點擊之后縮小，然后移動到屏幕上相應的位置，相反的動效就是擴大，從縮略圖重新變為全屏。這樣做的好處是能夠清楚的告訴用戶，最小化的元素可以在哪里被找到，如果沒有動效引導，可能用戶需要花時間去尋找。

　　4.切換對象

　　當前頁面移動到后面，新的頁面移動到前面，這樣能夠清楚解釋頁面之間是進行切換的，不會顯得轉換的太突兀和莫名其妙。

　　5.展開推疊

　　堆疊在一起的元素被展開。能夠清楚的告訴用戶每個元素的排列情況，從哪里來到哪里去，也顯得更加有趣。

　　6.翻頁

　　當用戶實施滑動手勢的時候，出現像現實生活中翻頁一般的效果。真正動效轉場也能夠清晰的展現列表層級的信息架構，并且模仿現實生活中的動效更加富有情感。

　　7.添加到列表

　　新的元素加入到原有的列表中，舊的元素被推開而不是替換，從而有現實中騰出位置的感覺，這種轉場效果能夠清楚的展現列表重新排列的過程，讓用戶知道新舊信息的位置，不會產生迷惑。

　　8.導航標簽轉換

　　根據內容的轉換，按鈕相應的在視覺上做出改變，而標題是隨著內容移動而改變的，這樣能夠清晰的展示標簽和內容之間的從屬關系，讓用戶能夠清晰理解頁面之間的架構。

　　9.融合

　　元素會根據用戶的點擊交互而分離或者是結合，用戶可以感受到元素與元素之間的關聯，比起直接切換，顯然用融合動畫更加有趣。

　　10.滾動

　　根據用戶的手勢進行滾動操作，非常使用與列表信息的查看。這個交互方式是我們用的最頻繁的，仙子我們也可以加入一些動效使這個交互更加的有趣和豐富。

　　11.平移

　　當一張圖片在我們有限的屏幕里沒有辦法看完的時候，會使用這樣的效果。除了放大效果，這樣的平移還可以加上動效配合一些功能使用。

　　12.保存指示器

　　用戶一旦進行保存、下載某個物體，物體會復制一份，同時縮小、移動到保存指示器中。這樣可以提示用戶下載或者是收藏的內容在哪里可以找到，能夠告訴用戶對象已經被添加。

　　繪學霸除了課程內容全面，還有著豐富的實訓項目內容，讓你能夠接觸到行業前沿的影視素材，在學習中累積一定的工作經驗，讓你就業后就能夠直接參加項目，告別剛入行時的迷茫期，所以如果你有這強烈的就業意愿，繪學霸是個很不錯的選擇。

　　那本期關于UI設計師一定要知道的基本動效有哪些？的分享就到這里結束了，也歡迎喜歡UI設計的小伙伴，關注我們的官網繪學霸，經常分享各類教程、資源、經驗，助你開啟UI設計提升之門。