After Effects 移动UI动效设计 案例精粹
上QQ阅读APP看书,第一时间看更新

前言

继计算机、互联网后,移动互联网已成为 IT 业的第三次浪潮向人们袭来。随着移动 3G、4G 网络的成熟与推广,以及移动设备硬件技术的发展,各种移动终端用户群体有了显著增加。移动设备作为一种新的媒介,在人类生活中开始扮演着重要的角色。移动互联网产品的社交化、位置化以及移动化特性吸引了大量用户,越来越多的用户开始使用并依赖各种移动互联网产品。随着移动互联网产业的兴起,移动客户终端已经成为移动互联网中一项重要产业,吸引了国内外众多企业的关注,同时促使大量公司投入人力、物力去进行移动互联网产品的设计开发。越来越多的企业将产品移植至各种移动操作平台上,将移动互联网作为公司后续的发展方向。然而,虽然国内外有大量的设计团队进行移动客户终端的移植与设计,但作为新兴事物的移动客户终端由于相对产生时间较短,在其设计中并没有一套完整的设计流程提供理论上的支持。多数设计团队在照搬PC 端软件开发流程或Web网站开发流程进行设计的过程中,已经发现了设计流程过长、设计无法根据市场做出敏捷改变等不足之处。

移动客户终端界面设计中全新的动画为界面视觉感受带来“深度”和“活力”。界面图形的动态效果也通过创新表达出视觉空间的新维度。以往,我们在进行交互设计的时候,大部分时间是基于界面和功能逻辑的考虑,也适当地进行了交互效果的考虑。那么我们如何把交互的动态效果直观地表现出来呢?除了用Axure做出交互的动态效果,PS绘制GIF图,代码设计动效外,还可使用一个非常容易上手的工具,那就是After Effects(AE)。After Effects是Adobe公司推出的一款图形视频处理软件,利用After Effects基于层的工作方式,可以非常方便地调入Photoshop、Illustrator等“层”文件,对多层图像进行控制;关键帧、路径概念的引入,使After Effects对于控制高级的二维动画游刃有余;而令人眼花缭乱的特技、特效系统,更能够实现使用者的设计创意。

本书以UI动效为出发点,结合精彩的制作案例详尽解析,深入分析讲解了After Effects的各个功能和命令,内容涵盖界面、工作流程、工具、菜单、常用视窗、其他视窗、如何使用特效、特效应用、第三方特效插件、层、遮罩、动画关键帧、文本效果、3D效果、表达式、渲染、输出等诸多知识要点。本书共分为6个部分,24个精彩制作案例,每一部分先介绍重要的知识点,然后借助具体的示例进行讲解,步骤详细、重点明确,手把手教你如何进行实际操作。书中全部制作案例围绕移动UI动效设计展开,由易到难、由浅入深,步骤清晰、简明、通俗易懂,适用于不同层次的制作者。书中提供了与案例相对应的各类素材,读者可以根据需要进行练习和使用。

汪兰川 刘春雷

二零一七年春 写于沈阳盛华苑