说到UI,动态的效果是必不可少的。 动态设计作为UI设计中不可或缺的一环,从最初的美丽酷炫已经发展成为提高用户体验和产品需求的重要作用。
这几年,为了贴上“方便、易学、高效”的标签,有效地制作而定制的工具(软件)大量出现。 数艺为了不踩雷,特意给大家盘点了一下。
2d/原型动画工具
1 .动画抄送
Animate CC由原来的Adobe Flash Professional CC改名,其前身是众所周知的Flash。 2015年12月2日,Adobe宣布将Flash Professional改名为Animate CC,同时在Flash SWF文件的基础上增加了对HTML5的支持。 2016年1月,面向Animate CC发布的新版本正式更名为Adobe Animate CC,如图所示,简称为An。
Adobe Animate CC
主要用途:制作多媒体动画。
优点:是Adobe类常用产品,有一定的用户基础,新版本与HTML5等网页格式有很好的兼容性。
缺点:除非有很好的ActionScrip创作能力,否则通常只能实现基于二维平面的视觉效果。 一直以来,我个人觉得用它制作动画和原型动画就像“牛刀杀鸡”,但我想制作复杂的动画效果,设计师自己就熟练掌握了软件
2. Flinto
flintoforMAC(windows版还没有)是一个轻量级、高效的综合交互式原型设计工具,可以创建任何原型。 从最简单的页面跳到令人印象深刻的美丽过渡。 不需要代码,也不需要复杂的时间轴。 如图所示,Flinto的易用性几乎是所有原型工具中最简单、最快捷的。
Flinto for Mac
主要用途:制作动态交互式样机。
优点:体量小,安装专用的Sketch插件,可以与Sketch无缝配合iPhone端可以下载专用的App,支持手机实时预览原型方案,通过手机进行交互
缺点:仅限于使用Mac设备; 无法实现比较复杂的交互; 对于其他设计领域的实际运用支援度不高。
3. Principle
Principle是一款小巧轻便的交互式制作软件,在界面风格上与Sketch相似,比较容易上手。 与草图配合使用时非常有用,因为可以直接导入草图的当前画布内容,如图所示。
打印机
主要用途:制作动态交互式样机。
优点:使用方便,与Sketch集成度高,支持APP下载效果预览。
缺点:仅限于Mac设备; 相对复杂的交互制作无法实现。
4. Tumult Hype
Tumult Hype是一种HTML5动画开发工具,支持图层、时间轴等编辑方式,支持导出HTML5、CSS3、JavaScript等web格式的文件,以及ios和Android平台其特点是可以在网页上制作精美的动画效果,虽然搭载了中文版,但是对复杂效果的制作和练习支持度很低,毕竟是面向HTML的非常好用的动画工具。
在Hype3中,无需代码就可以实现简单的页面动画效果
主要用途:制作动态交互式样机。
优点:对网页和HTML5的支持度很高,用户不需要编程基础就能发挥作用,可以直接生成HTML5格式的文件。
缺点:只支持使用Mac设备,没有一致性好的软件和工具协作体系。 所以合作有点麻烦,层的导入能力比不上上述两个工具。 Hype3只有三个独特的图形绘制形状,无法编辑曲线。 此外,它不直接支持在Sketch或Photoshop中使用。 只能从其他软件导出图像,然后手动读取。
原型是UI设计中不可缺少的一环,原型的输出像以前那样只需要设计师提供静态的交互图像的公司越来越多。 特别是向上司汇报工作时,大多数设计师倾向于以动态的交互式原型形式进行交互式演习。
这里需要注意的是,虽然上述的一些工具比较容易得到,但是对于稍微复杂的交互的制作,它们也是无法期待的。
3D动画工具
1. Autodesk 3ds Max
如图所示,Autodesk 3ds Max (全名为Autodesk 3D Studio Max )是由Discreet与Autodesk集成的基于PC系统的三维动画渲染和制作软件
Autodesk 3ds Max
由于Mac没有框架系统组件,因此该软件不支持使用Mac系统。 Autodesk 3Ds Max在模型、灯光、材质、渲染、角色动画和三维视觉效果方面非常出色。 从5.0版的时代开始接触3ds Max,看到了它的成长。
随着6.0版的推出,集成了Partical flow (强大的粒子流系统)、Reactor (角色流)和Character Studio (角色流)。 在3ds Max中,该软件在3d数字艺术领域的插件兼容性维度中使用最广泛,大多数渲染、动画和特效脚本都可以使用3ds Max专用的插件,许多插件目前仍在不断更新
3ds Max涵盖航天科技、房地产、数字娱乐、游戏、医疗、旅游、工业数字设计等多个领域。 此外,独特的MAXScript可执行脚本还增强了3Ds Max,使其成为3d数字解决方案。 3ds Max因许多企业和工作室使用它而闻名。
2. Autodesk Maya
Autodesk Maya是一款让所有计算机图形设计师( CGer )肃穆前行的软件。 当然,了解行业变迁的设计师还知道其他名字——Alias Power Animation。 Maya自1993年诞生以来,注定肩负着不平凡的“使命”。 包括PIXAR (皮克斯、Pixar Animation Studios )、ILM (工业光魔)、Industrial Light and Magic (工业光魔)等在内的多家数字多媒体制作公司都是Maya的忠实用户和合作伙伴。
Autodesk Maya
Maya应该说是为了数字娱乐而生,相对于3ds Max的全能性能,Maya对数字电影的聚焦和专注正在走向终极。 特别强大的角色动画模块和特效模块。 大多数惊人的视觉效果都可以通过Maya自己的MEL语言脚本实现。
3. MAXON Cinema 4D
MAXON Cinema 4D是德国Maxon Computer公司开发的,它的前身是1989年Amiga这一早期个人电脑操作系统发布的软件,最早期的Cinema 4D别名为FastRay,当时还是图形界面1993年,FastRay更名为Cinema 4D 1.0,依然在Amiga上发表。
目前,Cinema 4D以极高的计算速度和强大的渲染插件受到广大设计师的青睐,许多模块功能在同类软件中表现出科技进步的成果,在各类用其描绘的电影中十分突出。 随着技术的成熟,Cinema 4D也被越来越多的电影公司所重视。
Cinema 4D的应用领域相当广泛,在广告、电影、工业设计等方面都有很好的表现。 例如,在电影《阿凡达》中,凯思三维影像研究室的中国员工用Cinema 4D制作了一些场景,在这部电影中Cinema 4D有如此出色的表现,我很高兴。
MAXON Cinema 4D
Cinema 4D被誉为三维数字影像领域的“常青树”,已成为众多顶级艺术家和影视公司进行场景制作的首选软件,目前技术已经成熟。
当然,除了这三个目前行业常用的3D类动画软件之外,还有很多其他类似的软件,这里就不多赘述了。 如图所示。
自动效果
1 .高度合作
“adobe系列”基于“层次”的基本结构进行了扩展,包括Photoshop位图、钢笔路径、内置矢量图形、lllustrator纯矢量元素层、动画抄送和高级
After Effects的高级协作功能无法与大多数动画软件相比,大多数快捷键是通用的,因此用户不需要记住更多的快捷键。 Adobe家族强大的数字艺术解决方案群如图所示。
Adobe家族强大的数字艺术解决方案群
2 .效果插件霸主平台
所有后期合成的第三方插件都要想在影视后期动漫行业得到广泛应用,必须首先考虑是否开发专用于After Effects平台的效果插件。 目前,有上百个应用于After Effects的插件,并且这个数字还在不断增加。
如果没有这么多用户,大家为什么还要开发专门用于After Effects的效果插件呢? 对于用户来说,插件越多,实现软件效果的成本和难度也将大幅降低。 这是理所当然的乐趣,也是大家选择该软件的原因之一。
关于After Effects插件的说明
好莱坞电影中有很多使用After Effects及其插件完成的特效镜头。 而最重要的是,原本成为话题的“网络弱关联性”(初期的After Effects输出的视频音量太大,不适合网络流播放时的音量和网络速度要求,几年前