亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

工作中，你可能經(jīng)常會(huì)遇到以下場(chǎng)景：
場(chǎng)景一：
設(shè)計(jì)：這是動(dòng)畫的demo和參數(shù)標(biāo)注圖，你看一下。
開發(fā)：好的沒問題。
一段時(shí)間后……
開發(fā)：動(dòng)畫效果實(shí)現(xiàn)出來了，你走查一下。
設(shè)計(jì)：這里速率不對(duì)，這里彈出的效果有點(diǎn)生硬，這里……

場(chǎng)景二：
設(shè)計(jì)：這里的頁面轉(zhuǎn)場(chǎng)需要一個(gè)動(dòng)畫，這是demo。
產(chǎn)品：?。‘?dāng)時(shí)提需求單的時(shí)候沒說這里要加動(dòng)畫，我給開發(fā)評(píng)估一下吧！
產(chǎn)品：開發(fā)評(píng)估這個(gè)動(dòng)畫需要2天的工作量，這個(gè)版本來不及，要不放到下個(gè)版本再優(yōu)化吧！
設(shè)計(jì)：怎么又是這樣，好（qu)吧(shi)!
然后下個(gè)版本就不了了之了……

總結(jié)以上場(chǎng)景，在動(dòng)畫的開發(fā)過程中無非就是兩個(gè)問題：
1、動(dòng)畫的開發(fā)成本比較高，需要反復(fù)調(diào)試；
如果是處女座的設(shè)計(jì)師，還會(huì)坐在開發(fā)同學(xué)旁邊“折磨”開發(fā)同學(xué)一起調(diào)細(xì)節(jié)。

2、版本迭代周期緊，動(dòng)畫一般會(huì)被簡(jiǎn)化或砍掉；
動(dòng)畫相對(duì)于基礎(chǔ)功能，只是錦上添花的效果，優(yōu)先級(jí)比較低。

作為一個(gè)互聯(lián)網(wǎng)從業(yè)人員，不管是產(chǎn)品，設(shè)計(jì)，開發(fā)還是測(cè)試，都有一個(gè)總的產(chǎn)品業(yè)務(wù)目標(biāo)。大家最終的目的就是把產(chǎn)品做好，然后發(fā)家致富。對(duì)于偏離總目標(biāo)的需求或者設(shè)計(jì)，砍砍砍！

那么，站在產(chǎn)品的業(yè)務(wù)目標(biāo)來看（例如：提升活躍，增加營(yíng)收），功能玩法的設(shè)計(jì)，上線后呈現(xiàn)出來的數(shù)據(jù)效果比較直觀（例如：留存率新增36%）。而動(dòng)畫設(shè)計(jì)的驗(yàn)收，很難有一個(gè)量化的標(biāo)準(zhǔn)。因此，為了減少開發(fā)成本，對(duì)于一些非核心路徑的動(dòng)畫，一般能免則免。

為什么動(dòng)畫的開發(fā)成本高，優(yōu)先級(jí)低，還是有很多app愿意投入大把時(shí)間來做動(dòng)畫？
動(dòng)畫可以幫我們提升UX（用戶體驗(yàn)），使UI界面顯得更加一致和真實(shí)，并給整個(gè)產(chǎn)品帶來創(chuàng)新的感覺。

動(dòng)畫有三個(gè)重要特性：

1、功能性Functional；

    • 優(yōu)化用戶對(duì)界面的感知，使其感到更輕快更全面。
    • 引起用戶的注意。
    • 提供（用戶操作后的）視覺（功能）反饋，并為下一步的跳轉(zhuǎn)做準(zhǔn)備。

2、物理性Material；

    • 在一致的動(dòng)畫原則和物理的（符合物理定律的）UI模型基礎(chǔ)上構(gòu)建動(dòng)畫。
    • 定義屏幕和UI元件之間的空間相對(duì)關(guān)系，他們的相對(duì)高度，權(quán)重以及速度。

3、趣味性Delightful

    • 在上面兩個(gè)部分都滿足的情況下，加入一些有趣的動(dòng)畫。
    • 使它感覺獨(dú)特，能在諸多動(dòng)畫中能讓人眼前一亮。
    • 娛樂用戶，并讓他們一想到動(dòng)畫就能想到該產(chǎn)品或者反之。

這時(shí)候，如果有人再質(zhì)疑為什么要做這個(gè)動(dòng)畫，你就根據(jù)自己所做的動(dòng)畫屬性，把上面的答案甩到他臉上。

好了，言歸正傳。相信很多設(shè)計(jì)師都喜歡做天馬星空的概念demo，可以無拘束的表達(dá)自己的想法，但一涉及到落地實(shí)現(xiàn)，各種問題就出來了。

接下來就帶你來解決動(dòng)畫還原的問題，只需簡(jiǎn)單的2步，即可告別繁瑣的動(dòng)畫標(biāo)注和還原問題。

步驟一：
安裝AE軟件＋bodymovin插件

準(zhǔn)備工具：
軟件：Adobe After Effects(版本到CC 2014以上即可)
AE插件：Bodymovin（附件下載）

Mac用戶：
1、打開安裝器ZXP Installer，拖動(dòng)bodymovin.zxp到安裝器上；
2、安裝過程中會(huì)先看到updating,耐心等待一分鐘左右，看到The extension was successfully installed!則表示插件安裝成功了。（如下圖）

