一篇文章认识H5

　　（http://ku-h5.com/）可以先去这个网站上看看各种H5，有一个粗浅的认识，再来读文章效果更佳。
 
什么叫H5？
　　H5就是移动端网页的洋名字。“喂，你在看啥呢?”“我在看移动端网页。”啧啧啧，多low啊。“我在看H5呢。”你听听，多高大上。
 
　　这年头，谁除了本名还没有点外号，小名的。曹操都还有曹阿瞒的小名呢。我猜一猜，你名带伟，外号是不是叫伟哥啊？那这个外号咋来的？无从考究了，就像你也有可能早就忘了第一个给你取小名的兄弟是谁了。
 
那么与H5有关联的内容都有哪些?
　　总结：与web app、PPT、HTML5、Flash、Minisite等有关。别急，好像看到了陌生的词汇，我们来揭穿他们。
　　Web app：app大家都知道，web简单理解就是网站的意思，连在一起就是“用网页来充当APP“。我相信大家玩浏览器的时候，都知道这个是浏览器，不会把它看成APP，那么Web app本质上用着浏览器的身体，但脸已经去韩国整容成了APP的模样。
　　PPT&Flash：大家都熟悉，一个做动态图文、一个做点小动画，甚至还可以播放视频。不过，Flash快被淘汰了，发张图提前悼念一下。
　　Minisite：直译小型网站，这个概念不来自于逻辑，而来自于市场。企业为了搞营销，特意做了一些小型的营销网页便于推广宣传。例如，出名的有天猫Minisite。
 
那HTML5和H5这么像，有什么血缘关系吗?
 
　　是有近亲关系的。HTML是描述网页的标准，而5就是第5个版本的标准。“标准“就像你的学生手册，每几年总会更新修改一下。
　　H5我是移动端网页的外号，你是网页的语言标准，能不有点关系么？
老有人把H5叫做HTML5的缩写。这也没办法，毕竟近亲，能不长得像吗？
但HTML5已经是小名了，全名叫HyperText Markup Language。你会把外号已经叫伟哥的人，还要缩写一下叫法吗？….好吧，没想到你有这样的兴趣…果然没看错人，来，叫声哥~
 
H5的定义我们说清楚了，接下来我们看看H5能做什么？
 
　　这要是细说，可就话多了哦。还是那个思维，网页能干什么？H5就能干什么。能不能听歌？能不能看视频？能不能看美女秀肌肉的辣图?能不能分享转发一键三连？能不能用一下重力感应？能不能支付打赏一下主播？能不能录音卖弄一下歌喉？能不能抢红包从此注孤生？能不能放VR看点刺激的？能不能打点游戏骂队友无能？
随便发挥想象，你尽管想，我们都能做。
既然你已经知道了H5是什么，以及H5能做什么。那么创业小天使的你是不是发现了他的用处了？H5在2014年后开始风靡全国，在此之前默默无闻，但是谁把他给捧火了？我们在回答这个问题前，先看看H5有哪些分类？
　　说到分类，我就不得不多罗嗦的说，任何事物一旦发展起来，变得有利可图之后，最终的导向就是能来分一杯羹的狼人是不会错过的。这可能就是分类的本质。大家都听说H5会这些展现形式之后...新闻组的人在想...策划营销组的人在想...其他人在想...他们异口同声说道——我要玩~H5。
这不，H5的分类就出来了。
 
　　营销类、新闻类、游戏类、应用类。猜猜是谁捧火了H5？肯定是营销啦~只有这家人才有这本事，也才会干这种事。靠他们的“传销”能力，促使H5家喻户晓。这也带来了个错误意识，以为只有酷炫可交互的页面才叫H5。
 
为什么H5会被捧起来？因为他是超级媒体。
 
