Don't like banners? Log in and we will make sure you see no banners. For free.
No cover art

Lynda - Applied Interaction Design - Card Transitions [AhLaN]

Size
343 MB
Seeders
0
Leechers
0
Files
27
Category
Added
at 16:55 GMT+1
Infohash
bfa2025a9714072b073fa0c60ae17f7ab4035cff
Don't like banners? Log in and we will make sure you see no banners. For free.

Description
Instructor : Tom Green

Last update : 9/5/2019

Duration : 27m 18s

Source : lynda





Designing elegant and simple screen interactions such as taps and clicks can make the difference between a project that is truly successful and one that is mundane. Join instructor Tom Green as he shows you how to create UX prototypes starting with simple static wireframes in Adobe Illustrator. Tom demonstrates how to import wireframes into Apple Keynote, create a rough animation concept, block out the transition in Adobe XD, export the XD file into After Effects, fine-tune animation characteristics, and ultimately create a QuickTime movie you can share with stakeholders.



Topics include:

Creating an interface wireframe

Mocking up a transition prototype

Experimenting with rough animation concepts

Adjusting timing and placement

Planning a transition

Blocking out placeholders for the card UI

Adjusting motion of a card transition

Fine-tuning animation

Previewing an animated concept

Sharing prototypes with others

File list
  • Lynda - Applied Interaction Design - Card Transitions [AhLaN]
  • 1 - Introduction/1 - Prototyping interface motion.mp4 11.4 MB
  • 2 - 1. Transitioning Cards/2 - Creating the interface wireframe.mp4 17.2 MB
  • 2 - 1. Transitioning Cards/3 - Rough animation concepts.mp4 9.1 MB
  • 2 - 1. Transitioning Cards/4 - Blocking out the transition.mp4 24.2 MB
  • 2 - 1. Transitioning Cards/5 - Fine-tuning the animation.mp4 17 MB
  • Cover.jpg 348.1 KB
  • Exercise Files/01_Illustrator/IllustratorSymbols.ai 90.8 KB
  • Exercise Files/01_Illustrator/Sketch.jpg 2 MB
  • Exercise Files/01_Illustrator/WireFrames.ai 180.6 KB
  • Exercise Files/02_Keynote/Keynote_Complete.key 516.6 KB
  • Exercise Files/02_Keynote/Keynote_Complete.pptx 174.3 KB
  • Exercise Files/02_Keynote/Keynote_Start.key 516.6 KB
  • Exercise Files/02_Keynote/Keynote_Start.pptx 174.3 KB
  • Exercise Files/03_XD/GardensPrototype.mp4 11 MB
  • Exercise Files/03_XD/XD_Prototype_Complete.xd 4.7 MB
  • Exercise Files/03_XD/XD_Prototype_Start.xd 4.7 MB
  • Exercise Files/04_AfterEffects/AfterEffects.mov 232.9 MB
  • Exercise Files/04_AfterEffects/AfterEffects_Complete.aep 831.2 KB
  • Exercise Files/04_AfterEffects/Assets/AfterEffects/Prototype/image.208d2bea09cd48c50bfe9a9921632796.jpg 84.7 KB
  • Exercise Files/04_AfterEffects/Assets/AfterEffects/Prototype/image.4af8c23f0523c89eb7397704b85f852d.jpg 8.3 KB
  • Exercise Files/04_AfterEffects/Assets/AfterEffects/Prototype/image.8ce0810c84deb231757f4060a51da6c6.png 852.4 KB
  • Exercise Files/04_AfterEffects/Assets/AfterEffects/Prototype/image2.526c5f2283ecdd337af100bcc4c649f0.jpg 166.9 KB
  • Exercise Files/04_AfterEffects/Assets/AfterEffects/Prototype/image2.a0b8ad09b944a005feb34f4ddf96b47c.png 42 KB
  • Exercise Files/04_AfterEffects/Assets/AfterEffects/Prototype/image3.69f4bf09bcafa1d4cdb6b49510c8914c.jpg 538.5 KB
  • Exercise Files/04_AfterEffects/Assets/AfterEffects/Prototype/image3.a291577ce0fb39a848a30af1d1133e39.png 1.1 KB
  • Exercise Files/04_AfterEffects/Assets/AfterEffects/Prototype/image4.a291577ce0fb39a848a30af1d1133e39.png 1.1 KB
  • Exercise Files/04_AfterEffects/Assets/Prototype.xd 4.7 MB

Rating
Not rated yet
Log in to rate

Comments

No comments yet.