作品简介

这是一本关于H5设计方法和设计流程的书,作者为近年来佳作频出的网易传媒设计中心,其代表作品有《娱乐圈画传》《里约小人大冒险》《我是一只快乐的羊驼》《滑向童年》等。《H5匠人手册:霸屏H5实战解密》通过交互、视觉和动效三部分内容,从产品策划、用户心理、交互手段、视觉渲染、动效运用、移动界面设计常识等方面进行论述,通过理论讲解和案例分析,详细介绍了提升H5设计质量的方法和一些实用性强的手段,帮助读者建立起一个更加完整的H5设计思维体系。本书适合从事H5相关工作的交互设计师、视觉设计师、动效设计师阅读,也可供致力于H5设计的初学者和爱好者参考。

网易传媒设计中心拥有交互用研团队、视觉设计团队近30余人,各团队除了专注自身领域,又时时融合在一起,以科学的设计方法和流程打造高精尖产品。我们以“不断提升网易产品用户体验,带给用户极佳的使用感受”为目标而努力。目前设计中心服务的范围涵盖网易门户旗下所有内容部门,包括新闻、财经、体育、娱乐、科技、直播、原创等多条业务线,并从H5迅猛发展以来,打造出了多款页面浏览量上千万的H5产品,刷爆朋友圈,例如《娱乐圈画传》《里约小人大冒险》《我是一只快乐的羊驼》《滑向童年》等。

作品目录

  • 作者简介
  • 内容简介
  • 推荐序
  • 友情推荐
  • 前言
  • 行业背景
  • 成书历程
  • Why——我们为什么要做H5
  • Who——用户是谁
  • What——优质H5的评判标准
  • How——怎么做一个H5
  • 第1章 铺垫
  • 1.1 H5的前身今世
  • 1.2 怎样的H5才是好的H5
  • 第2章 H5交互流程剖析
  • 2.1 一个H5策划的开始,源于好的沟通
  • 2.2 策划评估1:动机——是否能在短时间内吸引用户注意力并完成阅读
  • 2.3 策划评估2:框架——展现形式是否符合策划主题
  • 2.4 策划评估3:任务——是否提炼出核心任务
  • 2.5 策划评估4:交互——交互方式与策划是否匹配
  • 2.6 策划评估5:原则——是否符合移动端的交互原则
  • 2.7 产出1:界面落实
  • 2.8 产出2:完善细节
  • 2.9 产出3:沟通跟进,绕坑而行
  • 2.10 产出4:测试上线与数据监测
  • 2.11 常用交互手段
  • 第3章 H5视觉套路
  • 3.1 制作一个H5,视觉设计师要做什么
  • 3.2 创意的视觉表现
  • 3.3 执行——手头功夫很重要
  • 3.4 万能的插画
  • 第4章 H5动效解密
  • 4.1 何为动效
  • 4.2 为何H5“无动效不欢”
  • 4.3 H5必备的运动法则
  • 4.4 H5与电影
  • 4.5 案例解析
  • 参考资料及延伸阅读
展开全部