具体描述
"这是一本关于H5移动营销网站设计的专业设计图书,它不仅仅会教你一些具体的设计方
法,还会让你了解H5的内容定义和规范、看到行业的现状和了解行业未来的走向。
本书共分5章,第1章是概念部分,讲解什么是H5;第2章是规范部分,用最通俗易懂的方式
阐述H5的设计规范;第3章是H5的具体设计方法,从原型绘制、内容表达、版式设计、文字设
计、动效设计、声效设计这6个要点展开细致分析,帮你学习设计H5网站;第4章是具体案例分
析,对2015—2016年国内最好的H5项目网站进行深入分析;第5章收录10篇行业内容专访,内容
会涉及到甲方、乙方、产品商、服务商等多家行业知名企业,能够让你对H5营销行业有更多认
识和了解。
这不是一本简单的工具书,它由纸质书、配套网站、行业公众号构成,而这三者在内容和体
验上又形成互补关系,你将会学习到非常系统的H5设计知识。
除了从事设计工作的设计师,本书同样适合H5网站设计的爱好者,本书对设计方法的阐述非
常细致,但内容新颖、全面、多样并且具有开创性,特别适合H5网站的初学者来学习研究。"
作者简介
苏杭(小呆)我曾经是一名广告人,但后来我逃离了这个行业,成为了互联网设计师。而在完成这本书时,我的角色是内容服务商。在2014年,伴随着H5的出现,我投入到了H5的内容创作当中,并在随后的2年里,为行业留下了上百篇精品文章,对H5的理论概念、设计方法、核心价值等领域,做出了开荒性的探索与总结。而本书就是我内容创作的又一次新突破与新尝试。
目录信息
01 认识H5与广告
1.1 传统广告怎么了? 4
聊点传统广告的事儿 4
传统广告如今还是行业大佬么? 6
那么,传统广告会被打败么? 8
1.2 H5究竟是什么? 10
“H5=HTML5”是否可以成立? 12
“H5=微信网页”是否可以成立? 13
“H5=移动PPTAPP”又是否可以成立? 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 H5 的设计方法
3.1 认识H5 的原型图 66
什么是原型图 66
H5 的原型图 67
H5 原型图应具备的因素 70
原型图存在的作用 72
3.2 把握好H5 设计的表现力 73
视觉气氛(传递情感) 73
形式感(打动用户的重要方法) 79
参与感(H5 设计的爆点) 82
3.3 H5 页面的版式设计要领 86
H5 与平面设计的版式到底哪里不同? 86
要如何应对H5 版面设计? 89
3.4 H5 的文字设计 103
设计师!你需要重新认识文字 103
改变你的排版习惯 112
H5 的标题设计 115
3.5 H5 的动效设计 124
关于动效,你要清楚一些事情 124
在H5 ,我们可以实现哪些动效? 139
动效在H5 的一些实际运用 146
3.6 H5 的声效设计 154
你一直在忽略声音 154
声音的3 个类别 156
H5 的背景音效 157
H5 的辅助音效 164
一些采样常识 166
04 H5 的精品案例
精品案例 4.1 大众点评—我们之间就一个字 176
精品案例 4.2 LPI—梦幻H5 189
精品案例 4.3 寻龙诀一起来寻龙摸金,活蒸大粽子 202
精品案例 4.4 腾讯游戏—众粉丝哭倒?吴亦凡圆寸疑为入伍做准备 214
精品案例 4.5 阿迪达斯—罗斯绝不凋零 228
精品案例 4.6 大众点评—你一身的渴望,我们从头开始满足你! 239
工具类精品案例 4.7 工具类精品案例—手机有话对你说 252
05 H5 的内容访谈
鱼脸互动Fish Face 专访内容(节选) 265
UID WORKS 专访内容(节选) 268
LxU 专访内容(节选) 270
LPI 良品互动 专访内容(节选) 272
W 上海 专访内容(节选) 274
腾讯TGideas 专访内容(节选) 278
搜狐新闻 专访内容 280
万达集团 专访内容 283
iH5 专访内容 286
甲本 专访内容 290
致谢/ 293
· · · · · · (收起)
读后感
文/菽麦 刚开始决定购买这本《H5+移动营销设计宝典》,意图是我想做一个H5的营销活动,正好看到了这一本,看了相关介绍觉得不错,就买了。 看完之后的感觉跟我刚开始购买的意图其实是相反的,买的时候想的是怎样利用这些工具做H5,但是看完之后觉得我之前的想法太狭隘了,因为...
文/菽麦 刚开始决定购买这本《H5+移动营销设计宝典》,意图是我想做一个H5的营销活动,正好看到了这一本,看了相关介绍觉得不错,就买了。 看完之后的感觉跟我刚开始购买的意图其实是相反的,买的时候想的是怎样利用这些工具做H5,但是看完之后觉得我之前的想法太狭隘了,因为...
文/菽麦 刚开始决定购买这本《H5+移动营销设计宝典》,意图是我想做一个H5的营销活动,正好看到了这一本,看了相关介绍觉得不错,就买了。 看完之后的感觉跟我刚开始购买的意图其实是相反的,买的时候想的是怎样利用这些工具做H5,但是看完之后觉得我之前的想法太狭隘了,因为...
文/菽麦 刚开始决定购买这本《H5+移动营销设计宝典》,意图是我想做一个H5的营销活动,正好看到了这一本,看了相关介绍觉得不错,就买了。 看完之后的感觉跟我刚开始购买的意图其实是相反的,买的时候想的是怎样利用这些工具做H5,但是看完之后觉得我之前的想法太狭隘了,因为...
最近在做地产类H5互动设计,花了一天时间看完了这本书,感觉写的挺系统,而且站在了一个比较高的高度去审视H5这种超媒体表现形式。 任何一个新兴事物出来后,经历过混乱之后,势必重归细分,重归理性。将来H5会和更多的交互形式、媒体表现相结合,也会逐渐找到最适合自己的细分...
用户评价
这本《H5+移动营销设计宝典》真是太及时了!作为一名在数字营销领域摸爬滚打多年的从业者,我一直在寻找一本能够系统性地梳理H5和移动端营销设计思路的书籍。市面上确实有很多关于H5制作工具或者单点案例的分享,但大多零散,难以形成完整的知识体系。这本书恰恰填补了这个空白。它没有止步于单纯的“怎么做”,而是深入地探讨了“为什么这么做”以及“如何做得更好”。从最初的用户洞察,到策略的制定,再到创意的生成,最终落脚到视觉设计和互动体验的打磨,每一个环节都衔接得非常自然流畅。我尤其喜欢其中关于用户旅程设计的章节,它非常细致地分析了不同触点下的用户行为模式,并给出了相应的H5设计策略,这对于我构思营销活动非常有启发。而且,书中还穿插了不少实际案例的深度剖析,这些案例的选择都非常有代表性,涵盖了不同行业和营销目标,让我能直观地感受到理论知识在实践中的应用。读完这本书,我感觉自己对H5和移动营销的理解又上了一个台阶,不再是零散的碎片,而是形成了一个有机的整体。
我是一名视觉设计师,但近年来,随着移动互联网的飞速发展,H5设计已经成为我工作中不可或缺的一部分。《H5+移动营销设计宝典》这本书,无疑为我提供了一个宝贵的视角。它让我明白,H5设计不仅仅是漂亮的界面和酷炫的动画,更是一种基于移动端用户习惯和心理的营销策略表达。书中关于“创意与技术结合”的探讨,让我看到了H5设计的无限可能性,以及如何在技术限制下,最大化创意的实现。我尤其喜欢书中关于“用户心理洞察在H5设计中的应用”的章节,它让我重新审视了用户在浏览H5时的心理活动,并思考如何通过设计来引导和满足这些心理需求。书中的大量案例分析,也为我提供了丰富的灵感,让我能够跳出固有的思维模式,去探索更多元化的设计风格和表达方式。这本书帮助我打通了从纯粹的视觉设计到更具营销价值的H5设计的转变,让我能够更好地为客户提供解决方案。
我是一名刚刚踏入营销设计行业的新人,对H5和移动营销的概念既熟悉又陌生。在学校里学到的一些理论知识,到了实际工作中总感觉有些脱节。朋友推荐了这本《H5+移动营销设计宝典》,说实话,一开始我还有点担心会不会太专业,难以理解。但当我翻开第一页,我的顾虑就烟消云散了。作者用非常浅显易懂的语言,一步步地引导我进入H5和移动营销的世界。书中不仅介绍了H5的各种表现形式和技术优势,更重要的是,它教会我如何从用户的角度去思考,如何设计出能够引起用户共鸣的内容。那些关于“如何让H5动起来”的讲解,不仅有理论指导,还有很多实操技巧,我按照书中的方法尝试了一下,效果确实比我之前摸索要好很多。特别是关于“如何利用H5提升转化率”的内容,对我来说简直是雪中送炭,让我在面对客户需求时,不再是束手无策,而是能给出更具说服力的方案。这本书对我而言,就像一个循循善诱的老师,让我从了解到熟悉,再到能够灵活运用。
作为一名专注于移动端用户体验的研究者,我一直对H5在用户参与度和留存方面的潜力非常感兴趣。《H5+移动营销设计宝典》这本书,恰好深入探讨了这一点。作者在书中不仅仅停留在如何吸引用户点击,更关注的是如何通过H5的设计,创造一个能够让用户深度沉浸的互动体验。书中关于“情感化设计”的章节,让我受益匪浅。它不仅仅是强调了视觉的吸引力,更是从色彩、动画、文案等多个维度,去挖掘如何触动用户的情感,从而建立更深层次的连接。另外,对于H5在不同营销环节中的应用,比如品牌推广、产品发布、用户激活等等,书中都给出了非常详尽的分析和策略建议。我特别赞赏书中关于“衡量H5的营销效果”这一部分的详细阐述,它提供了一套可操作的衡量指标和方法,让H5营销不再是“拍脑袋”的产物,而是可以被量化和优化的。这本书对于任何希望提升移动端营销效果的专业人士都具有极高的参考价值。
老实说,在阅读《H5+移动营销设计宝典》之前,我对“H5”这个概念的理解还停留在“会动的网页”的层面。但这本书彻底颠覆了我的认知。它不仅仅是教你如何制作一个炫酷的H5页面,更是提供了一个完整的营销思维框架。作者在书中详细阐述了H5作为一种强大移动营销工具的潜力,以及如何在不同的营销场景下,通过精妙的设计来达成营销目标。我特别欣赏书中关于“数据驱动的设计”的论述,它强调了在H5设计过程中,数据的重要性,以及如何利用数据反馈来优化用户体验和提升营销效果。这对于那些习惯于凭感觉做设计的营销人来说,绝对是一个重要的提醒。书中关于“跨平台适配”的章节也给了我很大的帮助,解决了我在实际工作中经常遇到的兼容性问题。总而言之,这本书提供了一种系统性的、战略性的视角来看待H5和移动营销,让我深刻认识到,优秀的H5不仅仅是视觉上的美观,更是策略、创意和用户体验的完美结合。
我是作者,希望大家多关注我的新书!
一般,可以作者写的书比较久干货比较少,讲的都是表面表层的东西太浅了,有几个章节都想跳过去。总体来说作者写的比较全,H5制作的各个方面都讲到了,但没有深入讲怎么去实现的过程都是讲的思路,但最重要的是思路没有说服力。可是我收获最终只得到个H5案例的网站~~~~
理论上集大成,可以当课本了。可技术上处处浅尝即止,不如阿文的教程。但总算有本思路清晰,不吹牛逼的书,值得再给一星。希望作者能继续出技术指导的作品。
还行
理论上集大成,可以当课本了。可技术上处处浅尝即止,不如阿文的教程。但总算有本思路清晰,不吹牛逼的书,值得再给一星。希望作者能继续出技术指导的作品。