專業(yè)免費(fèi)在線的h5動(dòng)畫制作軟件——H5動(dòng)畫師(H5Animator),它使用簡單,功能強(qiáng)大,可以在線編輯和關(guān)鍵幀設(shè)計(jì),快速制作h5酷炫效果,方便實(shí)用,小編曲這里帶來的是H5動(dòng)畫師(H5Animator)官網(wǎng)網(wǎng)頁客戶端,可以免費(fèi)用喲!
H5動(dòng)畫師(H5Animator)怎么用
使用方法
1、注冊(cè)與登錄
2、登錄后點(diǎn)擊"開始創(chuàng)作"新建H5, 可選擇新建空白頁面或復(fù)用示例模板
3、新建H5后進(jìn)入編輯頁面, 包含頁面列表,組件按鈕,可視化編輯區(qū)域,工作欄以及編輯面板
4、進(jìn)入編輯頁面后, 可新增頁面, 同時(shí)針對(duì)每個(gè)頁面可進(jìn)行設(shè)置, 包括對(duì)頁面背景(設(shè)置背景顏色, 上傳背景圖片, 設(shè)置圖片位置等)和播放的設(shè)置
5、組件元素包括文本,圖片,電話,表單,鏈接,圖形,視頻,地圖和分享, 點(diǎn)擊組件元素按鈕或者拖拽按鈕到舞臺(tái)即可新添元素
6、可針對(duì)每個(gè)元素設(shè)置動(dòng)畫, 設(shè)置成功后還可以預(yù)覽動(dòng)畫效果
7、可在頁面新添圖片和視頻元素, 點(diǎn)擊圖片/視頻組件按鈕, 或拖拽對(duì)應(yīng)按鈕到舞臺(tái)
8、上傳背景音樂和設(shè)置翻頁效果可在全局設(shè)置里設(shè)置, 同時(shí)還可以對(duì)描述信息以及屏幕尺寸進(jìn)行設(shè)置
9、當(dāng)制作完頁面后, 點(diǎn)擊保存, 可以進(jìn)行預(yù)覽或者發(fā)布到線上操作
H5動(dòng)畫師(H5Animator)使用技巧
1、提升下載速度
讓用戶盡快看到第一頁
減少第一頁的圖片數(shù)量、壓縮圖片大小: 第一頁圖片資源數(shù)量過多或者太大會(huì)延長下載時(shí)間, 尤其是在網(wǎng)絡(luò)環(huán)境差的時(shí)候, 因此盡量減少圖片數(shù)量、壓縮圖片大小有助于縮短用戶看到第一頁的時(shí)間
2、提高轉(zhuǎn)化率
表單盡量提前
表單的位置盡量放在前幾頁, 有助于用戶在最短時(shí)間內(nèi)看到
3、解決動(dòng)畫卡頓小技巧
設(shè)置關(guān)鍵幀動(dòng)畫時(shí), 如需要位置變化, 用變形中的 translate 代替位置中的 top/left
多個(gè)動(dòng)畫同時(shí)播放時(shí)開始時(shí)間可以錯(cuò)開幾毫秒
需要?jiǎng)赢嫷膱D片像素盡量不要太大: 圖片盡可能選擇實(shí)際像素即為所需展示空間的圖片, 即圖片不要留過多空白部分, 不但浪費(fèi)大小, 還影響性能。圖片像素大小最好限制在 640 * 960
H5動(dòng)畫師(H5Animator)功用特色
信息收集
多種表單樣式,滿足各種需求,收集潛在客戶信息,讓傳播更高效
強(qiáng)大交互
支持關(guān)鍵幀、可視化設(shè)計(jì),多種動(dòng)畫互動(dòng)效果,輕松創(chuàng)建專屬H5
免費(fèi)試用
注冊(cè)零成本,頭條賬戶一鍵登錄,提供終身免費(fèi)服務(wù)
社交分享
天然的與社交分享無縫集成,掃一掃,輕松分享到多個(gè)社交軟件
- PC官方版
- 安卓官方手機(jī)版
- IOS官方手機(jī)版