![]()
内容推荐 这是一本关于互联网动效设计的实战教程图书,介绍了移动互联网时代体验动效设计行业的发展趋势。 毕康锐编著的《UI动效大爆炸(After Effects移动UI动效制作学习手册)》分为7章,通过文字和视频两种教学形式相结合,让大家对UI前期的行业、技能以及部门工作协同等知识有所了解,同时对动效软件的操作和动效案例的制作有较全面的掌握。本书除了文字介绍外,还有近20个视频教学案例,由浅入深地教会读者使用After Effects制作动效,且在学习之余,为读者分享了一些关于思维导图、分镜头绘制、前端开发等相关知识,以及工作过程中可能会遇到的一些困难解决方案和风险规避方法等。 本书适于传统UI设计师、在校相关专业学生或者希望系统学习UI动效设计的人学习使用。 作者简介 毕康锐,江西南昌大学艺术与设计专业学士,武汉华中科技大学计算机软件工程硕士。江西南昌人。先后担任江西南昌大学科技学院数字媒体研究所讲师,广东工大用户体验设计学科特邀教师。深圳设计联合会成员、中国用户体验专业协会(UXPA)成员、2017年UXPA中国用户体验设计大赛评委。 先后曾服务于奥地利Woduschegg&partener设计咨询事务所、华为软件技术、腾讯ISUX、VIVOUED用户体验设计团队。 中国首部红色动漫连续剧《安源小子》后期特效合成部门负责人。 近十年对于移动互联网UI动效(MotionGraphic)领域的研究和探索较为专注,包括Rom平台、APP、互联网营销视频、HTML5营销案、特效后期合成等领域。 目录 01 初识UI动效 1.1 认识UI 1.1.1 UI操作系统的发展简介 1.1.2 UED团队的构成与介绍 1.1.3 UI的应用领域分析 1.1.4 UI设计师的自我修养 1.2 认识UI动效 1.2.1 孕育中的UI动效 1.2.2 UI动效行业的现状与发展 1.2.3 UI动效的应用领域分析 1.2.4 让设计有意义地存在 1.3 如何玩转UI动效 1.3.1 系统设备的准备 1.3.2 我的切身学习体会 1.3.3 螺旋提升计划 1.3.4 建造你的灵感弹药库 1.3.5 如何正确看待“审美 1.3.6 嘿!你着什么急 1.4 UI动效制作的工具介绍 1.4.1 二维/原型类动画工具 1.4.2 3D类动画工具 1.4.3 After Effects 02 动手之前先动脑——如何提炼你的设计思维 2.1 全局考量 2.1.1 设计师和美工,仅一步之遥 2.1.2 “先整体后局部”的思考程序 2.1.3 美观,不代表一定优质 2.1.4 设计该有温度 2.2 如何构思你的动效方案 2.2.1 你真的懂得如何去“看”吗 2.2.2 绘制你的动画分镜头 2.2.3 可行性评估 2.2.4 可拓展性和品牌感 2.2.5 构思期间的进展同步 2.3 思维导图构建和灵感提炼 2.3.1 什么是思维导图 2.3.2 如何绘制你的思维导图 2.3.3 养成灵感提炼的习惯 03 教你如何快速玩转After Effects——五大学习阶段全修炼 3.1 半小时,熟悉After Effects系统的基本操作 3.1.1 认识After Effects的基本面板 3.1.2 如何将PSD文件导入After Effects 3.1.3 如何将AI文件导入After Effects 3.1.4 如何将Sketch文件导入After Effects 3.1.5 新建工程文件与相关参数设置 3.1.6 顶部工具栏的认识 3.1.7 图层编辑区域的介绍 3.1.8 红条出现,别慌 3.2 一小时,熟悉界面基本操作技巧 3.2.1 新建固态层(Solid Layer) 3.2.2 “嵌套”功能的使用 3.2.3 创建“父子关联 3.2.4 SHY和SOLO 3.2.5 关于“MASK”(遮罩)功能的介绍 3.2.6 3DLayer(3D层) 3.2.7 实战:After Effects摄像机的操作 3.3 两小时,学会形状图层的运用 3.3.1 如何创建Shape Layer 3.3.2 Contents属性的使用 3.3.3 关于路径图形的创建 3.3.4 Anchor Point(图层轴心点) 3.3.5 如何创建文字层 3.3.6 Null Object(空对象)的创建和使用 3.3.7 “木偶图钉”工具的使用 3.3.8 图层的复制、截断和去首尾处理 3.4 一小时,让你的UI动起来 3.4.1 帧与关键帧 3.4.2 关键帧的创建与使用 3.4.3 曲线动画效果的制作 3.5 聊聊渲染 3.5.1 After Effects渲染面板的介绍 3.5.2 不同的渲染输出方式介绍 04 动效大爆炸——H5动效的实现方式与Material Design动画 4.1 了解HTML5 4.1.1 什么是HTML5 4.1.2 前端工程师的介绍 4.1.3 动画实现大揭秘1:原生动画 4.1.4 动画实现大揭秘2:CSS3动画 4.1.5 动画实现大揭秘3:CSS2+JavaScript 4.1.6 动画实现大揭秘4:Canvas+SVG 4.1.7 动画实现大揭秘5:WebGL 4.1.8 动画实现大揭秘6:另辟蹊径 4.2 Material Design动画,你必须要知道的 4.2.1 什么是Material Design动画 4.2.2 影响Material Design动画的客观属性 4.2.3 Material Design的动画表现形式 4.2.4 Material Design动画设计的注意事项 05 游戏有外挂,动效有脚本——不同动效插件的介绍与使用方法 5.1 概述 5.2 Shape Fusion(融合效果脚本插件) 5.2.1 Shape Fusion的安装与加载方法 5.2.2 Shape Fusion的使用与操作流程 5.3 Mt.Mograph Motion(图形动画脚本插件) 5.3.1 面板区域的介绍 5.3.2 动画命令的介绍 5.4 Bodymovin(After Effects动画转HTML5的脚本插件) 5.4.1 关于Lottie工具的介绍 5.4.2 Bodymovin的安装与加载方式 5.4.3 如何在Bodymovin中完成动画的渲染输出 06 手把手教你玩动效——动效制作方法的视频全解析 6.1 概述 6.2 基础篇 6.2.1 水波纹加载动画 6.2.2 界面构成五部曲 6.2.3 LOGO诞生记 6.2.4 圆环波普棉花糖 6.2.5 线体ICON变形计 6.2.6 水滴融合Loading(有插件+无插件双实现版本) 6.2.7 灵动的文字百叶窗 6.2.8 生长的自行车 6.2.9 液态流体的LOGO 6.3 进阶篇 6.3.1 图形切割 6.3.2 2D卡通的爆炸LOGO 6.3.3 电击的LOGO 6.3.4 动感涂鸦字体LOGO 6.3.5 HUD炫动光环 6.4 高级篇 6.4.1 Hologram全息手表演示动效 6.4.2 QQ会员15周年加速特权篇动效方案 6.4.3 粒子LOGO动画 07 踏上不归路,就请坚持到底 7.1 自学,究 |