新媒体管家

公众账号对话中回复“设计”

可以获取今日美丫灵感鸡汤

又到了

涨知识的周末啦

（可是小花却用来睡懒觉）

前几天

一条H5广告

犹如龙卷风般

刮入了小花的朋友圈里

没看过的朋友

反正做人呢

最重要的是想开点啦

对自己好一点~

这周还有另外一个H5也刷屏了朋友圈

点开观看以后

每一步的发展方向小花都心里有数

直到最后

才深觉满满的套路

上面两个本周火爆H5

都是传播性比较明显的

能吸引发用户的

好奇、窥探等心理来传播

不管是形式上的还是内容上

还是风格上的都是很有创意的

同样，还有一个互动性的H5

人民日报结合当时的《战狼2》的热点

推出了一款互动性H5

通过上传照片更换军装的形式

勾起了人们窥探自己穿军装照片的欲望

然后大家纷纷转发朋友圈

紧跟爱国主题背景下的风潮

一个火爆的H5

它的设计流程非常重要

那么今天我们告诉大家

设计一个H5需要的

设计要点是哪些？

目前H5在设计方法上

可以笼统地划分为三大类型

互动广告派

互联网设计派

工具执行派

H5的设计部分

只是整个流程中的其中一环

作为设计师的我们

需要了解整个流程，贯穿始终

作为一个好的H5会告诉你

它都经历了哪些环节？

涉及到哪些因素？

了解需求，选好方向

每一个H5的设计都是建立在具体需求之上的，当你拿到需求是，需要先搞清楚做这个网站的目的是什么？每个项目追求的目的都不同。

腾讯通过“穿越故宫来看你”这个主题，出品了一支带有调侃和穿越特征的古装说唱类H5。最初的项目诉求才是最后决定作品面貌的关键因素。

确定表现形式

H5的表现形式目前已经非常多了，并且还在不断创新，我们究竟选什么样的表现形式好呢？

讲故事卖情怀？

强调功能陈述内容？

小游戏？

这是之前刷爆过朋友圈的吴亦凡系列H5作品，当预算充足时，项目有需要借助明星效应，我们可以采用拍摄视频并且制作特效合成的方式来执行项目。

设计风格、表现形式

比如，你选择了伪装朋友圈的形式的话，那么你就要去研究怎么做出更像朋友圈的页面，去研究微信内部的UI细节，特别强调临摹和还原。

从原型绘制、内容表达、版式设计、文字设计、到最后的动效声效设计，一个完整的H5不是单纯的视觉表现，还结合了听觉、交互这两大类。需要我们跳出传统式固有的设计框架，理解全新的媒介和方法。

开发实现效果图

很多人对H5制作望而却步，大多数都是因为卡在这一步，不清楚H5怎么生成的。其实，主要的方法有两种：

1、有代码实现：设计文件打包-->前端工程师开发-->作品上传服务-上线。

2、无代码实现：设计文件打包-->上传-H5设计工具网站-->作品同步在工具服务器的上线。

不管是上面哪一种，都需要设计师清楚，想要做出的页面效果，前段工程师才能确定是否能够实现出来。因此，这一步，沟通最重要。

数据成绩单反映设计效果

你设计的创意和作品的表现形式好不好，推广到不到位，时间点掌握得恰当不恰当...数据的成绩单很快就能够引导你接下来应该怎么调整战略和打法。

上面是腾讯出品的H5移动页面用户报告，案例中详细归纳了目前H5网站在数据方面的特征。

总结H5设计流程，都是小花最近看的一本书《H5+移动营销设计宝典》里面的知识内容，以上这些仅仅是这本书其中的一点点点点...书中还有更多内容去介绍：H5设计的规范技巧、设计方法，还有行业里最为优秀的互动团队的大量优秀案例与一手材料。

同时，还收录了不同领域与行业的意见，这里有小团队、大团队、小企业、大集团，他们的观点会帮助你理解和判断行业究竟会在未来变成什么样子。

关于这本书，小花不做其他的介绍，就像序言里面说的：所有斩钉截铁的推荐，其实都是主观偏见的结果，最终读书获益的多寡，还是取决于书籍内容本身适不适合你，与其他方面关系有限，更与作者关系有限。先看书的内容，不如先了解作者是谁。

这本书的作者是谁呢？

小呆（苏杭），设计媒体人，从建立自己的资讯公众号到走访全国H5相关团队和企业，再到组建自己的团队，他花了两年时间，写出了被业内誉为“中国第一本H5设计营销宝典”的书籍。

其实，你买到的不是一本书，你买到的是一套会自我升级的行业内容库，它能节约大量学习时间，能让你更快速获得知识。  

这本书很早之前就在争取优惠，但无奈，出版社那边总是在加印，目前已经加印三次，总量10000+啦~我们最终给大家争取到了七五折包邮哦~

小花推荐的书都是直接由出版社发货出去的，保证正品！正品！正品！这本书还有三个免单名额！本期免单中奖者收到的将是签名版哦~

上期《Magical Geometry》三名免单的幸运儿分别是：

1、订单号: 134****8611  郑*强（首单）

2、订单号: 156****1833  王*姗（随机）

3、订单号: 152****5315  杨*达（随机）

请以上三位朋友添加小花WX：nycmg02，进行免单操作~

本期依然从购书粉丝中抽取3名免单

签名版！

（抽奖规则：首单&随机）

活动名单会在下期的图书推荐中公布哦

想要购买的同学

可以识别上方二维码或阅读原文点击购买哦~

美丫图书都是出版社直接发货

保证正品！

大家可以放心购买

周末可能会延迟到周一发货

还请大家多多谅解

请记住

有问题，找小花！

（因为小花近期进行了广告法的培训）

所以必须要在最后注明，这，是一条广告

购买可以点击阅读原文