交互动画设计的基础知识.PDFVIP

第 1 章　交互动画设计的基础知识 第1章　交互动画设计的基 本章知识点 交互设计与交互动画 础知识 交互动画实现法则 不同领域中的交互动画 信息时代的特征之一是各种各样的基于软件的产品包围着 交互动画展示 我们的生活和工作。这种状况导致很多没有接受过专业知识学 After Effects 基础知识 习的人员也想面对各种各样的交互产品 , 并对其进行了解与学 After Effects 与交互动画设计 习。那么什么是交互设计呢？交互设计又被称为互动设计，英 文名称为 Interaction Design, 缩写 XD。同时交互设计是定义 和设计人造系统的行为的设计领域。 　1.1　　交互设计与交互动画 随着人们逐渐依赖于互联网，越来越多的人使用手机、平板等移动设备访问互联网。这些设备便 成为让互联网与人进行交互的媒介，于是手机系统的人机交互体验就变得越来越重要。本章首先对交 互设计及交互式动画的基础进行了解，从而为后面的交互动画设计和制作打下良好的基础。 1.1.1　交互设计概述 什么是交互设计？交互设计定义了两个或多个互动的个体之间交流的结构和内容，使之相互配合， 共同达成某种目的。这些个体指的是人及其使用的产品和接受的服务。交互设计努力去创造和建立的 是人与产品及服务之间的有意义的关系。 从设计师的角度来说，通过交互设计可以让产品更加易用，可以让用户在使用产品的时候更加愉 悦，满足用户的目标和用户的期望。交互设计师通过了解“人”本身的心理和行为特点，结合自己的 灵感，设计出各种有效的交互方式。 交互设计来源于生活且高于生活。交互设计应该智能化，能够帮助人们分析、思考和简化。如图 1-1 所示的登录页面中就有智能的判断。 1 移动互联网之路——APP 交互动画设计从入门到精通 (After Effects 篇 ) 正常页面 多次输入错误 图1-1 用户在登录时需要输入校验码，但当前页面并不是让用户每一次都输入校验码，而是只有当该用 户在第一次输入错误的情况才让用户输入校验码。网站设置校验码，通常是为了避免机器破解密码， 或者人为试出密码，校验码的出现有效杜绝了这种行为。 1.1.2　关于交互动画设计 在各种交互式界面产品中，通常包含大量的动画。好的交互式动画能够带给人更加优越的用户体验， 交互设计受到了空前的重视。人们对产品的要求也越来越高，不再仅仅喜欢那些功能齐全、实用、耐 用的产品，而是转向了产品给人的心理感觉。用户在追求功能和价格之外的很重要的方面。 提高体验的目的，在于给用户一些舒适的、与众不同的或意料之外的感觉。用户体验的提高使整 个操作过程符合人们的基本逻辑，使交互操作过程顺理成章，而良好的体验则是用户在这个流程的操 作过程中获得的便利和收获。 交互式动画作为一种提高交互操作可用性的方法，越来越受到重视，国内外各大企业都在自己的 产品中默默地加入了交互动画效果，如图 1-2 所示为 Apple iPad 的交互动画效果。 图1-2 2 第