H5是什么
H5 = html5？？？
Html5（Hyper Text Markup Language超文本标记语言）第五代，它是构成网页前端的三大语言之一：Html5、CSS3、JavaScript。
“H5”，其实就是一种新的网页形式，是在浏览器中打开的网页应用，也是未来大多数软件存在的形式。可以说它是国人为“手机网站”起的“洋外号”，它是个包罗万象的概念。
H5作为超级媒体的三大特征
-
创造出一种不同以往内容的表现力
表现形式的特征：文案+平面设计+音效+动画+摄影等表现形式
-
更贴近于用户习惯的交互方式
伪装我们熟悉的环境，例如手机的各种界面，来电提醒、红包、看小说，这是一种增强的交互方式
-
让内容可以“链接”到更多的人
创造人与人之间的“新链接”
H5分类
- 营销类
- 新闻类
- 游戏类
- 应用类
H5制作流程
设计H5的九个段位
第一段：Word式H5
这种H5就好像一个带有背景图片的word，所有文字密密麻麻排在一起，主次不分明，重点不突出，看着让人头疼。
优化方法：精简文字，突出主次，标出重点
第二段：亮瞎眼的艺术字H5
这种H5主要是艺术字使用不当，字体不漂亮，配色搭配不合理，一个页面的颜色太多，给人一种很廉价的感觉。
优化方法：
A、尽量少用宋体，多用微软雅黑，同一个文档不要使用超过3种以上的字体
B、色彩选取同色系的，不要太跳，同一页面的字体颜色不要超过3种
第三段：页面风格混搭H5
这种H5单看每一页都不错，但连续浏览下来，就感觉风格太混乱，颜色太突兀，前后不统一。这是典型的使用模板不当，应用了不同风格、不同配色的H5，导致搭配混乱。
优化方法：选择同一风格，同一色系的H5模板；或者从头自尾应用一个统一的H5模板。
第四段：滥用特效的H5
这种H5里增加了很多特效，如烟花，红包，飘雪等。导致页面内容拥挤，看着眼花缭乱。
优化方法：适当减少特效，无需每一页都加特效，一般只加一页就好
第五段：宣传册改编H5
这种H5制作起来很容易，把宣传册制作文件保存成16:9或者16:10的图片，直接上传就可以生成H5。缺点是页面上的元素不能单独加动画，浏览起来单调刻板。如果宣传册上文字过多，手机浏览时会觉得文字很小，排版拥挤。
优化方法：不要将宣传册每一页保存成一张图片，可以分别保存素材，例如，标题，照片，按钮，单独保存成图片并上传，可以很方便加动画。
###
这种H5的排版相对美观，使用了横版H5形式，看起来会让人感觉是手机上的PPT，适合会议报告，会议总结等场景。
第七段：风格统一H5
这种H5素材统一，风格统一，配色统一，看起来非常精美，大气。比如下图案例1，应用了黑板报素材，很匹配教育主题。比如下图案例2，应用了海报背景和线条色块，很匹配公司介绍主题，可以适用于各种行业。
第八段：特色H5
这种H5有自己的特色，比如手绘风，比如板报风，比如卡通三国风等。下图案例1采用怀旧设计，让人眼前一亮。下图案例2采用WIN8metro元素设计，颜色清新，商务大气。
第九段：定制化H5
这种H5已经不能通过平台工具直接做出来了，需要单独定制。目前最酷炫的H5要数天猫双十一H5了，相信很多人已经看过了。
如何成为设计高手
使用精美的模板
- 在模板页面，挑选合适的模板类别
- 如果喜欢某一个模板，可以点击“立即使用”
- 图文替换，替换成自己需要的文字
- 点击编辑页顶部的“分享/发布”按钮，在弹出页点击确定，生成二维码和URL
