h5制作技巧大全（技能篇制作H5的几个步骤）

H5,即HTML5的简称，集合了文字、图片、音视频及动态效果交互展示等元素的展现形式，功能强大，操作灵活，易上手（运营狗都会用）。同时后台附带了数据统计及分析，数据表单等功能。因此具有灵活性高，开发成本低，制作周期短的特性，成为现阶段企业宣传，活动推广，招聘，会展邀请等场景的高频应用。

那么，如何做一个H5？需要哪几步操作？我们来一起分享。（仅个人工作习惯和经验）

①根据要求整理思路

首先要弄清楚要做的内容和应用的场景。如招聘，邀请函，活动推广，企业展示宣传···

估算总页数。

万事开头难，有了思路后面都好操作。

②列出每一个页面的内容框架

建议搭配Word或Axure（专业）使用

③根据内容寻找和制作素材，分别建立页面文件夹index

这个时候，昵图网、千图网、Pinterest···都可以上，当然还有度娘

④处理素材

必要素材生成.png和.gif格式图片，图片尺寸不超过640*X

借助美图秀秀，Photoshop

⑤按照页面框架结构操作

先做静态内容;

后添加动态效果.

⑥预览，检查修改

音乐剪辑使用Audition，音频长度最好不超过1：30

设置好简介格式和首图

如果有条件可以在不同系统手机下预览检查，Android和ios，不同尺寸屏幕。

综上，做H5是考量综合技能的一项工作。

文案、策划思路、页面设计能力、图片处理能力、运营逻辑··等。

熟能生巧，多看，多操作，多应用，自会有一套自己的方法。

不送鸡汤，只逼自己！

听音乐家说职场丨 这里是有故事和干货