本书是一本介绍移动H5设计的实例操作型教程，讲解了H5的开发工具、图文内容设计、应用开发制作、移动视觉营销和创意制作，以及H5设计实战案例等方面知识，帮助读者从新手成长为移动H5设计高手。 本书共11章，包括H5营销的优势、工具软件简介、Photoshop制作详解，移动H5的策划与开发、热门开发技术，移动H5的视觉风格、视觉创意设计要点与方法，还有H5移动单页及节日场景、产品推广、企业招聘广告综合设计等内容，读者学后可以融会贯通、举一反三，制作出更多精彩、完美的移动H5页面效果。 本书适合从事移动互联网工作的设计师、微信营销人员，以及利用H5进行营销的公司和需要进行移动互联网营销的企业相关人员使用。随书附赠教学资源，包括书中案例的素材文件、效果文件，以及在线操作演示视频，读者可以边学习边练习，提高学习效率。

软件操作篇
第1章 H5微营销：互动性更强的场景体验
1.1 H5移动营销，更小、更快、更简单
1.1.1 为什么选择做H5营销
1.1.2 H5移动营销的功能特色
1.1.3 细数用户的行为特征
1.2 用实力说话，H5移动营销的优势
第2章 工具：H5常用工具简介
2.1 设计方法：H5移动设计的3种途径
2.2 元素设计：H5的图形图像、影音开发工具
2.2.1 Photoshop——功能强大的设计工具
2.2.2 Illustrator——专业的矢量图绘制工具
2.2.3 Sketch——移动UI界面设计工具
2.2.4 After Effects——制作炫酷的视频特效
2.2.5 Cinema 4D——专业的三维软件工具
2.2.6 Final cut Pro——专业视频非线性编辑软件
2.2.7 Garage Band——数码音乐创作软件
2.3 动画设计：H5设计的演示动画制作工具
2.3.1 Keynote——设计吸引人的PPT
2.3.2 HYPE——做出悦目的动画效果
2.4 技术实现：H5的定制化发挥和创作工具
2.4.1 FWA——H5可以实现什么动态效果
2.4.2 W3school——了解H5的基础代码知识
2.5 快速套用：互联网模板类H5开发平台
2.5.1 人人秀——3分钟制作H5微场景平台
2.5.2 易企秀——一键生成企业营销H5
2.5.3 兔展——让H5设计不再单调
2.5.4 MAKA——轻松搞定H5定制推广
2.5.5 初页——把你的照片变成故事和书
2.6 创意设计：互联网功能类H5开发平台
2.6.1 互动大师（iH5）——可视化的H5在线编辑器
2.6.2 意派360——非常懂设计师的专业H5工具
2.7 组合使用：各种H5工具的选择方式
2.7.1 开发类H5工具的选择
2.7.2 网站类H5工具的选择
2.8 省时省力：H5设计常用的辅助工具
2.8.1 格式工厂——声音/视频压缩工具
2.8.2 PsPlay——在手机上预览Photoshop设计稿
2.8.3 TinyPNG——图片压缩工具
2.8.4 草料——二维码生成工具
第3章 重点：H5之Photoshop详解
3.1 图像设计：轻松提升H5作品的颜值
3.1.1 控制移动H5图像的画布
3.1.2 运用工具裁剪移动H5图像
3.1.3 移动H5图像的抠图合成
3.1.4 移动H5图像的影调调整
3.1.5 移动H5图像的色彩调整
3.1.6 移动H5图像设计的绘图基础
3.1.7 移动H5图像的路径编辑技巧
3.1.8 移动H5图像的修饰与修复
3.2 文字设计：做出有质感的好作品
3.2.1 认识移动H5中的文字
3.2.2 输入移动H5图像文字
3.2.3 设置移动H5文字属性
3.2.4 设置移动H5段落属性
3.2.5 设置H5文字的排版样式
3.2.6 设置H5的标题文字格式
3.2.7 制作移动H5界面路径文字
3.2.8 制作与编辑变形移动H5文字
应用开发篇
第4章 流程：移动H5的策划与开发
4.1 前期准备：让H5设计事半功倍
4.1.1 定目标：H5用来做什么
4.1.2 找热点：H5如何火起来
4.1.3 写策划：H5如何做起来
4.2 程序设计：做H5的基本流程
4.2.1 选择模板：一键生成H5作品
4.2.2 交互设计：让H5更具互动性
4.2.3 视觉设计：给H5锦上添花
4.3 测试分析：做好H5的总结与沉淀
4.3.1 程序测试：进行修改和完善
4.3.2 活动上线：做好H5的推广
4.3.3 效果分析：实现数据化营销
第5章 技术：移动H5热门开发技术
5.1 让H5人气值爆棚的“黑科技
5.1.1 运用720度全景技术打造全景画面效果
5.1.2 运用3D旋转技术让H5画面更加动感
5.1.3 运用人脸识别技术实现H5趣味营销
5.1.4 运用物理引擎技术创建出虚拟世界
5.1.5 运用重力感应技术提升用户的互动体验
5.1.6 运用手指跟随产生滑动幻灯片效果
5.2 H5+VR/AR/AI：融合高端定制开发
5.2.1 运用AR技术结合线下活动和线上互动
5.2.2 运用VR技术生成一种虚拟的动态情境
5.2.3 运用AI技术让移动H5作品变智能
5.3 展现动态炫酷画面的H5技术运用
5.3.1 运用快闪影片让H5作品更吸引眼球
5.3.2 运用粒子特效展现炫酷的动画效果
5.3.3 运用视频互动更好地展示品牌内容
5.3.4 运用多屏互动打造互动娱乐新模式
5.3.5 运用GIF动画让页面变得生动
视觉设计篇
第6章 风格：移动H5视觉风格设计
6.1 设计原则：五大H5设计精髓要点
6.1.1 有创意，少抄袭，多原创
6.1.2 注重H5设计风格的统一
6.1.3 H5原型图的绘制与构思
6.1.4 营造出合适的视觉氛围
6.1.5 让用户真实参与和体验
6.2 设计风格：12种H5设计风格解析
6.2.1 扁平、插画视觉风格设计
6.2.2 手绘、动漫视觉