H5讲义出炉！让同学们久等了！（H5定制微课，完整讲义）
本次微课让我们平台获得了比较高的关注度，下面小呆就贴出这次课程的文章讲义，供大家学习备注！
问题1:H5你是什么？你真的是短命鬼么？
名字洋气啊！H5你是什么鬼？好读又不知所云，什么意思那？
那天！我带着问题打开了篮灿灿的百度，输入“H5广告”，然后居然被眼前的画面给雷到了！
在百度首页前三篇文章中，而前两篇居然是平台之前的作品
但是！发文的网站我们从没上过，也不知道谁带发的。
打开一看，还是啰啰嗦嗦一大串，是8月份出品的定义贴，题目就是H5广告和html5的区别。
如果真想搞清楚点，推荐看看，而课堂我们就简短总结了：
H5起初是指html5这一标记语言的缩写简称，是国人起的外号。而现在的H5范指那些在移动端中传播的带有特效、互动体验和声效的Web网页。他的涵盖范围已超出html5定义本身，你甚至可以这么理解，移动端的web网页都是H5网页，而H5广告，就是移动网页广告！
这个名有点糊弄人，也缺乏理论根据，但就这么给叫开了，游戏行业、互联网行业和广告行业现也都这么用了。
虽然，爱科学的程序员们顽强的反抗着，但寡不敌众，群众更容易记住好记的称呼而不是正确的定义，这个名字的诞生后被快速的沿用，非常符合我国互联网所表现出的行业调性 （求快、求简单、求直接、并且不求出处）又好比说，像淘宝客服开始叫你亲时，觉得恶心，但慢慢你就意识到了，这实际是“你好”的意思，可不是真想亲你！
这是我们对定义的简短概述，而为什么说H5会死？
下半年，很多行业大牛和观察员一直在预言着，说H5将死，实际这是个特别拟人化的假设，很多从业者不了解H5，于是就很惊恐。实际H5是一种媒介，就像是纸张、电视机，是一种传播方式，传播方式会真的死的那么快么？印刷行业在萎缩也不会死呀，实际他们想表达的是，这行很快会没落。
真的如此么？
我们举例来说，19世纪末20世纪初，在欧洲爆发了一次席卷全球的艺术运动，我们叫他“新艺术运动“这一时期的传统手工业遇到工业化生产的挑战，一些不愿意放弃伟大传统艺术的艺术家们，试图利用工业生产的方式来重新探索并保留农耕时代艺术的精髓。
比如说伟大的建筑师：安东尼.高迪
而为什么当时那些探索性的设计品，却成为了后人眼中的瑰宝？因为在当时，人们在试图融合两个领域东西，而后人失去了这种创作能力。
而现在H5广告的出现同样处在这么一个过渡时期，他是平面设计向数码设计的过渡，虽然有很多的搬运、抄袭，并且行业混乱，但我们还是能看到那些将传统平面和互联网相结合的新奇案例，这种融合很可能会是后人眼中的又一次经典历史，就像是“星星艺术运动时期的中国，我们第一次将黄土文化和西方艺术相融合，创造新事物。而最重要是，h5的相关探索会成为未来数码设计的导引，而H5广告又是H5设计的前沿阵地。
会不会死我不知道，但是我知道，他是通往未来的路，前方很坎坷，就像是一直在失败的乔布斯一样，当所有人都认为计算机就那个鬼样子时，他认为图形界面是未来的路，而结果，他最后找到了改变人类世界的智慧果。所以，论述它是不是会死的意义并不大，论述的意义在于，他为设计的未来找到了新的出路。
这是第一个问题，仅仅代表我们的观点。
问题2:都是广告，区别在哪里？
这部分内容请通过文尾最下方的（原文链接）观看～
我们有一个专门的帖子来告诉你平面广告与H5广告的区别！
问题3:设计师和H5广告是怎么谈恋爱的，他们会用什么恋爱小工具？
设计师与H5广告充满了爱恨情仇，他们之间存在着极为复杂的恋爱关系，借助这次课，我来和大家聊聊他们是怎么谈恋爱的。
模式1:群恋
群恋就像是一帮男生喜欢一个女生，天天围着转，为保持和谐，每个男生会有不同分工，有刷卡的，有做饭的，还有打扫家务的。而群恋h5广告团队，也会存在不同分工，我来大致罗列一翻，大概是：
策划设计——原型设计——视觉设计——动画设计——前端开发
每个设计人员负责擅长的一块，而我们比较熟悉的视觉设计往往会集中在链条的第三个领域，这一块的设计师只需要执行上一层设计师的草图，做好画面后，交给下一个设计师继续执行，这是一个很理想的状态，只有规模比较大的公司才能达到这种细分。
模式2:三角恋
如果追求女生的男生数量小于三时，通常争风吃醋的情况就会比较多见了，比如说三角恋，而目前多数企业都徘徊在三角恋这个区间，架构大概是这样：
策划设计——美术设计——前端开发
因每人分配的活多了，相互之前的观点和认识也就有了分歧，往往会开会讨论，玩头脑风暴，通过很多沟通来确定方向，相互之间会有一个博弈的过程，然后才能进行项目，而这样的设计师需要掌握更多技能，难度更大。
模式3:二人恋
两个人谈恋爱总该消停了吧，是消停了，但是作为一个以前一帮人伺候的女生，现在变成一个人伺候，那就是什么事情都要管：架构是这样的：
设计师——前端开发（或者开发工具）
这个一目了然了，这个设计师要从想、到做、到出动效稿的全过程，一般小公司和个人设计师接单时会走这个组合，因涉及内容太多，所以无法设计精细，这样做出来的设计大部分比较平，因很少有设计师，文案、策划、画面、动态都很强的。
模式4:造女神！
这是我觉得行业内最牛掰的一类H5设计师，他们和H5谈恋爱的方式也极为粗暴，老子自己来造个女友！架构是……实际已经没有框架了：
设计师（就设计师，木有了！）
国内这类设计师跟香饽饽一样稀有，他能从想到做，然后到写代码，而且做出来的东西看上去和群恋组那帮细分设计师做出来的差不多，见过一个，开眼界，或者说太牛逼！
而你会发现，不同公司规模对设计师要求不同，只有少数品种会自己写代码，大部分情况还是会通过团队来做H5，但是有时为了解决思念恋人又没有造女神能力的境况，伟大的程序宅们发明了各种小工具来达到我们想和h5广告谈恋爱的目的。
而设计师和H5谈恋爱时会用到什么小工具那？
目前实现h5广告，不需代码的工具有两大类：
一种是模版类工具：
上手很快，十分简单，一会就能弄出个H5出来，但你懂得，功能单一。可功能简单并不代表你做的设计就不好，利用模版的H5广告同样有不少优秀作品，关键看设计能力。
目前比较受关注的有：易企秀、兔展、maka、70度灰等等
而另一种我们叫他功能型工具：
他们看上去很像是ps的操作界面，可以实现很多交互效果，某些功能可媲美定制化案例。但问题在于，有比较高的学习成本，所以呀，想学会要花费时间。
目前有两家：互动大师、意派360
很多同学希望推荐工具，因设计师程度和喜好不一，我建议都试试，找到用的舒服合适的，各家都有不同优势，找到比较适合自己的，模版类不见得就没效果，功能性的工具不见得就学不会。
问题4:代码！我真的爱你么？
设计师要不要学写代码？这问题问的太好了！
很多人实际不想学，但总觉得不学就不会h5设计了，这个问题上我给大家的建议是，对于大多数设计，你们是没必要学怎么写代码的，
时间成本高，学会hml5所有标签，聪明的孩子可能也就半个月，但还有css， js要学，还有一大堆适配规问题，优化问题，包括程序员思维，这些东西想搞明白需要时间，而那些优质的H5广告，都是通过我们讲的好前端写出来的，成为一个好前端要多久？
1年？2年？这看你悟性了～
认清角色定位，作为设计，主要工作是对视觉的深化和研究，应把力气花在本质工作上，只有那些十分缺乏资源的小公司才会强迫设计师写代码，往往这样的H5会比较平庸，一个设计师又做设计又写代码，很难做好，而我们向往的大公司的内部人员细分更为清晰，设计师＋程序员的混合公种不管你再优秀，我们也只会给你一个方向的职务，另一部分能力就被封印了。
所以说，对于大多数设计师来说，并不要实际写代码，但不要写并不意味着你不需要了解，比如说html4与html5究竟是什么关系那，为什么html5会突然变成辣子鸡了！
他能实现什么功能，设计师需要了解，一方面了解前端工作特性，更好的合作，一方面了解代码所能达到的效果，从而鉴别你的前端同事是忽悠你还是非常有诚意，这里推荐一个网站，你要是详细的都看一遍，对H5的理解会上一个台阶，也会很容易识别商家给你制造的广告骗术，会发现伪装朋友圈的把戏实际不难～
问题5:老师！我要学H5广告！救救我！
很多设计师今年突然发现H5这个领域，一方面觉得前景好啊！机会多啊！待遇好啊！一方面觉得新奇，新高度啊！那作为设计师想介入这个领域，要做那些准备？
找对定位
大家一上来就问我要用什么软件啊，这是第二步要考虑的事儿，没目的的软件学习具有盲目性：
这个领域的设计无疑将会是转型设计师为主，行业新，不会有学校教你H5。我们试着细分下h5广告设计环节的几个分块：
原型——文案——音乐——视觉——动画——前端
目前H5设计师多数情况，应是一强多能，从中先找到你最擅长的那个点，这个点肯定会是你之前的设计领域，像是动画设计师，交互设计师，或者视觉设计师，以本职技能为基础，然后逐步去了解并认识其他领域，逐渐去强化和优化其他分支，清楚自身优势，了解不足。
那些碉堡的商业案例多数情况由团队设计，所以才会感觉各环节精致。用自己突出的能力加入团队，用自己对其他分块的理解更好的融入团队，甚至领导团队。从优势出发，比如说你是插画师，利用工具很快就能作H5出来， 但这个H5肯定不完善，想做到更好，在实践中带着思考去探索。
认识广告
目前的H5广告，不管多花哨，他还是广告，这是现阶段的现状。而对于广告来说，传统行业有很多可以参考学习的点，比如说文案的处理方法，比如说人性的思考与洞察。很多H5广告赢在营销或者说洞察，而非漂亮的画面。一上来抢红包的套路天天玩，就背离了当初的设计与洞察了。 设计是辅助传播的方式。虽然很多人很陌生，但是我觉得学习和了解广告是做H5广告需要积累的内容。
学习案例
多看看好的案例，我们平台目前已经做了很多有价值的案例合集，你们在首页的标签栏就可以找到，有些东西画面简单，但用户反应却非常好，多想想看？不建议直接拿别人的来套，可以多思考他们这么设计的动机与想法，或者怎么就能借鉴的这么好，行业刚起步时不会有太多教材给你用，而你作为第一批设计师，很可能就是未来教材的著名者。
（小呆和你们可以说都是行业的开荒者，具体未来的H5设计师会被定位成一个什么样的角色，我们的推断和理论不见得最终会成为规范，但这是我思考和体会的结果，起码说，现在已经有一些影响力了。）
问题6：卡哭了！这是为什么！
这问题问的真多！我就想看个广告！为什么这卡！
先别哭，让我们给你分析下，通常决定H5广告体验流畅的是这么四个点：
作品优化——服务器性能——网络速度——用户设备
作品优化
设计h5时，因考虑到体验，会不遗余力的压缩作品的大小，这个压缩过程实际就是优化的过程，在设计领域，我们要做的就是让元素体积变小并不损伤效果，在代码领域我们会把代码进行打包，尽量减少向服务器发送请求的次数。这需要设计师和程序员一同努力。
服务器性能
对于服务器性能直观上就比较好理解，我不深入去讲，性能越好的服务器就能承受越大的访问量，当大量用户访问服务器操作H5时，就不会那么卡顿了。
网络速度
这个也比较好理解，2g.3g.4g你手机网络是那个？网络速度快，加载和体验就流畅多了。
用户设备
指代的是你的手机了，如果人人都是苹果6s带4g网，那我们在设计H5广告的时候就不会因要估计那么多低端机而阉割内容，目前很多用户在使用较为老版本的安卓机，在使用2g网络，那么这类用户在体验h5时很容易出现因设备性能带来的卡顿。
下次再看卡了，别哭，肯定是这里面某个环节出问题了！
实际，我们收到了几乎100个问题，而我们找到了些比较普遍，并且容易传播的东西来作为内容。
而技术性强的内容我们今后会逐步在平台上架，当我们开始学习H5时，发现网上能找到的所有相关内，出于营销与传播，设计方面的几乎没有，他们对H5的讲解基本都是从营销和传播角度切入的，我们甚至一度被带跑.
但我们慢慢开始感觉到这个东西的设计具备颠覆性时，让我们敢坚定的摸索和探究下去。目前在互联网上能找到不少设计相关的评论了，我们还在努力！
在分享的过程中，我们意外的创造了超过几十万的单帖点击，受到了老4A前辈的认可，受到不少一线互动企业的鼓励。
几年前，我们根本想象不出下一代超媒体设计是什么样子，而当H5广告出现，似乎——H5广告就是超媒体设计的初型，它将设计引入一个新的可能！
如果您觉得这篇内容很优质，希望能够获得您的赞赏，谢谢！
上面的内容就是本次微课的全部讲义了，我们进行了内容的优化和压缩，希望这些H5广告的学习内容对你有帮助，小站也会继续努力，设计出更多的优质内容，在这里特别感谢本次活动的组织者第九工场的大力支持，特别配上第九工场的订阅号二维码，推荐大家关注！也不用再问我这个打赏二维码是谁做的了，你们找第九工场吧～
本站专业社群已经正式上线，现对H5广告专业的从业人员展开招募，如果你是前端、运营、H5设计师、H5传播或者从事H5相关工作的从业者，我们欢迎你的加入，目前为确保社群质量，本站有着较为严格的审查通过制度，希望您能成为我们的社群的一员，小呆等着和你喝茶聊天~（专业群qq号：512653413)
本次的分享就到此结束了
下次我们会分享新的内容
(本文配图和内容均为本站原创，如需转载，请在后台与小编联系获得授权方可转载，谢谢！）
问题2解答：请点击原文链接看（一张图读懂H5广告）