讀書筆記_動(dòng)效淺析

基本上整8月的夜讀時(shí)間都給了以前收集的動(dòng)效文章哑舒,讀完后發(fā)現(xiàn)文章質(zhì)量良莠不齊,干貨文有幾篇幻馁,空話文也不少洗鸵。趁今天有空,把筆記理了理發(fā)出來仗嗦。

在閱讀過程中膘滨,有一個(gè)思路是這樣寫的,所有的交互都是通過『交互對(duì)象_交互行為_交互反饋』呈現(xiàn)出來的稀拐。在這個(gè)基礎(chǔ)上火邓,我又?jǐn)U展和修改成了

『動(dòng)效原理_交互行為_交互反饋_交互細(xì)節(jié)_交互作用_動(dòng)效評(píng)定』

作為這段時(shí)間學(xué)習(xí)動(dòng)效的一個(gè)思路。

實(shí)踐操作德撬,就是要先看步驟铲咨,再看細(xì)節(jié)


1.動(dòng)效概念

動(dòng)效原理是指導(dǎo)動(dòng)效設(shè)計(jì)的一些原則

界面通過動(dòng)效清晰的展現(xiàn)頁面邏輯

A.界面的維度


界面的維度 思路來源于網(wǎng)絡(luò)

B.界面與動(dòng)效的關(guān)系

界面與動(dòng)效關(guān)系 思路來源于網(wǎng)絡(luò)

C.動(dòng)效分類思路

動(dòng)效分類思路_從功能上來說 ?思路來源于網(wǎng)絡(luò)


動(dòng)效分類思路_從類別上來說 思路來源于網(wǎng)路

2.交互行為

交互行為是指人機(jī)交互的方式,現(xiàn)在仍然多見于手勢交互砰逻,分為PC端和移動(dòng)端

圖片來源 http://www.uisdc.com/v8-project-summary-animation

3.交互反饋

動(dòng)效都是模擬現(xiàn)實(shí)產(chǎn)生的

交互反饋是指在發(fā)生交互行為后符合心里預(yù)期的響應(yīng)方式鸣驱,比如向上運(yùn)動(dòng)、擴(kuò)展運(yùn)動(dòng)等

動(dòng)效類型?該鏈接包含各種動(dòng)效基礎(chǔ)類型 ?能在前期構(gòu)建動(dòng)效時(shí)起到一定作用 ?

4.細(xì)節(jié)特征

a.動(dòng)效需要?jiǎng)泳€安排:

要保證有層次和邏輯順序

b.影響動(dòng)效體驗(yàn)因素:

持續(xù)時(shí)間蝠咆、幅度(位移踊东、大小)刚操、節(jié)奏闸翅、屬性(色彩、透明度)等

c.動(dòng)效原則:

c1.越符合日常的動(dòng)效菊霜,越容易忽略坚冀;越不符合日常、日常后的添加動(dòng)作鉴逞、移動(dòng)的控件记某,都容易被關(guān)注

c2.反彈頻次和靜止速度都和物體質(zhì)量有關(guān)【體現(xiàn)重力和慣性】

c3.炫酷動(dòng)畫是靠碎片化運(yùn)動(dòng)構(gòu)成的司训,通過時(shí)差和變速實(shí)現(xiàn)

c4.在有Z坐標(biāo)的情況下,越靠近動(dòng)效越快液南,反之

c5.緩動(dòng)

5.交互作用

A.得到有用信息

a1.吸引用戶壳猜,看他看過來

a2.表達(dá)層級(jí),能讓人知道我在哪滑凉,要去哪统扳;邏輯清晰,界面有生命畅姊;簡化信息展示咒钟,降低操作難度

a3.描述狀態(tài):

引導(dǎo):通過動(dòng)效暗示控件方向和位置

過渡:使兩個(gè)沒有關(guān)聯(lián)的控件通過動(dòng)效連接起來

反饋:了解正在經(jīng)歷的狀態(tài)

B.有趣:能增強(qiáng)記憶,愉悅用戶若未、讓人驚喜

6.交互評(píng)定

1.基礎(chǔ)動(dòng)效越簡單越短越好

2.組合動(dòng)效不要一次太多朱嘴,少即是多

3.動(dòng)效設(shè)置要明確、簡單陨瘩、清晰腕够;不唐突出現(xiàn)、不讓人困惑舌劳、不干擾操作

