0人評分過此書
這是一本關於H5設計方法和設計流程的書，作者為近年來佳作頻出的網易傳媒設計中心，其代表作品有《娛樂圈畫傳》《裡約小人大冒險》《我是一隻快樂的羊駝》《滑向童年》等。《H5匠人手冊：霸屏H5實戰解密》通過交互、視覺和動效三部分內容，從產品策劃、用戶心理、交互手段、視覺渲染、動效運用、移動界面設計常識等方面進行系統論述，通過理論講解和案例分析，詳細介紹了提升 H5 設計質量的方法和一些實用性強的手段，幫助讀者建立起一個更加完整的 H5 設計思維體系。本書適合從事 H5 相關工作的交互設計師、視覺設計師、動效設計師閱讀，也可供致力於 H5 設計的初學者和愛好者參考。
- 封面页
- 书名页
- 版权页
- 作者简介
- 内容简介
- 推荐序
- 友情推荐
- 前言
- 目录
-
第1章 铺垫
-
1.1 H5的前身今世
-
1.1.1 H5是什么
-
1.1.2 H5的阶段性发展
-
1.1.3 我们为什么做H5
-
-
1.2 怎样的H5才是好的H5
-
1.2.1 情感共鸣 直击内心
-
1.2.2 构思新奇 有想象力
-
1.2.3 交互炫酷 有表现力
-
1.2.4 技术创新 新鲜有趣
-
1.2.5 加入鼓励 动力十足
-
1.2.6 反客为主 促进回流
-
-
-
第2章 H5交互流程剖析
-
2.1 一个H5策划的开始，源于好的沟通
-
2.1.1 邀请参与者开会
-
2.1.2 明确项目背景
-
2.1.3 策划常见问题
-
-
2.2 策划评估1：动机——是否能在短时间内吸引用户注意力并完成阅读
-
2.2.1 利用心流理论控制节奏
-
2.2.2 利用Hook理论引导用户
-
-
2.3 策划评估2：框架——展现形式是否符合策划主题
-
2.3.1 展示型
-
2.3.2 引导型
-
2.3.3 操作型
-
-
2.4 策划评估3：任务——是否提炼出核心任务
-
2.5 策划评估4：交互——交互方式与策划是否匹配
-
2.6 策划评估5：原则——是否符合移动端的交互原则
-
2.6.1 简化层级，结构扁平化
-
2.6.2 降低阅读门槛，减少认知成本
-
2.6.3 H5要注意分享属性
-
2.6.4 一定要注意额外规范
-
-
2.7 产出1：界面落实
-
2.7.1 快
-
2.7.2 细
-
-
2.8 产出2：完善细节
-
2.8.1 关于分享控件与回流入口
-
2.8.2 文案配合专题
-
2.8.3 适当的提示
-
2.8.4 H5的返回设置
-
2.8.5 H5的分段设置
-
2.8.6 增加彩蛋
-
-
2.9 产出3：沟通跟进，绕坑而行
-
2.9.1 加载与控制文件大小
-
2.9.2 避免手势冲突
-
2.9.3 输入框
-
2.9.4 播放器
-
2.9.5 手机适配（iPhone X）
-
2.9.6 其他设备端打开H5
-
2.9.7 微信诱导分享
-
-
2.10 产出4：测试上线与数据监测
-
2.11 常用交互手段
-
2.11.1 结合手势激发H5亮点
-
2.11.2 利用好硬件给H5添彩
-
2.11.3 新科技引领新体验
-
-
-
第3章 H5视觉套路
-
3.1 制作一个H5，视觉设计师要做什么
-
3.2 创意的视觉表现
-
3.2.1 要有目的的创意
-
3.2.2 创意形式千千万
-
3.2.3 没有灵感？没关系
-
-
3.3 执行——手头功夫很重要
-
3.3.1 要展示的信息量大怎么办
-
3.3.2 怎么搞定H5小游戏
-
-
3.4 万能的插画
-
3.4.1 做到表里如一
-
3.4.2 形式很重要
-
3.4.3 制造氛围
-
3.4.4 案例赏析1
-
3.4.5 案例赏析2
-
-
-
第4章 H5动效解密
-
4.1 何为动效
-
4.1.1 动画与动效
-
4.1.2 MG动画与动效
-
4.1.3 交互与动效
-
-
4.2 为何H5“无动效不欢”
-
4.2.1 有趣加载治百病
-
4.2.2 丝滑柔顺的转场
-
4.2.3 一眼就看懂的引导
-
4.2.4 反馈动效很有必要
-
4.2.5 让人惊喜的动态视觉
-
4.2.6 动画的魅力
-
-
4.3 H5必备的运动法则
-
4.3.1 基本运动规律
-
4.3.2 贝塞尔曲线那点事儿
-
4.3.3 不可忽视的反馈与夸张
-
4.3.4 情绪的重要性
-
4.3.5 空间感
-
4.3.6 节奏
-
-
4.4 H5与电影
-
4.5 案例解析
-
4.5.1 《里约小人大冒险》
-
4.5.2 《2016请回答》
-
4.5.3 《滑向童年》
-
4.5.4 《纪念哈利·波特20周年》
-
-
- 参考资料及延伸阅读
- 出版地 ： 中國大陸
- 語言 ： 簡體中文
評分與評論
請登入後再留言與評分
PDF
EPUB
PDF
PDF
PDF
