按钮+菜单+加载+转场UI交互动效设计教程

本书共分为6章，由浅入深地对UI交互设计知识进行讲解，帮助读者在了解UI交互设计知识的同时将这些知识合理运用于实际的UI设计中，帮助读者完成从基本概念的理解到实际操作方法与技巧的掌握。
第1章　UI交互设计基础。本章主要向读者介绍有关UI设计、UI交互设计的基础知识，包括交互设计与用户体验的关系、交互设计的基本流程，以及进行交互设计的过程中各关键步骤的分析等内容，使读者对交互设计有全面的认识和理解。
第2章　UI设计规范。本章全面细致地向读者介绍iOS和Android系统的UI设计规范，通过对设计规范的学习，使读者在针对不同系统的UI进行设计时更加得心应手，设计出更规范的移动端UI。
第3章　交互设计的UI布局。本章主要向读者介绍UI布局、格式塔原理等相关内容，有效提升UI的可用性，并且对UI的交互设计表现方式及特点进行介绍。
第4章　界面元素的交互设计。本章向读者介绍UI交互设计的细节与表现方式，使读者能够理解并掌握UI中不同元素的交互表现形式，从而有效地提升UI的交互体验。
第5章　UI交互动效基础。本章向读者介绍有关UI交互动效的基础知识，使读者能够深入理解交互动效，并向读者介绍制作UI交互动效的相关软件和基础表现方法。
第6章　UI交互动效设计与实现。本章向读者介绍UI中各种元素交互动效的表现形式和方法，并通过案例使读者掌
UI交互动效的制作方法。

UI交互设计是设计人与UI之间的“对话”，交互设计的目的包括对UI的有用性、易用性和吸引性方面进行设计和改善。近年来，随着互联网的发展，特别是进入数字时代，多媒体的应用让交互设计的研究显得更加多元化。产品的功能越来越复杂，提高产品用户体验的需求越来越迫切，这些对交互设计提出了越来越高的要求。
本书从研究交互设计与用户体验的关系开始，图文并茂、循序渐进地讲解了UI交互设计的基础、UI设计规范、交互设计的UI布局、UI中各种元素的交互设计方法和技巧，并且向读者介绍了交互动效设计的相关知识，通过对交互动效案例的讲解，使读者能够轻松掌握交互动效的制作方法和技巧，全面提升读者的UI交互设计水平，达到学以致用的目的。

UI交互设计是设计人与UI之间的“对话”，交互设计的目的包括对UI的有用性、易用性和吸引性方面进行设计和改善。近年来，随着互联网的发展，特别是进入数字时代，多媒体的应用让交互设计的研究显得更加多元化。产品的功能越来越复杂，提高产品用户体验的需求越来越迫切，这些对交互设计提出了越来越高的要求。
本书从研究交互设计与用户体验的关系开始，图文并茂、循序渐进地讲解了UI交互设计的基础、UI设计规范、交互设计的UI布局、UI中各种元素的交互设计方法和技巧，并且向读者介绍了交互动效设计的相关知识，通过对交互动效案例的讲解，使读者能够轻松掌握交互动效的制作方法和技巧，全面提升读者的UI交互设计水平，达到学以致用的目的。

王欣，从事UI设计工作多年，有丰富的UI设计教学经验。熟练掌握各种设计软件，了解设计流程，参与多个UI设计项目的工作流程和开发。并熟练掌握iOS系统和Androdi系统UI的UI设计规则。曾参与多个App项目的开发，在多家专业杂志发表专业论文。出版相关图书多本。

1.1 UI设计概述·····································1 
1.1.1 什么是UI 设计 ···································.1 
1.1.2 UI 设计常用术语 ·································.2 
1.1.3 UI 设计的特点 ····································.2 
1.2 了解UI交互设计·······························5 
1.2.1 什么是交互 ········································.5 
1.2.2 什么是交互设计 ··································.6 
1.2.3 了解UI 交互设计师 ·····························.7 
1.2.4 交互设计需要考虑的内容 ····················.8 
1.2.5 交互设计需要遵循的习惯 ······················.9 
1.3 交互设计与用户体验的关系 ···············9 
1.3.1 什么是用户体验 ·································.10 
1.3.2 六种基础体验 ····································.10 
1.3.3 UI 交互设计的重要性 ························.12 
1.3.4 交互设计的五要素 ·····························.13 
1.4 交互设计的基本流程 ······················14 
1.5 产品需求分析································15 
1.5.1 需求分析的误区 ·······························.16 
1.5.2 需求分析的路径 ·······························.16 
1.6 用户行为流程设计 ·························17 
1.6.1 用户行为流程的分类 ··························.18 
1.6.2 用户行为流程的设计原则 ····················.18 
1.7 产品信息架构设计 ·························20 
1.7.1 什么是产品信息架构 ·························.20 
1.7.2 如何进行产品信息架构设计 ·················.21 
1.8 产品原型设计 ·······························23 
1.8.1 什么是原型设计 ································.23 
1.8.2 原型设计的流程 ································.23 
1.9 移动端App与网站的交互差异 ··········24 
1.9.1 设备尺寸不同 ···································.24 
1.9.2 交互方式不同 ····································.25 
1.9.3 使用环境不同 ····································.27 
1.9.4 网络环境不同 ····································.27 
1.9.5 基于位置服务的精细度不同 ····&midd