中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

動效設計是開發(fā)實現(xiàn)前的最重要的一步，但是重中之重還是設計的表達。怎樣把設計師的想法準確的表達出來、并且工程師能準確理解，最終快速實現(xiàn)效果，就是我們想要的結果。

做出好的動效需要設計師有好的想法，和工程師有一流的實現(xiàn)技術。其中最關鍵的是設計師如何準確的表達出設計想法和動效參數(shù)。

1、基本參數(shù)

動畫的基本屬性：

1. 描述動畫效果及動畫參數(shù)（時間，位移，縮放，透明度，旋轉）
2. 描述出不同情況下的動畫效果

時間參數(shù)表

（位移、縮放、透明度、旋轉等同理）

圖例展示了三種動畫的不同的動畫時長，和動畫出現(xiàn)的時間點，同理（位移，縮放，透明度，旋轉等同理）可同時出現(xiàn)。

2. 曲線

時間和位移的關系

曲線包括曲線形狀和坐標參數(shù)。

曲線是實現(xiàn)動效過程中的靈魂，不同的曲線能體現(xiàn)不同的物理。

運動節(jié)奏，也是提升用戶體驗的關鍵。

（ 圖例是不同類型的緩動函數(shù)的曲線）

如何精確的還原曲線

在開發(fā)實現(xiàn)中可以把貝塞爾曲線看做是位移曲線（位置和時間的關系）

上面這條曲線就是一條勻速的曲線，是指物體運動從開始到停止都是按照同一個速度移動。

大家都知道在移動端的各大ROM廠商或APP公司都在聲稱要做符合物理運動原理、符合用戶心理預期、還原生活場景、有情懷的、更加真實有效的動畫效果等等說法，把這些含蓄的說法轉化成開發(fā)語言就是繪制一條看著舒服的運動曲線。那么什么樣的曲線才是符合物理運動規(guī)律、真實有效的呢？

大家試想著從手里扔出去一塊石頭，扔出的一瞬間是不是有個加速的過程，即速度從0往上增長，然后越來越快，它要落下的時候速度開始減下來，最后落下速度為0。石頭運動的軌跡其實是一個完整的拋物線（即速度曲線）：

這條曲線是我們根據(jù)真實的生活場景推理出來的，具體參數(shù)是模糊的，但是我們從中學到了真實的物理運動規(guī)律：物體運動是從靜止加速到停止減速的一個過程。

平常工作中我們是通過在動畫制作軟件（如AE、Flash）中調節(jié)這條曲線最終得到我們看到的動畫效果：

怎么樣把這條位移曲線轉換成開發(fā)語言呢？獲得有效參數(shù)的方法是這樣的（以PS為例）：

在PS里新建一個1000*1000像素的畫板（為了好計算取整，只要是正方形就行），把動畫軟件里的曲線截圖導入到建好的PS畫板里，曲線的起點和終點分別與畫板的左下角和右上角對齊，這樣就在一個正方形內形成了一條位移曲線：

然后在繪圖軟件里臨摹出這條曲線，調節(jié)節(jié)點時的支點坐標就是開發(fā)需要的參數(shù)（以畫板左下角為原點（0,0），右上角為終點（1,1）。如上圖中黃色的點的坐標就是起點（0.26,0.05），終點（0.26,0.97）

這條曲線是一條最簡單的貝塞爾曲線，在繪圖軟件里通過調節(jié)起點和終點的節(jié)點就可以得到這條曲線，更復雜的貝塞爾曲線是由多個節(jié)點組成，那是更復雜的函數(shù)公式。

3. DEMO

直觀的展示動畫效果

1. 制作軟件不限
2. 輸出格式必須在電腦或者手機上播放，如 MOV，MP4，SWF等

綜合以上三點步驟，能讓設計師在和開發(fā)人員對接的時候更清晰的表達出設計的理念和參數(shù)，更精確更流暢的的實現(xiàn)動效。

作者：Jason-ren

來源：ME網(wǎng)易移動設計