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