為功能而動效的APP UI設(shè)計

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è)計。

原文鏈接:艾藝信息

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末叭披,一起剝皮案震驚了整個濱河市寥殖,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌涩蜘,老刑警劉巖嚼贡,帶你破解...
    沈念sama閱讀 211,290評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異同诫,居然都是意外死亡粤策,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,107評論 2 385
  • 文/潘曉璐 我一進店門误窖,熙熙樓的掌柜王于貴愁眉苦臉地迎上來叮盘,“玉大人,你說我怎么就攤上這事霹俺∪岷穑” “怎么了?”我有些...
    開封第一講書人閱讀 156,872評論 0 347
  • 文/不壞的土叔 我叫張陵丙唧,是天一觀的道長愈魏。 經(jīng)常有香客問我,道長想际,這世上最難降的妖魔是什么培漏? 我笑而不...
    開封第一講書人閱讀 56,415評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮胡本,結(jié)果婚禮上牌柄,老公的妹妹穿的比我還像新娘。我一直安慰自己打瘪,他們只是感情好友鼻,可當我...
    茶點故事閱讀 65,453評論 6 385
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著闺骚,像睡著了一般彩扔。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上僻爽,一...
    開封第一講書人閱讀 49,784評論 1 290
  • 那天虫碉,我揣著相機與錄音,去河邊找鬼胸梆。 笑死敦捧,一個胖子當著我的面吹牛须板,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播兢卵,決...
    沈念sama閱讀 38,927評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼习瑰,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了秽荤?” 一聲冷哼從身側(cè)響起甜奄,我...
    開封第一講書人閱讀 37,691評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎窃款,沒想到半個月后课兄,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,137評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡晨继,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,472評論 2 326
  • 正文 我和宋清朗相戀三年烟阐,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片紊扬。...
    茶點故事閱讀 38,622評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡蜒茄,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出餐屎,到底是詐尸還是另有隱情扩淀,我是刑警寧澤,帶...
    沈念sama閱讀 34,289評論 4 329
  • 正文 年R本政府宣布啤挎,位于F島的核電站,受9級特大地震影響卵凑,放射性物質(zhì)發(fā)生泄漏庆聘。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,887評論 3 312
  • 文/蒙蒙 一勺卢、第九天 我趴在偏房一處隱蔽的房頂上張望伙判。 院中可真熱鬧,春花似錦黑忱、人聲如沸宴抚。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽菇曲。三九已至,卻和暖如春抚吠,著一層夾襖步出監(jiān)牢的瞬間常潮,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評論 1 265
  • 我被黑心中介騙來泰國打工楷力, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留喊式,地道東北人孵户。 一個月前我還...
    沈念sama閱讀 46,316評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像岔留,于是被迫代替她去往敵國和親夏哭。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,490評論 2 348

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,756評論 25 707
  • 迷于設(shè)計献联,沉于動效竖配。由于筆者對動效交互很感興趣,遂著此文酱固。希望能對大家有一點幫助械念。動圖較多,建議 Wifi 下瀏覽...
    求愚閱讀 3,463評論 0 29
  • 站在此處的時候运悲,我想起了在上海的時候龄减,那時屋前也有一棵紅楓,也是在這個時候班眯,滿樹的楓葉希停,紅極了,甚是好看署隘,我當時還...
    十年落魄閱讀 185評論 0 0
  • 1.電子商務(wù)改變供給與需求的部分: ①電子商務(wù)的出現(xiàn)產(chǎn)生了網(wǎng)上供給平臺宠能,人們可以通過互聯(lián)網(wǎng)更快更方便的進行消費。②...
    a93d7dcda8b1閱讀 234評論 2 1