APP中的動效可以劃分為兩類导盅,一類是轉(zhuǎn)場動效,應(yīng)用在頁面的切換揍瑟,加載等白翻,這類動效可以柔和頁面的過度效果,增加切換月培、加載嘁字、等待過程的趣味性。另一類是反饋提醒杉畜,通過界面內(nèi)元素的動效纪蜒,增強用戶的交互感知或引導用戶完成任務(wù)。
動效充滿了設(shè)計師體驗的想象此叠,作為一個設(shè)計師纯续,不管你的逼格下限在哪里,一個有趣有愛充滿個性的進度條都是你設(shè)計生涯中不能拒絕的愛灭袁。那么設(shè)計師什么時候需要做一個動效設(shè)計呢猬错?
1、等待都需要一個有意義的動效茸歧。面對等待倦炒,我們總是缺少耐心。充滿個性软瞎,有趣的動效可以讓用戶對你的設(shè)計對上一份喜愛:至少這個設(shè)計還不錯.
2逢唤、如果你希望用戶點擊這個地方拉讯,請給它一個動效.
3.如果你希望你的點擊效果不一樣,請給它一個動效.
下面則是一些常見的動效設(shè)計方法鳖藕,當我們在合適的條件下魔慷,自然要考慮從這些方法入手,為我們的設(shè)計增加一絲動感著恩。
一院尔、將元素替換為個性化內(nèi)容
傳統(tǒng)的等待或加載動畫人們已經(jīng)熟悉,想讓人眼前一亮喉誊,改頭換面是必須的邀摆。如谷歌用了自己的顏色,去哪兒用了自己的logo等裹驰,這些都是可以在個性化動效的同時凸顯產(chǎn)品品牌隧熙,不失為一個很好的選擇。
二幻林、更換產(chǎn)品的運動方式
除了旋轉(zhuǎn)運動之外,我們還可以運用重復(fù)音念,構(gòu)建沪饺,變形,擬物闷愤、人的動作(翻書)等整葡,只要是和產(chǎn)品定位相符的元素,我們都能給它創(chuàng)意一個獨特的運動方式讥脐。
三遭居、賦予組件明顯的交互反饋
冷冰冰的點擊和出現(xiàn)往往不能吸引用戶的注意力,所以旬渠,當我們需要加強某些元素來引導用戶的時候可以給這些元素加上適當?shù)某霈F(xiàn)效果俱萍,如漸隱漸顯,位移告丢,放大縮小枪蘑,光暈,分布等效果岖免,會起到很好的引導效果岳颇。
動效設(shè)計可以的精妙之處在于瞬間獲得的體驗,通過瞬間的可見變化豐富了人們在使用app時的感覺颅湘,不再陌生话侧,不再冰冷,不再無趣等等闯参。動效設(shè)計在賦予了元素動的同時瞻鹏,我認為還要符合人們的認知悲立,并不是所有的動都能讓人愉悅,既要滿足產(chǎn)品的需求乙漓,還要能匹配人們的當時的場景訴求级历。希望大家在今后的設(shè)計中都能有高水平的動效設(shè)計。
原文鏈接:艾藝信息