H5+移动营销设计宝典 pdf epub mobi txt 电子书 下载 2025

简体网页||繁体网页

☆☆☆☆☆

苏杭 著

图书标签:

• H5
• 移动营销
• 营销设计
• 用户体验
• 交互设计
• 网页设计
• 营销策略
• 电商营销
• 新媒体营销
• 设计宝典

出版社： 清华大学出版社

ISBN：9787302468554

版次：1

商品编码：12169448

包装：平装

开本：16开

出版时间：2017-04-01

用纸：胶版纸

页数：294

字数：455000

正文语种：中文

产品特色

编辑推荐

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

内容简介

　　这是一本关于H5移动营销网站设计的专业设计图书，它不仅仅会教你一些具体的设计方法，还会让你了解H5的内容定义和规范、看到行业的现状和了解行业未来的走向。
　　本书共分5章，第1章是概念部分，讲解什么是H5；第2章是规范部分，用*通俗易懂的方式阐述H5的设计规范；第3章是H5的具体设计方法，从原型绘制、内容表达、版式设计、文字设计、动效设计、声效设计这6个要点展开细致分析，帮你学习设计H5网站；第4章是具体案例分析，对2015—2016年国内*好的H5项目网站进行深入分析；第5章收录10篇行业内容专访，内容会涉及到甲方、乙方、产品商、服务商等多家行业知名企业，能够让你对H5营销行业有更多认识和了解。
　　这不是一本简单的工具书，它由纸质书、配套网站、行业公众号构成，而这三者在内容和体验上又形成互补关系，你将会学习到非常系统的H5设计知识。
　　除了从事设计工作的设计师，本书同样适合H5网站设计的爱好者，本书对设计方法的阐述非常细致，但内容新颖、全面、多样并且具有开创性，特别适合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为何能成为移动营销的“宠儿”。从HTML5标准下的各种新特性，到CSS3在视觉呈现上的无限可能，再到JavaScript赋予H5的交互生命力，我们将逐一为你解读。但这绝不是枯燥的技术讲解，而是将其与移动营销目标紧密结合，让你明白每一种技术特性如何能够服务于营销诉求，如何通过更生动的视听语言触达用户，激发用户的情感共鸣，从而实现品牌传播和用户转化的双重目标。 本书将深入探讨H5在移动营销场景下的多样化应用，例如： 品牌宣传活动： 如何利用H5的创意形式，打造令人印象深刻的品牌故事，传递品牌价值，提升品牌形象？我们将通过大量经典案例，解析其设计思路、互动玩法以及营销效果。 产品推广与发布： 如何用H5将产品特性以最直观、最有趣的方式呈现给用户？从产品功能的动态展示，到用户体验的虚拟模拟，再到趣味互动解锁产品信息，本书将为你提供一系列解决方案。 节日/事件营销： 如何抓住热点，快速反应，用H5制作出具有时效性、传播性的营销内容？我们将分享如何快速构思、高效制作，并结合社交裂变，最大化营销传播效果。 互动游戏与测试： 如何设计引人入胜的H5小游戏或趣味测试，让用户在娱乐中潜移默化地接受品牌信息，并留下宝贵的行为数据？本书将从游戏机制设计、关卡流程规划到奖励机制设置，提供全方位的指导。 用户裂变与社交分享： 如何通过精心设计的H5，驱动用户自发传播，实现病毒式营销？我们将深入剖析社交分享的心理机制，并教授如何设计能够激发用户分享欲望的互动环节和激励机制。 实战化设计流程，掌握高效创作方法： 理论的深度最终要落实到实践。本书将为你勾勒出一条清晰、完整、可复用的H5移动营销设计流程。我们将从需求分析、目标用户画像构建开始，到创意策划、故事板绘制，再到视觉设计、交互动效的实现，最终落脚于落地页优化和数据复盘。 需求分析与目标设定： 每一个成功的营销活动都始于清晰的需求和明确的目标。我们将教你如何深入洞察客户需求，准确把握营销目标，并将其转化为可执行的设计任务。 用户画像与场景构建： 了解你的目标用户是设计一切的前提。我们将指导你如何构建详尽的用户画像，理解他们的喜好、痛点和触媒习惯，从而设计出更具针对性和吸引力的H5内容。 创意构思与故事板： 好的创意是H5的灵魂。本书将为你提供多种创意激发方法，并教授如何将抽象的创意转化为可视化的故事板，清晰地规划H5的每一个场景、每一次交互。 视觉设计原则与实践： 移动端视觉设计有其独特性。我们将为你系统讲解移动端UI/UX设计原则，包括色彩搭配、字体选择、布局构图、动效运用等，并结合大量实操技巧，让你设计出既美观又易用的H5。 交互动效设计： H5的生命力在于交互。本书将深入讲解如何运用流畅、自然的动效来增强用户的沉浸感和参与感，如何通过微交互提升用户体验，从而将用户牢牢吸引在页面上。 内容策略与信息架构： 如何在有限的移动屏幕上，清晰、有效地传递品牌信息和产品价值？我们将为你解析内容组织、信息架构设计以及信息层级的重要性，确保用户能够快速找到所需信息，并理解核心传达点。 技术实现与兼容性考量： 设计不仅仅是创意和视觉，还需要兼顾技术的可行性。本书将涉及一些前端开发的基础知识，帮助你理解H5制作的技术限制和可能性，确保设计方案能够顺利落地。同时，我们将强调跨平台、跨终端的兼容性测试，保证H5在不同设备和浏览器上的良好表现。 落地页优化与转化提升： 最终目标是营销转化。本书将分享如何设计高效的落地页，引导用户完成预期的行为，如注册、下载、购买等，并教授A/B测试等方法，持续优化转化率。 数据分析与效果复盘： 营销活动的效果需要数据来衡量。我们将引导你如何利用数据分析工具，解读H5的用户行为数据，评估营销效果，并为下一次的活动提供宝贵的经验和改进方向。 案例研究与工具推荐，助力高效实践： “纸上得来终觉浅，绝知此事要躬行。”本书摒弃了空洞的理论，而是精选了大量来自不同行业、不同营销目标的优秀H5案例。我们将深入剖析这些案例的设计理念、创意亮点、技术运用、营销策略以及最终取得的成效，让你在学习过程中能够“知其然，更知其所以然”。 同时，本书还将为你推荐一系列在H5设计和移动营销领域备受推崇的工具和平台，从设计软件、原型工具，到H5制作平台、数据分析工具，我们将为你提供详尽的介绍和使用建议，帮助你提高工作效率，降低技术门槛。 谁适合阅读本书？ 品牌方与市场营销人员： 希望通过H5技术提升品牌影响力，策划更具创意和成效的移动营销活动的你。 数字营销从业者： 寻求掌握最新移动营销趋势，提升H5营销策划与执行能力的你。 UI/UX设计师： 希望拓展设计边界，将交互创意与营销目标完美结合，创作更具商业价值的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与社交媒体平台紧密结合，如何利用用户生成内容（UGC）来放大H5的传播效果，这些都是我之前思考不足的地方。我特别喜欢书中关于“数据驱动设计”的理念，它告诉我，好的H5不是拍脑袋想出来的，而是需要通过数据分析来不断优化和迭代的。这本书为我提供了一个非常系统化的H5营销方法论，让我能够更清晰地规划内容策略，更有效地执行营销活动。它让我看到了H5在内容营销中的巨大潜力，也让我对未来的内容传播形式有了更深的期待。

评分☆☆☆☆☆

可以，还不错，感觉内容还不错。

评分☆☆☆☆☆

买书只上京东书城，正版，有保障！建议搞半价活动的时候再买！

评分☆☆☆☆☆

不错 便宜划算 棒棒哒 好喜欢

评分☆☆☆☆☆

凑个字数吧啊

评分☆☆☆☆☆

没啥用对于新手来说

评分☆☆☆☆☆

这本书超实用，见解独到！

评分☆☆☆☆☆

书，仁者见仁智者见智。质量没的说

评分☆☆☆☆☆

书不错，很详细，正在研究

评分☆☆☆☆☆

很有用