Release date:2018, April 30

Duration:03 h 21 m

Author:Tom Green

Language:English

Exercise files:Yes

Learn a variety of techniques you can use to prototype motion and interactions using Adobe After Effects CC 2018. The course starts with a review of the AE interface, showing how to set up After Effects for working on UX projects. The course then covers how to prototype gestures and micro-interactions using animation tools; how to create and export an app with interaction previews for client and team reviews, and more.

Topics include:

Prototyping motion Easing Using the Graph Editor Working with shapes and masks Supporting tap, press, and swipe gestures Handling pinch and spread gestures Designing patterns Making navigation, buttons, and breadcrumbs Creating progress bars Working with modals, menus, and cards Zooming content Making a floating action button Handling text input and cursors
Table of Contents

0.Introduction

Welcome 1m 12s

Exercise files 1m 28s

1. Microinteraction Fundamentals

The importance of the composition 4m 10s

Prototyping motion 7m 17s

The role of easing 2m 22s

Using the Graph Editor 5m 52s

Working with shapes 6m 43s

Using masks 4m 25s

The joy of parenting 3m 43s

2. The Common Gestures

The tap gesture 5m 48s

The double-tap gesture 3m 52s

The long press 4m 22s

The swipe gesture 6m 40s

Creating a pinch or spread gesture 4m 52s

Demo on a device 4m

3. Design Patterns

Buttons and breadcrumbs 9m 54s

Bottom navigation 6m 21s

Making a switch 9m 13s

Creating a progress bar 3m 12s

Creating a circular progress bar 3m 42s

Showing progress with value 4m 23s

Working with modals 8m 45s

Slide-out menus 10m 48s

Cards 7m 19s

4. Microinteractions

Morphing objects 7m 48s

Building a bounce ease 5m 33s

Creating the “jelly effect” 8m 15s

Zooming content 6m 16s

Filling objects with color 9m 2s

A pulsing cursor 8m 21s

Floating action button 7m 1s

Ripple effect 6m 54s

Text input 4m 38s

Adding cursors 5m 58s

Conclusion Next steps 1m 21s
0.Introduction

01.Welcome

1. Microinteraction Fundamentals

03.The importance of the composition 04.Prototyping motion 05.The role of easing 06.Using the Graph Editor 07.Working with shapes 08.Using masks 09.The joy of parenting

2. The Common Gestures

10.The tap gesture 11.The double-tap gesture 12.The long press 13.The swipe gesture 14.Creating a pinch or spread gesture 15.Demo on a device

3. Design Patterns

16.Buttons and breadcrumbs 17.Bottom navigation 18.Making a switch 19.Creating a progress bar 20.Creating a circular progress bar 21.Showing progress with value 22.Working with modals 23.Slide-out menus 24.Cards

4. Microinteractions

25.Morphing objects 26.Building a bounce ease 27.Creating the jelly effect 28.Zooming content 29.Filling objects with color 30.A pulsing cursor 31.Floating action button 32.Ripple effect 33.Text input 34.Adding cursors

Conclusion

35.Next steps

Exercise Files

Exercise Files.zip

  Channel    and      Group

下载说明:用户需登录后获取相关资源
1、登录后,打赏30元成为VIP会员,全站资源免费获取!
2、资源默认为百度网盘链接,请用浏览器打开输入提取码不要有多余空格,如无法获取 请联系微信 yunqiaonet 补发。
3、分卷压缩包资源 需全部下载后解压第一个压缩包即可,下载过程不要强制中断 建议用winrar解压或360解压缩软件解压!
4、云桥网络平台所发布资源仅供用户自学自用,用户需以学习为目的,按需下载,严禁批量采集搬运共享资源等行为,望知悉!!!
5、云桥网络-CG数字艺术学习与资源分享平台,感谢您的关注与支持!