- Welcome to Studio
- Interface roundup
- Navigating on canvas
- Working with colors
- Artboard settings
- Working with vectors
- Working with images
- Components in Studio
- Positioning elements
- Applying positions to layout
- Creating animations
- Easing in animation
- Animating first artboards
- Looping the animations
- Details screen
- Renting a car
- Rapid Prototyping
- Filters screen
- Previewing prototype
- That's it for now
What you'll learn
- Learn all the Studio's tools
- Practice on a real project
- Create animations and microinteractions
Description
InVision Studio isn't just another app for UI design. It's a complete solution for bringig your project from its early shape to a high fidelity prototype together with outstanding animations. Having it all under the hood of InVision platform lets you go even further. You can easily preview the prototypes on devices, share them with your clients and get their feedback as well as set up an easy handoff for your developer. Oh, and Studio is both for macOS and Windows. Plus, it's COMPLETELY FREE. And so is the course.
Studio tools and shortcuts
Practical app workflow
Working with Components
Animating your UI in Studio
Creating microinteractions
Export, preview and handoff
Basics in a breeze
Soon you'll find out that Studio is probably one of the easiest tools to master and most of the functions are simple and intuitive. Especially if you've previously used Sketch, transition to Studio is painless and all the tools and shortcuts works just as expected. This is why we won't spend much time explaining the interface, rather than jump right into creating a practical design in Studio. As you will find out this is the most effective and rewarding way of discovering Studio.
It just works
The overall user experience of Studio is great. There are dozens of little things that just works, without bothering you. You might even think - what is there to learn? Everythig is so simple. Thanks to this, the learning curve that you're about to take is focused on effective workflow, rather than the tool itself. My aim is to show you the tips and tricks to work even faster, better and more efficient.
One fits all
This is one of the rare examples where one solution gives you a spectrum of possibilities. For most of the time you won't have to leave InVision Studio. Even though you can create seamless transitions and advanced animations in you UI, the software itself feels light and responsive. We'll explore different parts of your workflow, from initial sketches, to a detailed design, to a prototype working on devices. All without leaving Studio.
Leverage the platform
InVision Platform is much more than Studio. Thanks to its capabilities you'll be able to easily export and share the prototypes and edit them after the rounds of feedback from your client or project owners. We'll explore those options together with the handoff capabilities and creating automated specs for developers.
Design elements
In the course I will explain the usage of colors, typography, grid and other basic UI design concepts combined with the tools and workflows available in Studio. We'll focus on the correct setup, creation of the Components and other good habits that will help you in professional UI design process.
Create beautiful UI
In the course I'd like to showcase Studio workflow based on a practical UI project of a Supercar Rental app. Thanks to this approach I'll be able to show you step-by-step design process in Studio that is closer to real life example.
Other Courses
OSHA Safety Pro: Transport Safety. Part 396 of The FMCSA
A quick 10 point safety guide, and FREE 65 page HSE Transport Safety manual that the will save lives and money
Create your resume for IT
With or without experience you can create a resume that will catch the attention of recruiters
Learn Statistical Data Analysis with Python
Perform Statistical Data Analysis Techniques with the Python Programming Language. Practice Notebook included.
A Sessions Guitarist 9 Lead Guitar Approaches & Techniques
Beyond Guitar Solo - Makes Good Music - Studio Guitarist Approach To Music - Apply Immediately - All Guitar Levels
Introduction to Node.js Development
Basics of creating a server using Node, useful framework called Express, server-side templates, and deploying on Heroku.
About the instructors
- 4.4 Calificación
- 45262 Estudiantes
- 10 Cursos
Greg Rog
learnux.io
My work is all about design, coding, and education. For over 10 years I've been a professional designer, design lead and UX consultant for companies such as Microsoft, Google, Adobe or Wacom. I created the biggest local website with video tutorials on code, design and more with over 100.000 clients. I also run a software house and a training facility, speak at design conferences and more. I'm curious, passionate and I love sharing knowledge.
Student feedback
Course Rating
Reviews
Very detailed. Thank you!