H5匠人手冊：霸屏H5實戰解密

基本介紹

• 書名：H5匠人手冊：霸屏H5實戰解密
• 作者：網易傳媒設計中心
• ISBN：9787302502982
• 定價：89.90元
• 出版時間：2018.08.01

圖書信息

H5匠人手冊：霸屏H5實戰解密

作者：網易傳媒設計中心
　　定價：89.90元
印次：1-1
ISBN：9787302502982
出版日期：2018.08.01
印刷日期：2018.06.28

內容簡介

這是一本關於H5設計方法和設計流程的書，作者為近年來佳作頻出的網易傳媒設計中心，其代表作品有《娛樂圈畫傳》《里約小人大冒險》《我是一隻快樂的羊駝》《滑向童年》等。《H5匠人手冊：霸屏H5實戰解密》通過互動、視覺和動效三部分內容，從產品策劃、用戶心理、互動手段、視覺渲染、動效運用、移動界面設計常識等方面進行系統論述，通過理論講解和案例分析，詳細介紹了提升 H5 設計質量的方法和一些實用性強的手段，幫助讀者建立起一個更加完整的 H5 設計思維體系。本書適合從事 H5 相關工作的互動設計師、視覺設計師、動效設計師閱讀，也可供致力於 H5 設計的初學者和愛好者參考。

圖書目錄

第1章鋪墊

1.1H5的前身今世

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.3H5要注意分享屬性

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　手機適配（iPhoneX）

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.3H5必備的運動法則

4.3.1　基本運動規律

4.3.2　貝塞爾曲線那點事兒

4.3.3　不可忽視的反饋與誇張

4.3.4　情緒的重要性

4.3.5　空間感

4.3.6　節奏

4.4H5與電影

4.5案例解析

4.5.1　《里約小人大冒險》

4.5.2　《2016請回答》

4.5.3　《滑向童年》

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

參考資料及延伸閱讀