InVision Essential Training: Studio

Description

In this course, you will learn:

• Learn the fundamentals of this powerful tool. Instructor Drew Bridewell covers the basics of the Studio interface and shares best practices for transitioning from Sketch to Studio.
• How to leverage the product's vector-based drawing features, add and edit animations and components, work on responsive designs, share and collaborate on projects, and much more.

Syllabus:

• Introduction
• Design, prototype, and animate all with InVision Studio
• Keeping up with InVision Studio
• Ongoing updates, resources, and handouts
   

1. A Tour of Studio

• The welcome window
• The anatomy of a document
• A tour of the interface
• Saving Studio files
   

2. Importing from Sketch

• Importing from Sketch to InVision Studio
• Copy and paste from Sketch to Studio
• Best practices for importing from Sketch
   

3. Screen Design

• Adding and editing text layers
• Drawing, editing, and formatting shapes
• Managing layers
• Using Boolean operations
• Masking layers
   

4. Rapid Prototyping

• Linking screens
• Previewing your prototype
   

5. Advanced Animation

• Using the Motion transition
• Editing animations with the transition editor
• Linking layers with the transition editor
   

6. Working with Components

• Creating, adding, and editing components
• Component overrides
• Additional tips with components
   

7. Responsive Layout

• Pinning elements
• Percentage-based scaling
• Toggling between different devices
   

8. Collaboration

• Making layers exportable
• Synching, presenting, and sharing
• Mirroring to a device

 

Show more