聊聊未來設計趨勢的APP UI動效

來源:互聯網
上載者:User

   善心悅目的動效已然成為一個App的必備,作為設計師自然要跟隨趨勢學習。APP中的動效可以劃分為兩類,一類是轉場動效,應用在頁面的切換,載入等,這類動效可以柔和頁面的過度效果,增加切換、載入、等待過程的趣味性。另一類是反饋提醒,通過介面內元素的動效,增強使用者的互動感知或引導使用者完成任務。

  動效充滿了設計師體驗的想象,作為一個設計師,不管你的逼格下限在哪裡,一個有趣有愛充滿個性的進度條都是你設計生涯中不能拒絕的愛。那麼設計師什麼時候需要做一個動效設計呢?

  1、等待都需要一個有意義的動效。面對等待,我們總是缺少耐心。充滿個性,有趣的動效可以讓使用者對你的設計對上一份喜愛:至少這個設計還不錯。

  2、如果你希望使用者點擊這個地方,請給它一個動效。

  3、如果你希望你的點擊效果不一樣,請給它一個動效。

  下面則是一些常見的動效設計方法,當我們在合適的條件下,自然要考慮從這些方法入手,為我們的設計增加一絲動感。

  一、將元素替換為個人化內容

  傳統的等待或載入動畫人們已經熟悉,想讓人眼前一亮,改頭換面是必須的。如Google用了自己的顏色,去哪兒用了自己的logo等,這些都是可以在個人化動效的同時凸顯產品品牌,不失為一個很好的選擇。

  二、更換產品的運動方式

  除了旋轉運動之外,我們還可以運用重複,構建,變形,擬物、人的動作(翻書)等,只要是和產品定位相符的元素,我們都能給它創意一個獨特的運動方式。

  重複運動

  構建

  三、賦予組件明顯的互動反饋

  冷冰冰的點擊和出現往往不能吸引使用者的注意力,所以,當我們需要加強某些元素來引導使用者的時候可以給這些元素加上適當的出現效果,如漸隱漸顯,位移,放大縮小,光暈,分布等效果,會起到很好的引導效果。

  動效設計可以的精妙之處在於瞬間獲得的體驗,通過瞬間的可見變化豐富了人們在使用app時的感覺,不再陌生,不再冰冷,不再無趣等等。動效設計在賦予了元素動的同時,我認為還要符合人們的認知,並不是所有的動都能讓人愉悅,既要滿足產品的需求,還要能匹配人們的當時的情境訴求。希望大家在今後的設計中都能有高水平的動效設計。

相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。