|
除了干货，其它什么也没有
|
|
职场
|
数据
|
新媒体
|
设计
|
极客
|
参与本文评论区互动，有机会赢得免费赠书《产品之旅：产品经理的方法论与实战进阶》，活动方式见文末说明噢！
即便 H5 营销已经走过了4、5个年头，行业内依然有超过 60% 的 H5 页面保持“翻页式”设计，仿佛一个竖版的简陋 PPT，处处透露着品牌方拙劣的运营专业度。
那么，这种类型的 H5 真的没救了吗？笔者不敢苟同。今天，我们就来普及一下当面临一类
只有照片和纯文字的素材
时，如何让传统的翻页式 H5 焕发活力。
第七期
H5 殺手训练营
即将开营！让你
从零基础开始
，一网打尽 H5 商业作品设计、微信高级交互图文排版等硬核技巧，
而且将获赠我们的新书《硬核运营》签名本
，
与《Prezi 完全解读》两本 JZ 系图书，图书将在正式发售后统一邮寄给你！
H5 的常见形式多种多样，拟态、测试、游戏、全景等形成了圈内的热点循环规则，但是它们的设计往往基于丰富的故事线索和设计素材。
如果仅有照片和文字时，运营人往往无从下手，最终只能选择最传统的翻页式 H5。其实我们大可不必将信息割裂为 Slides，依然把所有图文信息汇聚到长页面中。
现在请突破常规思维。
什么是常规思维？常规思维就是“不同元素拥有自顾自的动画”，突破则是“
让这些动画彼此关联，并随着页面的上下滑动而正序或倒序播放
”。以 Adobe Spark 为例，这是 Adobe 公司发布的 H5 制作工具，我们在《
利器||H5 制作软件/工具大全
》曾经介绍过。这款只允许插入图片和文字的软件，仅仅通过关联动画的技术，使得内容发生
非同步位移
▼
我们曾在 2016 年「奇点新媒体研究中心」招新时，应用过关联动画 H5
▼
实际上如果关联动画不仅能在一定程度上“化腐朽为神奇”，如果针对关联效果设计 H5，成品会更加令人叹为观止。相信这份网易的 H5 作品不少读者都见过
▼
在
第七期
H5 殺手训练营
中，我们就将重点教授关联动画的设计思维，支持企业在设计素材匮乏的情况下，依然发布优质的 H5 作品
（点击报名）
▼
除了关联动画，锚点动画也是一种让纯图文流 H5 焕然新生的策略，而且和前者一样给人以相当流畅的体验。
比如在《
你眼中的世界有几种颜色？
》一文中，三星通过一套锚点动画 H5 发布了三星在色彩处理技术方面的努力成果，其 H5 作品由我们 JZ 进行汉化重制
▼
锚点动画的特征，在于只有当页面滑动到对应位置时，动画效果才会被一次性激活，且原则上不用支持倒序回放
▼
像这样一份科普感满满的 H5，初始也仅有文字和图片素材
▼
而正是锚点动画，才让沉闷的主题变得无比灵动。
在第七期
H5 殺手训练营
中，我们也将重点教授锚点动画的设计思维
（点击报名）
▼
《产品之旅：产品经理的方法论与实战进阶》
赖京露 著
这是 JZ 微信公众平台的新设立的一个小栏目。
未来每次有干货的图文消息推送时，会在这个栏目里介绍一本和当期主题有关联性的图书，留言区当中除置顶评论外，点赞数量最靠前的用户将获赠。
每期都有书，所以请不要刷赞，留给真正有需求而且有想法的人。
互联网产品经理是一种什么样的职业？所谓的产品思维、互联网思维又是什么？作为一名产品菜鸟该如何入门？已经有 1-2 年产品经验的新人该如何系统地进行进阶修炼？本书内容涵盖了产品经理 0-3 年的职业生涯。全书共分 5 个篇章，分别从基础入门、产品设计、项目管理、沟通、数据分析这几个方面讲述互联网产品经理在工作中会碰到的一系列问题和疑惑。作者结合自身多款产品设计与项目实战经验，阐述了一套科学可用的产品经理方法论，可以方便读者更好地掌握产品设计及相关技能的思路与方法。
那么如果你希望免费获得这本产品经理的成长指南，请在评论区发表你的看法吧！
H5项目定制咨询电话：021 37218818
或添加管理员微信 Zhuoya_work 咨询
其他你会感兴趣的内容
回复
排版
了解更多媒体广告设计思维
回复
大 V
阅读圈内大号背后隐秘故事
回复
代码
获取更逆天的高阶排版方法
回复
广告
学习更多广告营销创意教案
回复
H 5
开启移动营销的技术进阶路
H5、平面、视频等数字营销服务请致电
TEL：（021）3721 8818
合作客户：
APEC 峰会 | 中国航天科技集团 | 香奈儿 | 肯德基（湖南） | 中国国际航空 | 湖北省电视台 | 河南卫视 |
浙江省人民广播电台 | 三生制药 | 交通银行 | 建设银行 | 真格基金 |
南方周末 | 上海闵行教育学院 | 牛津大学出版社 | 新东方集团 |
伟巴斯特 | 雪佛兰汽车 | 观致汽车 | 雷诺汽车 | TNS 新华信 |
高力国际｜第一太平戴维斯｜德国莱茵｜盖茨基金会｜追星集团
抱歉，除了干货，其他什么也没有。
