H5匠人手册 霸屏H5实战解密 视觉设计 计算机网络工程 程序设计PDF|Epub|txt|kindle电子书版本网盘下载

H5匠人手册 霸屏H5实战解密 视觉设计 计算机网络工程 程序设计PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 铺垫2

1.1 H5的前身今世2

1.1.1 H5是什么2

1.1.2 H5的阶段性发展3

1.1.3 我们为什么做H56

1.2 怎样的H5才是好的H58

1.2.1 情感共鸣直击内心8

1.2.2 构思新奇有想象力10

1.2.3 交互炫酷有表现力13

1.2.4 技术创新新鲜有趣14

1.2.5 加入鼓励动力十足15

1.2.6 反客为主促进回流16

第2章 H5交互流程剖析21

2.1 一个H5策划的开始，源于好的沟通21

2.1.1 邀请参与者开会21

2.1.2 明确项目背景22

2.1.3 策划常见问题22

2.2 策划评估1：动机——是否能在短时间内吸引用户注意力并完成阅读25

2.2.1 利用心流理论控制节奏25

2.2.2 利用Hook理论引导用户32

2.3 策划评估2：框架——展现形式是否符合策划主题42

2.3.1 展示型43

2.3.2 引导型48

2.3.3 操作型51

2.4 策划评估3：任务——是否提炼出核心任务58

2.5 策划评估4：交互——交互方式与策划是否匹配60

2.6 策划评估5：原则——是否符合移动端的交互原则62

2.6.1 简化层级，结构扁平化62

2.6.2 降低阅读门槛，减少认知成本65

2.6.3 H5要注意分享属性68

2.6.4 一定要注意额外规范72

2.7 产出1：界面落实76

2.7.1 快76

2.7.2 细78

2.8 产出2：完善细节79

2.8.1 关于分享控件与回流入口79

2.8.2 文案配合专题80

2.8.3 适当的提示80

2.8.4 H5的返回设置82

2.8.5 H5的分段设置82

2.8.6 增加彩蛋83

2.9 产出3：沟通跟进，绕坑而行85

2.9.1 加载与控制文件大小85

2.9.2 避免手势冲突91

2.9.3 输入框91

2.9.4 播放器92

2.9.5 手机适配（iPhone X）93

2.9.6 其他设备端打开H594

2.9.7 微信诱导分享94

2.10 产出4：测试上线与数据监测97

2.11 常用交互手段98

2.11.1 结合手势激发H5亮点98

2.11.2 利用好硬件给H5添彩101

2.11.3 新科技引领新体验103

第3章 H5视觉套路110

3.1 制作一个H5，视觉设计师要做什么110

3.2 创意的视觉表现111

3.2.1 要有目的的创意111

3.2.2 创意形式千千万112

3.2.3 没有灵感？没关系125

3.3 执行——手头功夫很重要130

3.3.1 要展示的信息量大怎么办130

3.3.2 怎么搞定H5小游戏135

3.4 万能的插画152

3.4.1 做到表里如一152

3.4.2 形式很重要154

3.4.3 制造氛围156

3.4.4 案例赏析1158

3.4.5 案例赏析2161

第4章 H5动效解密166

4.1 何为动效166

4.1.1 动画与动效166

4.1.2 MG动画与动效169

4.1.3 交互与动效171

4.2 为何H5“无动效不欢”173

4.2.1 有趣加载治百病173

4.2.2 丝滑柔顺的转场175

4.2.3 一眼就看懂的引导178

4.2.4 反馈动效很有必要180

4.2.5 让人惊喜的动态视觉181

4.2.6 动画的魅力183

4.3 H5必备的运动法则188

4.3.1 基本运动规律188

4.3.2 贝塞尔曲线那点事儿191

4.3.3 不可忽视的反馈与夸张195

4.3.4 情绪的重要性199

4.3.5 空间感203

4.3.6 节奏205

4.4 H5与电影209

4.5 案例解析212

4.5.1 《里约小人大冒险》212

4.5.2 《2016请回答》215

4.5.3 《滑向童年》217

4.5.4 《纪念哈利·波特20周年》221

参考资料及延伸阅读223