Windows用戶：
1、把bodymovin.zxp的文件拷貝到ExManCmd_win的文件夾里；
2、在ExManCmd_win的文件夾里打開CMD（使用win+r組合鍵，彈出“運(yùn)行”窗口，輸入CMD，即可打開命令提示符）。然后在窗口輸入ExManCmd.exe /install bodymovin.zxp 回車，耐心等待一分鐘左右，即可（如下圖）

步驟二：
如何導(dǎo)出json動(dòng)畫文件

1、安裝成功后打開AE，設(shè)置在首選項(xiàng) ->常規(guī) ，將允許腳本寫入文件和訪問網(wǎng)絡(luò)選項(xiàng)勾選上。否則后面導(dǎo)出時(shí)會(huì)報(bào)錯(cuò)。設(shè)置頁面見下圖：

2、狀態(tài)欄上選擇窗口 -> 擴(kuò)展 -> Bodymovin，選擇好合成和保存路徑后，點(diǎn)擊Render就能導(dǎo)出json了，再把json交給客戶端工程師就能生成動(dòng)畫。

在導(dǎo)出json文件時(shí)，可以點(diǎn)擊設(shè)置圖標(biāo)，選擇其他幾種不同的方案
1、為動(dòng)畫分解成多個(gè)文件
2、將字體轉(zhuǎn)換成圖形形狀
3、隱藏，檢查導(dǎo)出時(shí)需要隱藏的圖層
4、向?qū)В瑱z查導(dǎo)出時(shí)需要導(dǎo)出的向?qū)?br>5、額外補(bǔ)間，檢查表達(dá)式是否指向所有補(bǔ)間動(dòng)畫
6、原始名稱，輸出原始項(xiàng)目名稱
7、將動(dòng)畫和播放器合并到一個(gè)單獨(dú)文件
8、Demo 導(dǎo)出一個(gè)本地可以查看的html演示文件

一般默認(rèn)會(huì)選擇2，建議導(dǎo)出的時(shí)候同時(shí)選擇8，這樣導(dǎo)出的html可以在瀏覽器中查看動(dòng)畫效果（以防導(dǎo)出的文件動(dòng)畫缺失）

關(guān)于AE導(dǎo)出json動(dòng)畫的幾個(gè)疑問：

1、json動(dòng)畫的優(yōu)缺點(diǎn)有哪些？
優(yōu)點(diǎn)：
1、開發(fā)成本低，動(dòng)畫的還原度高。設(shè)計(jì)師導(dǎo)出 json 文件后，扔給開發(fā)同學(xué)即可。原本要1天甚至更久的動(dòng)畫實(shí)現(xiàn)，現(xiàn)在只要不到一小時(shí)甚至更少時(shí)間了。
2、支持服務(wù)端 URL 方式創(chuàng)建。所以可以通過服務(wù)端配置 json 文件，隨時(shí)替換客戶端的動(dòng)畫，不用通過發(fā)版本就可以做到了。比如 app 啟動(dòng)動(dòng)畫可以根據(jù)活動(dòng)需要進(jìn)行變換了。
3、性能提高，可以替代原來需要使用幀圖完成的動(dòng)畫。節(jié)省了客戶端的空間和加載的內(nèi)存。
4、跨平臺(tái)，iOS、安卓平臺(tái)可以使用一套文件。省時(shí)省力，動(dòng)畫一致。不用設(shè)計(jì)師跑去兩邊去跟著微調(diào)確認(rèn)了。
5、支持轉(zhuǎn)場(chǎng)動(dòng)畫。 PresentViewController／DismissViewController 時(shí)可以做轉(zhuǎn)場(chǎng)效果。
不足：
1、對(duì)一些AE的屬性支持不夠完全（例如：表達(dá)式，中繼器）
詳情見官網(wǎng)：https://github.com/airbnb/lottie-ios。
2、對(duì)系統(tǒng)平臺(tái)版本限制，如 iOS8 及以上，安卓 API14 及以上。
3、對(duì)可交互的動(dòng)畫暫時(shí)還不行，主要是以播放類型動(dòng)畫。

2、AE動(dòng)畫導(dǎo)出json文件時(shí)，需要注意些什么？
答：做動(dòng)畫時(shí)，圖片和圖層最好用英文命名，不然導(dǎo)出的json文件有些地方會(huì)亂碼。

3、json動(dòng)畫的適用范圍有哪些？
答：json適用于小范圍的動(dòng)畫（如下圖），頁面過渡跳轉(zhuǎn)，彈窗動(dòng)畫建議參考facebook 官方開源動(dòng)畫 origami（支持導(dǎo)出代碼，開發(fā)可以直接用），網(wǎng)上有教程，感興趣的同學(xué)可以自行學(xué)習(xí)。官網(wǎng)：http://origami.design/

4、Lottie是什么，開發(fā)不會(huì)用Lottie怎么辦？
答：Lottie是一個(gè)可以解析使用【bodymovin】插件從 Adobe After Effects 中導(dǎo)出的格式為 json 的文件，并在 iOS、Android、macOS、React Native 中進(jìn)行解析使用的開源庫。這個(gè)庫由 Airbnb 開發(fā)并在2017年2月份左右開源的。不會(huì)用還能怎們辦，一個(gè)字：學(xué)！

5、導(dǎo)出的面板看不到合成項(xiàng)目？

答：動(dòng)畫文件需要合并成一個(gè)預(yù)合成才會(huì)出現(xiàn)在面板里。

以上是樓主結(jié)合項(xiàng)目總結(jié)的一些經(jīng)驗(yàn)，各位小伙伴在使用過程中，如有疑問，歡迎留言評(píng)論～