基本上整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.界面的維度
B.界面與動(dòng)效的關(guān)系
C.動(dòng)效分類思路
2.交互行為
交互行為是指人機(jī)交互的方式,現(xiàn)在仍然多見于手勢交互砰逻,分為PC端和移動(dòng)端
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)在的積累往踢,能在不久的將來有作用