H5,即HTML5的简称,集合了文字、图片、音视频及动态效果交互展示等元素的展现形式,功能强大,操作灵活,易上手(运营狗都会用)。同时后台附带了数据统计及分析,数据表单等功能。因此具有灵活性高,开发成本低,制作周期短的特性,成为现阶段企业宣传,活动推广,招聘,会展邀请等场景的高频应用。
那么,如何做一个H5?需要哪几步操作?我们来一起分享。(仅个人工作习惯和经验)
①根据要求整理思路
首先要弄清楚要做的内容和应用的场景。如招聘,邀请函,活动推广,企业展示宣传···
估算总页数。
万事开头难,有了思路后面都好操作。
②列出每一个页面的内容框架
建议搭配Word或Axure(专业)使用
③根据内容寻找和制作素材,分别建立页面文件夹index
这个时候,昵图网、千图网、Pinterest···都可以上,当然还有度娘
④处理素材
必要素材生成.png和.gif格式图片,图片尺寸不超过640*X
借助美图秀秀,Photoshop
⑤按照页面框架结构操作
先做静态内容;
后添加动态效果.
⑥预览,检查修改
音乐剪辑使用Audition,音频长度最好不超过1:30
设置好简介格式和首图
如果有条件可以在不同系统手机下预览检查,Android和ios,不同尺寸屏幕。
综上,做H5是考量综合技能的一项工作。
文案、策划思路、页面设计能力、图片处理能力、运营逻辑··等。
熟能生巧,多看,多操作,多应用,自会有一套自己的方法。
不送鸡汤,只逼自己!
听音乐家说职场丨 这里是有故事和干货
,