4.動(dòng)效路徑不要交錯(cuò)帚湘,方向不要過多

5.動(dòng)效速度要快,不超過1s

6.動(dòng)效操作要好用

7.動(dòng)效反饋要自然甚淡,符合用戶心理模型

8.不卡不閃不跳

9.『1+2+6原則』:1個(gè)好閃屏+2個(gè)招牌動(dòng)效+6個(gè)coach marks

10.元素進(jìn)入界面時(shí)大诸,使用『緩入』;元素離開界面時(shí)贯卦,使用『緩出』

11.動(dòng)效本身起到的作用象限劃分

7.動(dòng)效制作流程

1.靜態(tài)稿:梳理好元素間的前后關(guān)系

2.邏輯整理:梳理清楚動(dòng)畫的出現(xiàn)次序资柔,估算制作成本(包括所需插件和難點(diǎn))

3.軟件實(shí)現(xiàn)

4.體驗(yàn)優(yōu)化:對(duì)調(diào)整好的大致參數(shù)進(jìn)行微調(diào)较性,使界面層次更清晰

5.發(fā)布


又記:

總的來說仅炊,磕磕絆絆把第一期收集的動(dòng)效文章都讀了一遍;其實(shí)還是有很多不懂的地方铆帽,我還是力圖使自己寫的東西通俗易懂啡彬,可操作性強(qiáng)羹与,對(duì)未來自己做動(dòng)效有一定的指導(dǎo)意義。學(xué)習(xí)路漫漫庶灿,現(xiàn)在自己摸索纵搁,沒有什么被反饋的機(jī)會(huì),希望現(xiàn)在的積累往踢,能在不久的將來有作用

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末腾誉,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌利职,老刑警劉巖趣效,帶你破解...
    沈念sama閱讀 216,591評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異猪贪,居然都是意外死亡英支,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,448評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門哮伟,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人妄帘,你說我怎么就攤上這事楞黄。” “怎么了抡驼?”我有些...
    開封第一講書人閱讀 162,823評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵鬼廓,是天一觀的道長。 經(jīng)常有香客問我致盟,道長碎税,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,204評(píng)論 1 292
  • 正文 為了忘掉前任馏锡,我火速辦了婚禮雷蹂,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘杯道。我一直安慰自己匪煌,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,228評(píng)論 6 388
  • 文/花漫 我一把揭開白布党巾。 她就那樣靜靜地躺著萎庭,像睡著了一般。 火紅的嫁衣襯著肌膚如雪齿拂。 梳的紋絲不亂的頭發(fā)上驳规,一...
    開封第一講書人閱讀 51,190評(píng)論 1 299
  • 那天,我揣著相機(jī)與錄音署海,去河邊找鬼吗购。 笑死,一個(gè)胖子當(dāng)著我的面吹牛叹侄,可吹牛的內(nèi)容都是我干的巩搏。 我是一名探鬼主播,決...
    沈念sama閱讀 40,078評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼趾代,長吁一口氣:“原來是場噩夢啊……” “哼贯底!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,923評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤禽捆,失蹤者是張志新(化名)和其女友劉穎笙什,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體胚想,經(jīng)...
    沈念sama閱讀 45,334評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡琐凭,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,550評(píng)論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了浊服。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片统屈。...
    茶點(diǎn)故事閱讀 39,727評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖牙躺,靈堂內(nèi)的尸體忽然破棺而出愁憔,到底是詐尸還是另有隱情,我是刑警寧澤孽拷,帶...
    沈念sama閱讀 35,428評(píng)論 5 343
  • 正文 年R本政府宣布吨掌,位于F島的核電站,受9級(jí)特大地震影響脓恕,放射性物質(zhì)發(fā)生泄漏膜宋。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,022評(píng)論 3 326
  • 文/蒙蒙 一炼幔、第九天 我趴在偏房一處隱蔽的房頂上張望秋茫。 院中可真熱鬧,春花似錦乃秀、人聲如沸学辱。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,672評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽策泣。三九已至,卻和暖如春抬吟,著一層夾襖步出監(jiān)牢的瞬間萨咕,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,826評(píng)論 1 269
  • 我被黑心中介騙來泰國打工火本, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留危队,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,734評(píng)論 2 368
  • 正文 我出身青樓钙畔,卻偏偏與公主長得像茫陆,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子擎析,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,619評(píng)論 2 354

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