手遊動效之美(一),手遊動之美

來源:互聯網
上載者:User

手遊動效之美(一),手遊動之美

        遊戲中的動感互動效果在遊戲中運用的越來越多,它好比繁星點綴夜空,給人以很舒服的感覺,動感的效果其實就是增加使用者對於流暢和生動有趣效果的感知。

1.空間轉換

空間轉換動效是被設計師所普遍重視的一種特效,它的作用也是引導使用者,讓使用者更好地能夠理解頁面跳轉,知道自己在終端的位置。所示一則動效就是一個漂亮的轉場動效,為了避免兩個頁面之間的跳轉過於生硬,利用動效填補上了頁面跳轉的中間過程,使得體驗更加流暢和自然。



2.類比慣性

現實中物體的運動是有慣性的,比如公交車突然刹車時乘客會突然往前一倒。仔細觀察下面動效,映像在變化的末端都會“超出”一點再立即“反彈”回來,如此的處理方法使得整個動效充滿活力,顯得真實生動,其實任何的效果都來源於生活,誰說不是呢!



3.勻速變速

一個優秀的動效肯定不會是勻速運動的,那樣會顯得死板,更會使人產生煩躁不安的情緒。仔細觀察現在機器人的動作,你就會有同感。要想讓一個映像運動的有活力,就需要對其運動的速度進行“設計”。仔細觀察2張圖所示動效,雖然介面中不同元素的運動速度不盡相同,但其運動均遵循一定的原則,其中之一就是均勻變速,切記急會生亂!就是說介面元素在運動時的初始速度要為0,以勻加速開始運動,而在運動結束階段往往是可以急停的。



做產品關注細節,希望與一同關注細節的產品同仁共勉!持續更新中!


聯繫我們

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

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

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.