【现货!】匠人手册:霸屏H5实战解密 网易传媒设计中心 著 清华
二手会有少量涂画,整体不影响再次阅读使用!套装不一定齐全,请下单前咨询在线客服!
¥
4.1
0.5折
¥
89.9
八五品
仅1件
作者网易传媒设计中心 著
出版社清华大学出版社
ISBN9787302502982
出版时间2018-07
版次1
装帧平装
开本16开
纸张胶版纸
页数226页
字数99999千字
定价89.9元
货号9787302502982
上书时间2024-12-04
商品详情
- 品相描述:八五品
- 商品描述
-
基本信息
书名:匠人手册:霸屏H5实战解密
定价:89.90元
作者:网易传媒设计中心 著
出版社:清华大学出版社
出版日期:2018-07-01
ISBN:9787302502982
字数:260000
页码:226
版次:
装帧:平装
开本:16开
商品重量:
编辑推荐
随着朋友圈的普及,H5也成为当今非常流行的一种媒介:重大盛事、娱乐新闻、时令风俗……一支支H5以此为素材或浓墨重彩,或剑走偏锋,并结合新兴技术如VR、人脸识别等,赋予事件本身更多的趣味,在博得一笑或深思之余,也让人忍不住想分享出去。但H5也存在天生的缺陷,即传播热度来得快去得也快。“台上十分钟,台下十年功”,每一支短短的H5背后却蕴含着作者大量的心血。《H5匠人手册:霸屏H5实战解密》正是为此而来,通过实例剖析,让作品背后的设计精髓更长久地流传。相信作者团队沉淀的干货会对读者有所启发,帮助你设计出更加优秀的H5!
内容提要
这是一本关于H5设计方法和设计流程的书,作者为近年来佳作频出的网易传媒设计中心,其代表作品有《娱乐圈画传》《里约小人大冒险》《我是一只快乐的羊驼》《滑向童年》等。《H5匠人手册:霸屏H5实战解密》通过交互、视觉和动效三部分内容,从产品策划、用户心理、交互手段、视觉渲染、动效运用、移动界面设计常识等方面进行系统论述,通过理论讲解和案例分析,详细介绍了提升 H5 设计质量的方法和一些实用性强的手段,帮助读者建立起一个更加完整的 H5 设计思维体系。本书适合从事 H5 相关工作的交互设计师、视觉设计师、动效设计师阅读,也可供致力于 H5 设计的初学者和爱好者参考。
目录
章 铺垫 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 周年》 参考资料及延伸阅读
作者介绍
网易传媒设计中心拥有交互用研团队、视觉设计团队近30余人,各团队除了专注自身领域,又时时融合在一起,以科学的设计方法和流程打造高精尖产品。我们以“不断提升网易产品用户体验,带给用户好的使用感受”为目标而努力。目前设计中心服务的范围涵盖网易门户旗下所有内容部门,包括新闻、财经、体育、娱乐、科技、直播、原创等多条业务线,并从H5迅猛发展以来,打造出了多款页面浏览量上千万的H5产品,刷爆朋友圈, 例如《娱乐圈画传》《里约小人大冒险》《我是一只快乐的羊驼》《滑向童年》等。
序言
— 没有更多了 —
以下为对购买帮助不大的评价