描述
开 本: 16开纸 张: 胶版纸包 装: 平装-胶订是否套装: 否国际标准书号ISBN: 9787121469558
大平台UI动效设计,内容更全面。
紧贴行业:一线设计师的10年经验总结,带你了解UI动效的真实行业需求。
纯干货:本书从理论、行业、实战三大环节入手,用了大量篇幅讲解完整的动效实例制作步骤,以服务案例为准,从步骤中带出设计理念和软件功能,干货满满。
资源丰富:赠送书中案例视频 效果制作视频讲解 两章电子书
在 5G 时代,互联网行业流行“全栈设计师”(什么都要会)。目前, UI 设计是互联网行业乃至整个智能设备行业不可或缺的环节,而动效设计在其中的作用越来越重要,不会做动效设计的 UI 设计师的就业会有很大的局限性。因此,UI 动效设计是互联网设计师未来需要具备的一项技能。
本书从理论、行业、实战三大环节入手,旨在梳理一条尽可能完整的跨越平台、贯穿用户体验始终的动效设计全链条。从早期的动效设计,到目前主流的智能设备 UI 动效设计,再到未来的创新动效设计形态,本书系统性地梳理动效设计的几大价值和完整细致的分类,以帮助读者更系统、更全面地学习动效设计,理解、思考动效设计的真正价值。在工具实战方面,本书以专题模块的形式,提取了几种常见、实用的动效类型,并紧密结合案例进行讲解,以帮助读者更快、更好地掌握软件的使用方法。
本书的内容从入门到深入,从理论到实战,适合院校设计专业(如交互设计、动画设计等)的学生,刚进入用户体验设计领域的职场新人,以及已有一定行业工作经验但希望能更系统、更深入地学习动效设计的设计师阅读。另外,本书也可以作为设计培训机构的培训教材。
第1章 认识UI动效神器AfterEffects
11认识After Effects的面板与菜单 2
111菜单栏 2
112工具栏 13
113项目面板组 15
114【合成】面板 17
115【时间轴】面板19
116【效果和预设】面板 25
117其他常用面板 26
12项目、合成与图层27
121新建与设置项目 27
122新建与设置合成 28
123图层通用属性 28
124图层样式 30
125图层类型 30
13渲染发布 47
131渲染输出设置 47
132导出图片序列 50
14效果、关键帧与表达式51
141常用的内置自带效果插件51
142表达式 63
第2章 动效基础知识
21动效设计简史 67
211智能手机时代的来临 67
212从MIUI V5和iOS 7谈起68
213后来者——Material Design
中的Animation(动画) 70
214另立门派——记得Metro UI吗 72
22动效的价值 74
221动效的润滑与缓冲作用 74
222使用动效展现层级/框架/逻辑 79
223反作用力——动效反推界面设计82
224动效设计的灵魂——节奏感 83
225指尖的舞蹈——动效与交互动作的融合86
23UI动效设计的分类解析91
231根据交互动作划分 91
232根据交互功能与场景划分 98
233响应不同输入手段的反馈动效类型 105
第3章 统一的韵律:智能手机系统的动效设计规范
31动效设计规范概述 109
311定义设计DNA 110
312划分系统层级 112
313划分动效设计的颗粒度 114
32动效设计规范在华为智能手机EMUI 30设计中的应用 118
321点线之美:EMUI 30的动效设计DNA 118
322EMUI 30动效设计规范 119
33案例:动画曲线精进 121
331惯性往复动效 122
332压缩-3D翻转回弹动效 129
333依次错落进场的组合动效 136
第4章 智能感知动效在智能汽车UI 设计中的应用
41智能感知与智能汽车用户体验 149
411智能汽车:新的浪潮之巅 149
412智能汽车的用户体验与UI设计 149
42智能汽车的感知体系与车机动效设计 151
421智能汽车的感知体系151
422动效——理想的实时动态信息传递方式 151
43畅想:HUD是否是车机最理想的模式 157
431HUD与智能汽车 157
432浅谈HUD与动效设计158
44智能汽车创意UI动效实战162
441案例:使用Particular效果制作下雪与雪花堆积动效 162
442案例:使用Particular效果制作下雨与雨花溅起动效174
第5章 突破二维空间——3D动效在ARUI 设计中的应用
513D动效设计概述 191
511拟物化视觉风格时代的3D动效 191
512“轻3D”与“2 5D”——扁平化风格下的3D动效创新 193
523D动效在AR UI设计中的应用 197
521浅谈AR眼镜的交互体系197
522新形态UI:悬浮在现实空间中的立体界面 198
523行业案例:“视族”AR智能眼镜的桌面动态图标设计 200
53案例:巧用3D图层做LED灯箱 203
531搭建基本框架203
532添加3D标题 206
533制作LED灯箱 210
534为5个LED屏幕盒子分配独立的屏幕内容 215
535添加Particular效果 218
536为5个LED屏幕盒子创建反射 226
537模拟低分辨率LED屏幕的颗粒效果 228
538创建光缆生长逐个点亮LED屏幕的动画 230
539增加摄像机运动动画 232
5310增加细节233
第6章 悬停的舞蹈:Hover(悬停)动效在Web端UI 设计中的应用
61Hover(悬停)动效概述 238
62Hover(悬停)动效在Web端UI设计中的应用 238
621Hover(悬停)动效的几大交互应用场景 238
622Hover(悬停)动效在VR/AR交互中的回归 244
63案例:做一组粒子聚散效果的Hover(悬停)动效 245
631打开初始工程文件,完成前期准备工作 246
632制作第一组Hover(悬停)动效 247
633新建合成用于粒子动效250
634添加图片素材,作为发射器形状251
635用多张图片替换作为随机多样化的粒子样式 254
636制作Particular效果的粒子发射关键帧动画258
637复制辅助说明文字图层,创建粒子到文字的过渡动画 261
638添加发光效果 263
639为粒子起始发射添加上升运动趋势 264
6310将制作完成的粒子动画合成导入主场景合成266
6311制作辅助说明文字呈粒子化消散的动效 268
第7章 小空间,大天地:转场动效与数据可视化动效在智能手表中的应用
71“视觉连贯”转场动效与数据可视化动效概述 271
711“视觉连贯”转场动效概述 271
712数据可视化动效概述272
72转场动效与数据可视化动效在智能手表交互中的应用 273
721智能手表交互中的转场动效 273
722智能手表交互中的数据可视化动效 274
73案例:智能手表运动健身类App的立体地图数据可视化动效 279
731创建3D地图 280
732创建模拟用户跑步路线的发光轨迹动效 285
733添加轨迹光线在穿梭过程中粗细变化的动效288
734添加轨迹光线在穿梭过程中颜色变化的动效289
735为粒子束轨迹光线创建结束时的关键帧 291
736为轨迹光线添加类似于虚线的断点分段效果 292
737为轨迹路线添加发光等更丰富的视觉效果293
738创建镜头运动动画 297
739添加数据辅助说明 298
静观形,动观意,动效设计是一种高级的沟通方式,可以让设计意图连续无缝地传达给用户。在数字变革时代,动效的内涵和形式正在发生巨变,希望此书可以成为一种契机,带你叩响动效世界的大门。
——站酷百万人气设计师小鹏汽车前高级视觉设计专家步果断
这本书顺应了当前数字媒体设计行业交叉、融合的大趋势。作为我校动画设计专业优秀的毕业生,作者在书中引用了其工作10 余年以来探索动画特效与用户体验设计相结合的丰富的创作实例。因此,本书可作为影视数字媒体专业学生的参考书。
——同济大学艺术与传媒学院硕士生导师周晓蕊
近几年,在界面设计中,动效已得到广泛应用,不仅冲破了以往固有的认知,使静态设计更具感官体验,更重要的是通过细节设计在2D空间内可以充分表现三维的动态体验,营造出自然界中真实的场景。本书将带领你探知如何洞察动效细节,并逐步掌握设计元素的运动规律、材质特性、空间关系和属性变化等。在界面设计中,可以通过“动效语言”来还原和界面交互的方式,以呈现观者眼中的真实世界。同时,用最低的成本告诉用户视觉动效呈现的来龙去脉,以及在这个过程中通过什么样的变化使呆板的界面元素富有情感,从而创造出愉悦的产品使用体验。
——来伊份集团前UED 设计总监刘静
在5G 时代,互联网行业流行“全栈设计师”(什么都要会)。目前,UI 设计是互联网行业乃至整个智能设备行业不可或缺的环节,而动效设计在其中的作用越来越重要,不会做动效设计的UI 设计师的就业会有很大的局限性。因此,UI 动效设计是互联网设计师未来需要具备的一项技能。
本书从理论、行业、实战三大环节入手,旨在梳理一条尽可能完整的跨越平台、贯穿用户体验的动效设计全链条。从早期的动效设计,到目前主流的智能设备UI 动效设计,再到未来的创新动效设计形态,本书系统性地梳理了动效设计的几大价值和完整细致的分类,以帮助读者更系统、更全面地学习动效设计,理解、思考动效设计的真正价值。在工具实战方面,本书以专题模块的形式,提取了几种常见、实用的动效类型,并紧密结合案例进行讲解,以帮助读者更快、更好地掌握软件的使用方法。
本书的内容从入门到深入,从理论到实战,适合院校设计专业(如交互设计、动画设计等)的学生,刚进入用户体验设计领域的职场新人,以及已有一定行业工作经验但希望能更系统、更深入地学习动效设计的设计师阅读。另外,本书也可以作为设计培训机构的培训教材。
评论
还没有评论。