前 言
文|小 呆
创作背景
还记得在2015年春天，我刚刚从广告行业转入互联网行业，抱着对新工作的憧憬与向往，
我开始在各大门户网站刊登设计评论文章， 开始用自己的方式发出声音。
而让我这个互联网“乡巴佬”未曾料到的是，从第1篇内容《我理解下的：你去找个参考！》
开始，文章内容的转发率和点击量非常高，简直出乎意料。而当我的文章更新到第6篇《H5
广告—互联网视觉革命的先行军》时，我接到了来自清华大学出版社的电话邀约，而找到我
的人就是栾大成先生，他后来成为了我的责任编辑。
他的一通电话竟唤起了我学徒时代的一个愿望，那就是写书。而实现愿望的路径，居然
就活生生地摆在了眼前，这太难以置信了！虽然我对写书一窍不通，但我毫不犹豫地就接下
了项目，我当时还天真地认为，在2015年底小呆的书就能摆上货架，但谁又能想到，这个
过程实际花费了接近2年的时间，而挂断电话的那一刻，我的人生轨迹也彻底发生了改变。
创作心路
在确定要以H5 为主题写书之后，我开始将创作重心从现代设计史迁移到了当时刚刚兴
起的H5 上，为了能够开阔眼界和获得更多素材，我创立一个自媒体，它就是后来的H5 广
告资讯站，该媒体目前在H5 营销行业小有名气，曾一度成为H5 优质内容的行业代表。而
在本书的创作过程中，因为内容太新、素材太杂、概念过于前卫，使得书的前期创作难以推进，
你在市面上又找不到任何可以参考的资料，当时就连大纲都不知道怎么写。
迫于无奈，我在整个2015 年都在摸索性地用自媒体来输出H5 内容，希望能用内容来
换得反馈、换得信息、换得灵感。而这一时期，在百度直接搜索“H5 广告”时，会看到首
页的几篇文章竟然都出自小呆之笔。这并不代表我的内容有多么优秀，而是因为这个领域太
缺乏内容、太少人在真诚地做内容了。
随后，在经历了近半年的思考与摸索后，我终于在2016 年初，摸索出了内容访谈计划。
在整个2016 年上半年，我走访了北、上、广、深，先后拜访了超过30 家H5 相关一线企业，
这里面包括腾讯TGideas、百度MUX、中信集团、万达集团、搜狐新闻、中国青年报等，以及：
W 上海、VML 上海、上海鱼脸互动、UID WORKS 北京、LPI 北京、LxU 北京、WMY 北
京等国内优秀一线供应商，还包括兔展网、易企秀、iH5、意派360、木疙瘩等行业工具商。
在这个过程中本书的大纲也终于在摸索和推敲中被最终确定。
而在随后的具体执行中，我也开始渐渐意识到了这本书的不同，它很可能会成为国内第
一本真正意义的互联网+ 纸质图书。
也因此，在这一时期我找到了前端工程师徐松作为本书的重要合作者加入，而整本书的
网站建设与运营都由他完成，这本书一半以上的内容被放置在了配套的网站（www.ku-h5.
com）上，因为有这个特殊的内容设计，所以我才敢称它为真正的互联网+ 图书。也为了能
够让本书呈现出更好的面貌，我独自完成了本书的内容构思、大纲创作、内容编写、素材收
集和整理、封面设计、版式装帧设计、网站视觉设计和后期的部分推广执行与策划，而这一
系列烦琐的工作也终于在2016 年底基本完成。可以说，这本书浓缩了我两年来对H5 的所
有认知，而它的顺利出版也是我这5 年来，设计工作的一个完整总结。
本书的创新性
第1 个维度创新： H5 营销设计类第一书
我不知道在2017 年是不是有人会出同样题材的书。即便其他人也在做，我同样相信自
己的书是最特别的，这取决于内容的维度，你看到的内容不再是一位作者、一种思维的智慧
传达，而是结合了多家公司、机构内容的精华整合。在这个维度上，我更像是一个带有作者
名号的 “搬运者”，我将这两年来的行业优秀内容收入本书，并总结归纳。而对于读者来说，
你将会看到更为丰富多样的内容，这些内容所表达的东西相互之间不完全统一，甚至会矛盾。
但这并不重要，多维度的分析不仅仅会让你学到设计技巧，还会让你更加了解行业，这不是
一本教你“点哪里、画哪里”的教程，也不是一本用来宣传某某公司产品或某某品牌工具的
宣传册，它是一本真正意义的行业设计宝典，非常客观地为你讲解何为H5。
第2 个维度创新：第一本真正意义的互联网+ 图书
带有“互联网+”名号的图书国内已屡见不鲜，为什么它是第一本？难道因为H5 ？
没错，就是因为H5，但H5 只是载体，真正让本书与众不同的原因来源于它对形式和
内容上的全新探索。
传统图书以纸张作为载体，承载信息比较固定，很难有后续变动。而在近年来，随着互
联网的发展，我们开始将二维码加入图书，试图去创造新的增值内容。但就目前为止，所有
图书的网站植入、网盘植入、二维码植入都还比较单一，除了跳转文章，就是老套的配套视频，
你只有通过电脑才能观看这些附带的信息。而本书为了突破这个限制，专门为图书开发了配
套网站（www.ku-h5.com），它与本书内容深度链接，读者能够通过书中的二维码随时跳
转到内容相对应的网站演示、内容演示、文字演示、可交互动效演示、视频演示、声效演示等，
如此多维度的呈现方式在国内的纸质出版物中应该是首次，这是内容层面真正的互联网化，
让物理纸张与移动设备产生了更进一步的联动。
本书中的5 大演示分类，扫码二维码会跳转相应演示
纸张上的字虽然是死的，但是挂在网站上的内容却是活灵活现的，图书的配套网站收藏
了海量的行业讯息与设计资料，并且会随着时间的推移进行有效更新，而且纸质图书与网站、
作者，你将会在本书看到全新的思维方式和完全不同的行业视角。
这3 个维度的创新应该说就是本书的精髓所在了，本书最大的价值不在于内容本身，而
在于组织内容的方式和思考过程。
最后，希望小呆两年来的努力和尝试能为这个新兴行业做出一些有价值的贡献。
眼看2017 年的春天又要到了，我也终于完成了这曾经让我天天发愁，天天睡不好觉的
任务了，也许最后小呆真的什么都没能改变，但我真尽力去写、努力去想、尽力去做了，作
为一名设计师，希望我的这本设计图书能为你打开思路，能让你有所感悟，至少我的人生
因这本书发生了改变，谢谢你能看到我写的前言，我是小呆，希望有一天我们能成为真实
的朋友！
苏杭（小呆）于南京