　　在详解这个问题前，可以先去酷5 http://ku-h5.com/ 先欣赏一些案例。那问题来了，什么是媒体？就是传播信息的一个解释术语。例如，电视、广播、报纸、周刊（杂志）都是传统媒体。你在路上看到的广告牌也是媒体。还有一种人叫媒体人，他们可以是记者，作为信息的收集和传播的有机生物。
那什么是超级媒体？
　　它是一种综合性极强的媒体，是各大媒体的组合。说的直白一点，就是杂交媒体，以前各种媒体的特性选哪个好呢，真麻烦，不选了，我全都要。
　　如果你看了一些H5展示案例，那么你就会很容易明白超级媒体体现出来的特点是：
　　表现形式（文案+平面设计+音效+动效+动画+摄影等形式...）交互方式特征（更贴近于用户习惯的交互方式）传播方式特征（让内容可以“链接“到更多的人）
　　用人话总结便是——我没有表现限制，想怎么玩就怎么玩，你想听，我就发语音，你想看动态的，我就做视频，你想看图，我就做图像，你想和我互动，我就做交互...什么？你个死鬼，全都要？没问题，全都满足你！
看完这些，不捧H5，还捧谁？
　　最后顺着这条线索下去，我们来倒推那些做H5的人都是出于什么目的来做这个东西的？
总结下来，无非就四大类：品牌宣传（拉高身价）新品发布（优点突出）产品促销（拉低身价）活动引流（精准描述）
　　再进行压缩总结，就一句话——赚钱，赚钱，还是赚钱！H5=广告和渠道。
 
　　以上说完了对H5的认知介绍，我想大家都有一定的了解了。接下来，你可能会关心，这玩意儿是用什么实现的，需要什么样的流程，不要心急。我们一一道来。评书~走起！
 
　　先说说流程，简要概括。需求/形式→页面草图→视觉稿→代码实现→上线开始赚钱！
　　老板！我们要做什么啊？
　　用H5打植发广告！
　　为啥要用H5呀！
　　传播效果好，成本低，情景带入好，转化率高！
　　需求我说完了，设计师快点去画设计稿!
　　别急啊！老板，原型稿得先完成，我可不想反复改稿，否则你那植发产品，我就是第一个使用者！我才不要呢！数日后，码农呢？死哪去了?
在加班写代码啊！视觉稿给他们了！等他们写完，那些秃头们头发都长出来了！别写了，叫他们快用H5在线设计工具，无代码实现，效果依然最佳!
 
　　以上情景中稍微整理一下工具。设计师的工具们：PS、AI、AE、Au、HAPY、PPT、C4D、sketch、keynote、Final Cut、premiere、Garage Band..
只认识一个PS也没关系，反正知道很多就对了！
 
　　而代码部分则有两种分支A-有代码实现（设计→前端技术→上传服务器发布）B-无代码实现（设计→H5在线设计工具→上传H5自带服务器）
　　推荐的一些H5在线设计工具们：
　　高级（iH5、意派360、木疙瘩）
　　中级（人人秀、凡科微传单）
　　低级（易企秀、MAKA、兔展、初页）
 
　　终于实现好了，老板！赶快让营销推广们动起来啊！不推广谁知道你这个产品！推广环节主要分为两部分——线上&线下，直白点就是现实与网络。线上：双微广告位投放（微博、微信）、自媒体广告投放（文章类、视频类）、APP内置H5链接（banner等）、KOL、话题领袖与自传播（大V、发起话题讨论）。线下：户外广告牌、电子互动装置、纸张类广告单、产品包装（二维码、AR）...
　　从认知H5，到H5的制作流程和推广都简单介绍好了。有大致了解么了？
然而对于H5本身的内容的好坏评判标准，我想我们可以从两个角度出发：
商业价值：对客户或品牌方：是否达到了推广目标？(曝光率、销售量、引流数据、转化率等...)
　　内容价值：对行业或从业人员：是否创新了崭新的内容？
　　　　　　　技术创新（采用新技术设计）
　　　　　　　模式创新（划分章节剧情类模式）
　　　　　　　内容创新（一个字的H5设计）
 
　　最后一块，我们简单聊聊移动端的阅读革命。理解了这一层面的知识，你才会真正理解H5的存在意义。
　　首先，我们要清楚的认识到，H5是构建在小小的手机屏幕之中，这和我们看报纸、看电脑、看杂志有着明显的不同。而这个不同则是由于屏幕尺寸和他的轻便性和可携带性带来的。
 
　　简单地说，你在玩手机的时候，习惯性从上往下滑动阅读，而看实体的报纸、书籍时则是习惯明显的从上往下，且从左往右。而且看报纸，玩电脑等，大都是固定在原来的位置，很少移动。而手机则正好相反。常常会在移动中阅读，由于移动的特点，也造就了短性阅读可以，但却无法长期集中性阅读，这也就带来了——内容不宜过长，否则会让读者难受。
 
　　逻辑都是相通的，由于移动、环境不固定、尺寸小巧的特点，也带来了很多不便：可视范围非常有限、、阅读方式最简单、使用者三心二意
总而言之，一个事物的诞生都是有利有弊。至于利弊谁大谁小，得由时间来考验，能活下来的，长存的就是胜利者。