H5,即HTML5的簡稱,集合了文字、圖片、音視頻及動态效果交互展示等元素的展現形式,功能強大,操作靈活,易上手(運營狗都會用)。同時後台附帶了數據統計及分析,數據表單等功能。因此具有靈活性高,開發成本低,制作周期短的特性,成為現階段企業宣傳,活動推廣,招聘,會展邀請等場景的高頻應用。
那麼,如何做一個H5?需要哪幾步操作?我們來一起分享。(僅個人工作習慣和經驗)
①根據要求整理思路
首先要弄清楚要做的内容和應用的場景。如招聘,邀請函,活動推廣,企業展示宣傳···
估算總頁數。
萬事開頭難,有了思路後面都好操作。
②列出每一個頁面的内容框架
建議搭配Word或Axure(專業)使用
③根據内容尋找和制作素材,分别建立頁面文件夾index
這個時候,昵圖網、千圖網、Pinterest···都可以上,當然還有度娘
④處理素材
必要素材生成.png和.gif格式圖片,圖片尺寸不超過640*X
借助美圖秀秀,Photoshop
⑤按照頁面框架結構操作
先做靜态内容;
後添加動态效果.
⑥預覽,檢查修改
音樂剪輯使用Audition,音頻長度最好不超過1:30
設置好簡介格式和首圖
如果有條件可以在不同系統手機下預覽檢查,Android和ios,不同尺寸屏幕。
綜上,做H5是考量綜合技能的一項工作。
文案、策劃思路、頁面設計能力、圖片處理能力、運營邏輯··等。
熟能生巧,多看,多操作,多應用,自會有一套自己的方法。
不送雞湯,隻逼自己!
聽音樂家說職場丨 這裡是有故事和幹貨
,