Animate Mobile Interfaces with Adobe Illustrator and Adobe After Effects

• 具备网页设计经验

受众

• Web Designers

Adobe Illustrator 是一个图形编辑器。Adobe After Effects 是一个数位与动画效果应用程式。两者结合可以创建动态的 UI/UX 设计，例如行动介面。

这是由讲师指导的培训（线上或线下），旨在帮助网页设计师使用 Adobe Illustrator 和 Adobe After Effects 创建行动介面。

在培训结束时，学员将能够：

• 为响应式行动应用程式实作 UI/UX 设计。
• 在 Adobe Illustrator 中准备并动画化设计。
• 创建可重复使用的组件。
• 使用 Adobe After Effects 加入进阶动画。

课程形式

• 互动式讲座与讨论。
• 大量练习与实践。
• 在实时实验环境中进行动手实作。

课程定制选项

• 如需为此课程定制培训，请联系我们进行安排。

简介

Adobe Illustrator 和 Adobe After Effects

• Adobe Illustrator 和 Adobe After Effects 中使用的资产和组件
• Adobe Illustrator 和 Adobe After Effects 中的设计系统环境

Web Design 概述

• UX 与 UI
• 低保真设计 vs 高保真设计 vs 响应式移动设计

准备开发环境

• 安装 Adobe Illustrator
• 安装 Adobe After Effects

使用 Adobe Illustrator 进行规划和动画设计

• 创建网站地图
• 创建低保真线框图
• 创建高保真线框图
• 创建移动线框图
• 使用栏格设计
• 使用 Illustrator 模板
• 添加颜色和字体
• 添加和清理图像
• 使用图层
• 创建符号和图标
• 为响应式移动应用程序标准进行最终调整

使用 Adobe After Effects 进行动画设计

• 从 Adobe Illustrator 导入艺术作品
• 创建可重用的组件
• 构建仪表板瓷砖和仪表板屏幕
• 完成仪表板瓷砖和仪表板屏幕
• 动画化元素和屏幕
• 创建并添加动画
• 完成动画
• 将所有最终序列导出为 gif

总结与结论