“H5”，這個由HTML5簡化而來的詞彙，藉由微信這個移動社交平臺，正在走進更多人的視野。本文聚焦於基於微信傳播的H5頁面的動畫設計，希望與大家進行交流探討。
首先我們選擇H5頁面製作平臺，以“應用之星”平臺爲例。
第一步：進入網站，註冊登錄，點擊“應用製作”，進入製作頁面。
第二步：選擇“高級模式”，點“＋”創建應用，或者直接選擇模板使用。
第三步：進入H5界面製作，根據你的需求選擇控件使用。其中文本控件、圖片控件、按鈕控件、視頻控件、圖形控件、圖組控件、表單控件、地圖控件、撥號控件和投票控件都能設置動畫。
以“地圖控件”爲例來講如何設置動畫。
其中時間是指動畫持續播放的時間，比如你設置2秒，則播放2秒；
延遲是指動畫延遲播放的時間，比如你設置了延遲播放2秒，那麼打開這個頁面時，動畫在2秒後纔開始播放。注意一下先設置動畫時間，再設置動畫方式。
另外圖形控件和圖片控件，設置動畫時，若設置次數，則該動畫播放的次數；若勾選循環方式，則動畫效果無限循環，次數和循環只能選擇一個使用，不能同時使用。
第四步：當你一切製作好後，點擊“發佈”，進入預覽頁面，WEB二維碼即生成的H5頁面。在預覽頁面可以看看設置的動畫效果，如果效果不好，點擊“返回”修改；如果效果好的話，直接用微信二維碼掃描分享至朋友圈。
是不是很簡單？有需要的朋友可以試試！