首页 > 图书中心 >图书详情

H5+移动营销设计宝典

H5营销专家小呆作品,解密腾讯天猫大众点评阿迪达斯等品牌H5营销路线图,当面访谈李三水、Lava等H5大咖,融会全行业智慧的H5奇书。内容包含:H5、HTML5、UI、交互设计、广告营销、互联网营销等领域

作者:苏杭
定价:79
印次:1-4
ISBN:9787302468554
出版日期:2017.06.01
印刷日期:2017.09.21

"这是一本关于H5移动营销网站设计的专业设计图书,它不仅仅会教你一些具体的设计方 法,还会让你了解H5的内容定义和规范、看到行业的现状和了解行业未来的走向。 本书共分5章,第1章是概念部分,讲解什么是H5;第2章是规范部分,用最通俗易懂的方式 阐述H5的设计规范;第3章是H5的具体设计方法,从原型绘制、内容表达、版式设计、文字设 计、动效设计、声效设计这6个要点展开细致分析,帮你学习设计H5网站;第4章是具体案例分 析,对2015—2016年国内最好的H5项目网站进行深入分析;第5章收录10篇行业内容专访,内容 会涉及到甲方、乙方、产品商、服务商等多家行业知名企业,能够让你对H5营销行业有更多认 识和了解。 这不是一本简单的工具书,它由纸质书、配套网站、行业公众号构成,而这三者在内容和体 验上又形成互补关系,你将会学习到非常系统的H5设计知识。 除了从事设计工作的设计师,本书同样适合H5网站设计的爱好者,本书对设计方法的阐述非 常细致,但内容新颖、全面、多样并且具有开创性,特别适合H5网站的初学者来学习研究。"

more >

前 言 文|小 呆 创作背景 还记得在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 年的春天又要到了,我也终于完成了这曾经让我天天发愁,天天睡不好觉的 任务了,也许最后小呆真的什么都没能改变,但我真尽力去写、努力去想、尽力去做了,作 为一名设计师,希望我的这本设计图书能为你打开思路,能让你有所感悟,至少我的人生 因这本书发生了改变,谢谢你能看到我写的前言,我是小呆,希望有一天我们能成为真实 的朋友! 苏杭(小呆)于南京

more >
扫描二维码
下载APP了解更多
图书分类全部图书
more >
  • 苏杭(小呆)我曾经是一名广告人,但后来我逃离了这个行业,成为了互联网设计师。而在完成这本书时,我的角色是内容服务商。在2014年,伴随着H5的出现,我投入到了H5的内容创作当中,并在随后的2年里,为行业留下了上百篇精品文章,对H5的理论概念、设计方法、核心价值等领域,做出了开荒性的探索与总结。而本书就是我内容创作的又一次新突破与新尝试。

  • 小呆的公众号,已是H5业界内容的风向标。鉴于H5突出的互动特性,我们意识到平媒根本无法满足其对创意、技术、动效、声效的解读,于是我们设计了图书网站,并在书中植入大量二维码作为连接;使得公众号、图书网站、纸质书三者形成互补关系,满足了内容演示、更新、互动的多重功能,这在国内是难得的首创!;H5本身还带有技术、设计、艺术、广告、营销等多重属性,所以,对于在职读者来说,需要了解大量信息和业界动态,才能在H5领域游刃有余,这些信息又往往非常凌乱和不系统。作者在本书不仅总结了系统的方法论,还为读者提供了实时更新的内容社群,可以说,你买到的不是一本,你买到的是一套会升级的行业宝库!
more >
  • 目录

    01 认识H5与广告

    1.1 传统广告怎么了?\ 4

    聊点传统广告的事儿 \ 4

    传统广告如今还是行业大佬么? \ 6

    那么,传统广告会被打败么? \ 8

    1.2 H5究竟是什么? \ 10

    “H5=HTML5”是否可以成立? \ 12

    “H5=微信网页”是否可以成立? \ 13

    “H5=移动PPT\APP”又是否可以成立? \ 14

    那么H5究竟是什么? \ 15

    了解定义的作用 \ 17

    1.3 H5与未来数码设计\ 18

    超媒体是什么? \ 19

    那么超媒体的 “非线性” 又是什么样子? \ 21

    超媒体的具体特征 \ 22

    超媒体实现的4个条件 \ 23

    H5是超媒体么? \ 25

    1.4 一个水果的比喻,让你认识H5的优势\ 27

    水果是否有营养价值 \ 27

    水果是否新鲜,好吃 \ 28

    水果的成熟周期 \ 30

    水果是否物美价廉 \ 32

    02 设计流程与规范技巧

    2.1 H5 的设计流程 \ 36

    目前H5 在设计方法上可以笼统地划分为三大类型 \ 36

    了解需求,选好方向 \ 38

    确定表现形式 \ 40

    设计表现 \ 42

    开发执行阶段 \ 43

    数据总结分析 \ 45

    2.2 H5 常用设计工具箱 \ 48

    H5 设计师使用工具 \ 48

    H5 动效展示工具 \ 51

    H5 设计生成工具 \ 53

    H5 常用辅助设计工具 \ 57

    2.3 H5 页面尺寸设计注意事项 \ 58

    03...

精彩书评more >

标题

评论

版权所有(C)2014 清华大学出版社有限公司 京ICP备05029640号 京公网安备11010802013248号

联系我们 | 网站地图 | 法律声明 | 友情链接 | 盗版举报 | 人才招聘