指向型動效的分類的分類有哪些?
指向型動效的分類的分類有哪些?設計師作為當下比較熱門的職業,對于各行各業來說,都是一個不可或缺的存在。設計師們將自己的思想轉化為現實,不斷的創新,來融合大眾的審美觀和消費觀。那么,今天和繪學霸小編一起了解下:指向型動效的分類的分類有哪些?
指向型動效的分類的分類有哪些?
1.滑動
信息列表會跟隨著用戶的交互手勢而動,然后卡片到相應的位置上,保持整齊感,它屬于指向型動畫,物體的滑動取決于用戶是用那種手勢滑動的。它的作用就是通過指向型轉場,有效幫助用戶清理頁面層級的排列情況。
2.擴大
頁面中的卡片會從縮略圖轉化為全屏視圖(一般這個卡片的中心點也會跟隨移動到屏幕的中央)。反向動效就是卡片從全屏視圖轉換為縮略圖。它的優點是能清楚的告訴用戶點擊的地方被放大了。
3.最小化
頁面元素點擊之后縮小,然后移動到屏幕上相應的位置,相反的動效就是擴大,從縮略圖重新變為全屏。這樣做的好處是能夠清楚的告訴用戶,最小化的元素可以在哪里被找到,如果沒有動效引導,可能用戶需要花時間去尋找。
4.切換對象
當前頁面移動到后面,新的頁面移動到前面,這樣能夠清楚解釋頁面之間是進行切換的,不會顯得轉換的太突兀和莫名其妙。
5.展開推疊
堆疊在一起的元素被展開。能夠清楚的告訴用戶每個元素的排列情況,從哪里來到哪里去,也顯得更加有趣。
6.翻頁
當用戶實施滑動手勢的時候,出現像現實生活中翻頁一般的效果。真正動效轉場也能夠清晰的展現列表層級的信息架構,并且模仿現實生活中的動效更加富有情感。
7.添加到列表
新的元素加入到原有的列表中,舊的元素被推開而不是替換,從而有現實中騰出位置的感覺,這種轉場效果能夠清楚的展現列表重新排列的過程,讓用戶知道新舊信息的位置,不會產生迷惑。
8.導航標簽轉換
根據內容的轉換,按鈕相應的在視覺上做出改變,而標題是隨著內容移動而改變的,這樣能夠清晰的展示標簽和內容之間的從屬關系,讓用戶能夠清晰理解頁面之間的架構。
9.融合
元素會根據用戶的點擊交互而分離或者是結合,用戶可以感受到元素與元素之間的關聯,比起直接切換,顯然用融合動畫更加有趣。
10.滾動
根據用戶的手勢進行滾動操作,非常使用與列表信息的查看。這個交互方式是我們用的最頻繁的,仙子我們也可以加入一些動效使這個交互更加的有趣和豐富。
11.平移
當一張圖片在我們有限的屏幕里沒有辦法看完的時候,會使用這樣的效果。除了放大效果,這樣的平移還可以加上動效配合一些功能使用。
12.保存指示器
用戶一旦進行保存、下載某個物體,物體會復制一份,同時縮小、移動到保存指示器中。這樣可以提示用戶下載或者是收藏的內容在哪里可以找到,能夠告訴用戶對象已經被添加。
那么,今天關于指向型動效的分類的分類有哪些?的分享就這些了。自我更新的過程需要打破常規、重塑自我,這里提到的重塑不是改變性格;這是一個投入實踐的過程,讓我們回首過去的自我,重新排列優先級,去探尋真正或新發現的興趣。
如果想學習了解UI設計更多干貨資訊,可以下載繪學霸App,海量視頻教學,一步一腳印,零基礎變大神,專業學習教程,業內優秀名師現場錄制1080P超高清畫質,你不會錯過任何一個細節處理。精選高品質課程只為你學得更好。每天都有海量的新課程視頻等你來學。

全部評論


暫無留言,趕緊搶占沙發
熱門資訊

學員采訪丨師兄師姐用行動告訴你思想決定高度!...

轉行學ui后悔了真的嗎?

【平面設計】菜單設計原來這么簡單!

adobe比較常用軟件有哪些啊?

設計師必備技能ps是什么意思?

從用戶的反饋找到設計靈感的方向

深圳職業設計培訓學校哪家比較好?

阿里云通過重塑200+款云產品,探索著計算世界的「虛與實」...

學設計和編程哪個比較好?
