零基礎學互動設計

《零基礎學互動設計》是2020年清華大學出版社出版的圖書，作者是胡雪梅。

基本介紹

• 書名：零基礎學互動設計
• 作者：胡雪梅
• 出版社：清華大學出版社
• 出版時間：2020年6月1日
• 定價：69.8 元
• ISBN：9787302550679

內容簡介

零基礎學互動設計共分為5章，圖文並茂、循序漸進地講解互動設計的流程、互動動畫效果與UI設計的關係、UI布局、UI中各種元素的互動設計方法和技巧，並且通過互動動畫效果案例的製作講解，使讀者能夠輕鬆掌握互動動畫效果的製作方法和技巧，全面提升互動設計水平，真正達到學以致用的目的。

圖書目錄

第1章　互動設計概述 001

1.1?了解互動設計 002

1.1.1　互動與互動設計 002

1.1.2　互動設計師 003

1.1.3　互動設計的內容 005

1.1.4　互動設計需要遵循的習慣 006

1.2?互動設計的基本流程 007

1.2.1　產品需求分析 007

1.2.2　用戶行為流程的分類 009

1.2.3　產品信息架構 010

1.2.4　產品原型設計 012

1.3?產品互動行為流程設計原則 013

1.3.1　減少用戶行為數量 013

1.3.2　為用戶行為設計及時反饋 013

1.3.3　降低用戶行為難度 014

1.3.4　減少用戶等待時間 014

1.3.5　不輕易中斷用戶行為 015

1.4?移動與網站UI的互動差異 016

1.4.1　設備尺寸不同 016

1.4.2　互動方式不同 017

1.4.3　使用環境不同 018

1.4.4　網路環境不同 018

1.4.5　基於位置服務的精細度不同 019

1.5?本章小結 020

第2章　互動動畫效果基礎 021

2.1?互動動畫效果與UI設計 022

2.1.1　互動動畫效果的發展 022

2.1.2　優秀的互動動畫效果具有的特點 022

2.1.3　互動動畫效果的優勢 023

2.1.4　功能型動畫效果與展示型動畫效果 025

2.1.5　製作背景切換互動動畫效果 026

2.2?互動動畫效果的套用方式 032

2.2.1　轉場過渡 032

2.2.2　層級展示 032

2.2.3　空間擴展 033

2.2.4　關注聚焦 034

2.2.5　內容呈現 034

2.2.6　操作反饋 035

2.3?基礎動畫效果 035

2.3.1　基礎動畫效果類型 035

2.3.2　屬性變化 036

2.3.3　運動節奏 037

2.3.4　基礎動畫效果組合套用 038

2.3.5　製作App啟動界面動畫效果 038

2.4?UI的互動設計 044

2.4.1　用戶青睞的互動設計模式 044

2.4.2　如何提升產品轉化率 044

2.4.3　3種新穎的UI互動技巧 047

2.4.4　製作二維碼掃描動畫效果並輸出 049

2.5?本章小結 056

第3章　UI元素的互動設計 057

3.1?文字元素的設計表現 058

3.1.1　互動界面中的字型套用 058

3.1.2　儘可能只使用一種字型 059

3.1.3　如何體現文字的層次感 060

3.2?文字互動動畫效果 061

3.2.1　文字動畫效果的表現優勢 061

3.2.2　常見文字動畫效果表現形式 062

3.2.3　製作遮罩標題文字動畫效果 065

3.3?圖示元素的設計表現 072

3.3.1　圖示的功能 072

3.3.2　圖示的表現形式以及適用場景 074

3.4? 圖示互動動畫效果 077

3.4.1　常見圖示動畫效果表現形式 077

3.4.2　製作日曆圖示動畫效果 080

3.5?互動按鈕的設計表現 085

3.5.1　互動按鈕的樣式與套用 085

3.5.2　如何設計出色的互動按鈕 088

3.5.3　製作垃圾清理完成動畫效果 091

3.6?本章小結 099

第4章　UI的互動設計 100

4.1?移動UI布局 101

4.1.1　UI的布局特點 101

4.1.2　UI常見的布局形式 102

4.2?UI設計中的平面構成 106

4.2.1　統一與變化 107

4.2.2　對比與調和 107

4.2.3　對稱與平衡 108

4.2.4　節奏與韻律 108

4.3?UI互動導航選單設計 109

4.3.1　互動導航選單的優勢 109

4.3.2　互動導航選單的設計要點 110

4.3.3　製作側滑互動導航選單動畫效果 111

4.4?UI工具列互動設計 116

4.4.1　關於工具列互動動畫效果 116

4.4.2　製作工具列動感展開互動動畫效果 117

4.5?UI圖片互動設計 124

4.5.1　UI圖片排版方式 124

4.5.2　UI圖片套用技巧 126

4.5.3　製作界面圖片翻頁切換互動動畫效果 127

4.6?本章小結 137

第5章　UI中常見互動動畫效果的設計 138

5.1?UI互動設計的特點 139

5.1.1　明確的視覺反饋 139

5.1.2　提示界面功能的改變 139

5.1.3　擴展界面空間 140

5.1.4　突出界面變化 140

5.1.5　元素的層次結構及其互動 141

5.1.6　操作反饋 141

5.1.7　明確係統狀態 142

5.1.8　富有趣味性的動畫效果 143

5.1.9　製作下雪天氣動畫效果 144

5.2?UI互動動畫效果 150

5.2.1　常見界面互動動畫效果表現形式 150

5.2.2　開關按鈕的功能與特點 155

5.2.3　製作開關按鈕互動動畫效果 155

5.2.4　了解載入進度動畫效果 159

5.2.5　常見載入進度動畫效果的表現形式 160

5.2.6　製作圓形載入進度動畫效果 162

5.3?UI互動動畫效果設計規範 168

5.3.1　UI互動動畫效果設計要點 168

5.3.2　界面轉場互動動畫效果表現形式 171

5.3.3　製作界面列表顯示動畫效果 175

5.4?本章小結 180