新書推薦:
《
逆风翻盘 危机时代的亿万赢家 在充满危机与风险的世界里,学会与之共舞并找到致富与生存之道
》
售價:NT$
625.0
《
工业互联网导论
》
售價:NT$
445.0
《
孤独传:一种现代情感的历史
》
售價:NT$
390.0
《
家、金钱和孩子
》
售價:NT$
295.0
《
形而上学与测量
》
售價:NT$
340.0
《
世界航母、舰载机图鉴 【日】坂本明
》
售價:NT$
340.0
《
量价关系——透视股票涨跌脉络
》
售價:NT$
340.0
《
创伤与记忆:身体体验疗法如何重塑创伤记忆 [美]彼得·莱文
》
售價:NT$
295.0
|
編輯推薦: |
内容全面:围绕两大主流动效应用端(移动端和Web端),展示了各类典型动效实现方法。
平台多样:包括After Effects、Android、Illustrator、JavaScript、CSS3、DragonBones、Animate、Cinema 4D等。
体系完整:从简单到复杂、从理论到实践、从进阶到高阶、从二维到三维,为读者搭建了完整的知识体系。
视角独特:有序介绍了动效的作用、设计原则、分类、动效设计方法及动效制作软件,展示了基础动效、高级动效、3D动效等实现方法。
应用性强:每一部分均配有典型的应用实例,帮助读者汲取动效开发的技术精粹,火速上手实际工作中。
无缝连接:将After Effects动效导出到Android和Web应用中,将Cinema 4D动效导出到After Effects等。
|
內容簡介: |
动效是科技产品“情感化设计”的纽带,的动效设计在提升产品体验、用户黏性方面能够起到积极作用,
让产品充满生命力,使用户和界面之间产生情感的联系,从而提升用户体验。目前,动效已成为APP产品交互
设计和界面设计必不可少的元素之一。
本书是关于UI动效设计的实战教程图书,内容涵盖两种*典型、应用*广泛的动效应用端:移动端和Web端,
包括动效的作用、设计原则、分类、动效设计方法、动效典型制作软件及各类动效实例,其中,制作平台包
括After Effects、Android、Adobe Illustrator、 JavaScript、CSS3、DragonBones、Adobe Animate和
Cinema 4D等,动效实例包括基础动效、高级动效、3D动效等。
本书可作为UI设计等相关从业人员的参考手册,也可作为大中专院校设计相关专业的培训教程,还可作为广
大视觉设计和动效开发爱好者的拓展学习资料。
|
關於作者: |
博士后、北京市高创名师、北京市教学名师、北京市专业创新团队带头人。2010年至今指导学生参加全国职业技能竞赛获得一等奖4项、二等奖5项,曾出版著作十余本,撰写发表论文几十篇,涉及EI检索论文3篇、国际会议论文5篇、核心期刊4篇,以及教育改革十余篇等。
|
目錄:
|
动效基础知识
11为什么要为APP设计动效
12动效应用
121移动APP动效
122Web网站动效
13移动APP动效设计
131什么是移动APP的交互动
效设计
132移动APP动效的作用
133移动APP动效设计原则
134移动APP交互动效分类
14Web网站动效设计
141Web网站动效设计原则
142动效网站设计欣赏
15动效设计方法
16动效制作软件
161After Effects
162Adobe Photoshop
163Adobe Illustrator
164Adobe Edge Animate
165Adobe Animate CC
166Quartz Composer
167Principle
168Framer
169jQuery
1610Origami
1611Cinema 4D
1612Flinto
1613Hype
17动效设计流程
18本章小结
动效的分类和作用
21基础动效
211运动
212放大和缩小
213消失和出现
214翻转
215旋转
216变形
217变色
22动效作用
221使界面充满动感
222系统状态动态提示
223使界面友好有趣
224流畅的过渡
225界面元素的灵活隐藏和
展示
226增强操纵感
227高效反馈
228引导作用
229创新体验
23动效分类
231视觉反馈动效
232空间拓展动效
233功能改变动效
234层次结构交互动效
235视觉提示动效
236系统应用提示动效
237趣味交互动效
238转场动效
24动效评判
25本章小结After Effects的应用
31After Effects简介
311After Effects软件及
特点
312After Effects CC工作
界面
313After Effects CC的
合成
314After Effects CC的图层
315After Effects CC的
渲染
32After Effects CC 动画
321关键帧动画
322效果动画
323蒙版动画
324文字动画
325表达式动画
3263D动画
33After Effects动画导出
331导出为视频和图像
序列
332应用Bodymovin把After Effects
动画转换成WebAndroidiOS
原生动画
333应用Lottie库实现Android
iOSWeb加载After Effects
动画
34在Android中应用After Effects
动画
35在Web中应用After Effects
动画
36本章小结
Android基础动画
41绘图动画
411Graphics类基础
412Matrix类变换图片
413绘制路径文字
414绘制图片倒影
415drawBitmapMesh实现图像
扭曲
42矢量动画
421Android SVG动画
422插值动画
43Drawable动画
431Drawable类
432Drawable实现Frame动画
效果
433Drawable的高效用法
44Tween补间动画
45属性动画
451Animator
452ObjectAnimator
453AnimatorSet
46控件动画
461图片滑动切换
462图片手势放大缩小
463PhotoView和ViewPager
实现图片滑动和缩放
464列表折叠
47本章小结
APP基本动效
51滑动
52缩放
53展开折叠
54横竖屏切换
55堆叠切换
56提示
57图表
571MPAndroidChart
572HelloCharts
573AChartEngine
574XCLCharts
575GraphView
576HTML5数据图表
58滑动删除
59GitHub中优秀的开源动效
项目
510本章小结
APP进阶动效
61图标
611PS打造相机图标
612AI打造动感立体图标
62导航和菜单动效
621BottomTabBar实现导航
动效
622DrawerLayout和Navigation
View实现Android策划
菜单
623jQuery和CSS3制作手风琴
折叠菜单
624jQuery和CSS3实现导航
菜单
63Loading动效
631Android中进度条
632Progress Wheel
633AE制作水波纹
Loading
634AE插件Loadup轻松创建
各式Loading进度条
64手势动画
641Android手势动画
642点击波网页动画特效
643AE手势动画库
65文字动效
651AI与AE打造漂亮字体
动效
652AE Saber插件制作字体
动效
653jQuery和CSS3实现彩色霓虹灯发光文字动效
654网页SVG文字动效
655AE Super Text Pack
66AE Trapcode 插件
661安装Trapcode
662Trapcode Particular粒子
特效
663Trapcode 3D Stroke制作
文字描边
664Trapcode Mir制作变形
动画
67本章小结
Android中的3D动画
71Camera 3D动画实现
711Camera 3D实现图片旋转
动画
712Roate3dAnimation实现旋转
图片动画
713Rotate3D实现3D旋转
动画
714Camera与Matrix实现3D
立方体
72OpenGL ES
721OpenGL ES基础
722在Android中使用OpenGL
ES
723Android中OpenGL ES
基本操作
724OpenGL ES实现彩色旋转
的立方体
73本章小结
HTML5动画
81HTML5动画简介
811canvas元素结合
JavaScript
8
|
內容試閱:
|
感谢您选择本书,为了帮助您更好地学习本书的知识,请阅读下面的内容。
动效是科技产品“情感化设计”的纽带,在设计清晰的逻辑和漂亮的界面以后,需要使用动效将这些漂亮的设计衔接起来。
界面、交互、动效构成了情感化设计的三大载体,其中的动效不仅仅是界面的润滑剂,它的作用更多地体现在交互逻辑、
视觉渲染和创新实践上。
本书是关于APP动效设计的实战教程图书,全书共9章,从移动和网站开发的视角,有序介绍了动效的作用、设计原则、分类、
动效设计方法、动效制作软件、APP基础动效的制作、APP高级动效的制作、Android中的3D动画、HTML5动画和使用Cinema 4D制
作3D 特效等内容,具体如下。
第1章为动效基础知识,包括动效的应用、APP动效设计原则和分类、动效设计方法及动效制作软件。
第2章介绍动效的分类和作用,包括常见的各种基础动效的描述、动效的各种作用的描述、动效的各种分类的描述及动效的评判方法。
第3章介绍了动效设计软件After Effects(简称AE)的应用,包括该软件的特点、工作界面、合成、图层、渲染和输出,使用Bodymovin
插件导出动画的方法,在Android中使用Lottie导入AE动画的方法及Web中使用AE动画的方法。
第4章介绍Android基础动画,包括Android中的绘图动画、矢量动画、Drawable动画、属性动画和控件动画的实现方法。
第5章介绍APP基本动效的制作方法,讲解了APP各种典型动效的实现方法、APP各种类型图表的制作方法及GitHub中优秀的开源动效项目。
第6章介绍APP进阶动效的制作方法,包括图标、导航和菜单动效、Loading动效、手势动画、文字动效和After Effects高级动效,并结
合具体实例展示了详细操作步骤。
第7章介绍Android中的3D动画。在Android应用程序中,3D动画具有更好的表现效果。本章结合具体实例介绍在Android中实现3D动画效果
的两种典型方法:一是Camera实现3D动画,二是使用OpenGL ES动画库实现3D动画。
第8章介绍了HTML5动画。HTML5动画是目前网页广泛使用的动画,本章介绍了HTML5 动画的三种典型形式:(1)Canvas元素结合JavaScript;
(2)纯粹的CSS3动画;(3)jQuery动画。除此之外,本章还详细介绍了HTML5动画的两个制作工具DragonBones和Adobe Animate CC的应用方法。
第9章介绍使用Cinema 4D制作3D 特效的方法。Cinema 4D是目前主流的3D效果制作软件,用于3D建模、绘制、动画和渲染。本章介绍了Cinema 4D
的基本操作、运动图形、角色动画及RealFlow插件,并结合相关实例进行了说明。
本书具有下列特点。
(1)内容全面:内容涵盖两种最典型的动效应用端:移动端和Web端,基于这两种平台介绍了典型的动效实现方法。
(2)制作平台多样:本书涵盖多种典型的动效制作平台,包括After Effects、Android、Adobe Illustrator、 JavaScript、CSS3、DragonBones、
Adobe Animate、 Cinema 4D等,通过这些典型制作软件的展示,让您了解各平台的优点和适用范围。
(3)系统完整:从简单到复杂、从低级到高级、从二维到三维,系统介绍了动效的完整知识体系。
(4)视角独特:从移动和网站开发的视角,有序介绍动效的作用、设计原则、分类、动效设计方法及动效制作软件,循序渐进地介绍了基础、高级、
3D等动效的实现方法。
(5)应用性强:每一部分配以应用实例,让您轻松领会动效开发的精髓,快速提高开发技能。
由于编写时间仓促,加之作者水平有限,书中疏漏和错误之处在所难免,望广大专家、读者提出宝贵意见,以便修订时加以改正。
|
|