UI Animation using Sketch 3, Principle App, and Flinto (Udemy.com)
Learn to prototype UI animations and micro-interactions using Sketch, Flinto, Principle, Marvel & Invision Craft Plugin
Created by: Pablo Stanley
Produced in 2018
What you will learn
- Learn the Fundamentals and Some Advanced Tricks on Sketch
- Create realistic prototypes for mobile devices and web
- Create UI animation and micro-interactions using Flinto
- Create UI animation and micro-interactions using Principle
- Create simple prototypes using Marvel App
Quality Score
Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/
Overall Score : 92 / 100
Course Description
UPDATE June 2017 - Nested Symbols!
Creating a Button System with Nested SymbolsCreating a Left Bar Navigation with Nested SymbolsUPDATE December 27 2016 - New projects!
Creating an on-boarding parallaxanimation using Flinto and SketchDrawing Santa on Sketch (Holiday Special)The most useful keyboard shortcuts on SketchMy Favoritepractical Sketch Plugins!
UPDATE July 11th 2016 - New content!
Added How to add Hover effects on Flinto - Mouse Over / Mouse Out. Great for web design prototypesCreating a Parallax UIAnimation Using Flinto.
UPDATE July 5th 2016- New content!
Added a section covering Principle for Mac.
12 videos (over an hour of content)How to create character animationsParallax Effect using PrincipleDrag And Drop InteractionContinuous Interactions like Paging, Scrolling, Dragging.
Many more!
UPDATE June 18th 2016- New content!
Added a section covering Flinto for Mac.
9 videos (over an hour of content)
Connecting Layers, Complex TransitionsUser Interface Cards Flow AnimationAdding Sound to Your Prototype (and many more)
//////////////////////////////////////
IntroductionHola, my name is Pablo Stanley. Ive been a designer for almost 18 years And I have worked with different startups for quite a while. I want to teach you how to apply the tools I use every dayand Ill give you some insight into my workflow and process as a product designer.
On this course you'll learn how to design web and mobile products using Sketch 3.
Well also learn how to prototype full flows and micro-interactions using the most currentapps in the industry like Flinto, Principle, Marvel App, and Invisions Craft Plugin. And the coolest part about this course? Well learn how to create detailed UI animations and how to apply them to your projects.
This course is designed in different sections so you can jump around depending on your skill level. Youll be able to learn how to use the tools to make your own designs from scratch. And well also learn by doing, getting hands-on with more advanced projects.
So, Why Sketch?
Sketch 3 is a design tool focused on user interface and user experience design.
Because of its simplicity, its really easy to understand; anyone with little to no training can learn Sketch. Its perfect for designing for multiple mobile devices, working on responsive web design, delivering assets in an easy way, and makes collaboration with developers amazing. It also costs a fraction of the price of Adobe Suite (goodby monthly payment). So yeah, it's pretty cool.
Why Flinto, Principle, Marvel App and Craft by InVisionPrinciple makes it easy to create animated and interactive user interface designs. Great for Multi-screen app, or new interactions and animations.
Flinto lets designers quickly make interactive prototypes of their mobile, desktop, or web apps.
with custom animations, gestures, and Sketch import
This simple editor in Marvel allows you to link all your designs together in seconds, then add gestures and transitions to make your prototype feel just like a real app or website.
This CourseThis course covers the basics, but also goes into detail on some advanced features, tricks, and plugins that I use in my daily workflow.
We'll also work on some cool projects that we'll be able to prototype and share on our mobile devices and the web. We'll even do some UI animation and micro-interactions that will make your prototypes look pretty realistic.
Who this course is for:
Web DesignersMobile App DesignersDevelopers wanting to know a bit more about User Interface DesignProduct Managers trying to learn new skills.
Graphic Designers who which to start creating web and mobile products
Creating a Button System with Nested SymbolsCreating a Left Bar Navigation with Nested SymbolsUPDATE December 27 2016 - New projects!
Creating an on-boarding parallaxanimation using Flinto and SketchDrawing Santa on Sketch (Holiday Special)The most useful keyboard shortcuts on SketchMy Favoritepractical Sketch Plugins!
UPDATE July 11th 2016 - New content!
Added How to add Hover effects on Flinto - Mouse Over / Mouse Out. Great for web design prototypesCreating a Parallax UIAnimation Using Flinto.
UPDATE July 5th 2016- New content!
Added a section covering Principle for Mac.
12 videos (over an hour of content)How to create character animationsParallax Effect using PrincipleDrag And Drop InteractionContinuous Interactions like Paging, Scrolling, Dragging.
Many more!
UPDATE June 18th 2016- New content!
Added a section covering Flinto for Mac.
9 videos (over an hour of content)
Connecting Layers, Complex TransitionsUser Interface Cards Flow AnimationAdding Sound to Your Prototype (and many more)
//////////////////////////////////////
IntroductionHola, my name is Pablo Stanley. Ive been a designer for almost 18 years And I have worked with different startups for quite a while. I want to teach you how to apply the tools I use every dayand Ill give you some insight into my workflow and process as a product designer.
On this course you'll learn how to design web and mobile products using Sketch 3.
Well also learn how to prototype full flows and micro-interactions using the most currentapps in the industry like Flinto, Principle, Marvel App, and Invisions Craft Plugin. And the coolest part about this course? Well learn how to create detailed UI animations and how to apply them to your projects.
This course is designed in different sections so you can jump around depending on your skill level. Youll be able to learn how to use the tools to make your own designs from scratch. And well also learn by doing, getting hands-on with more advanced projects.
So, Why Sketch?
Sketch 3 is a design tool focused on user interface and user experience design.
Because of its simplicity, its really easy to understand; anyone with little to no training can learn Sketch. Its perfect for designing for multiple mobile devices, working on responsive web design, delivering assets in an easy way, and makes collaboration with developers amazing. It also costs a fraction of the price of Adobe Suite (goodby monthly payment). So yeah, it's pretty cool.
Why Flinto, Principle, Marvel App and Craft by InVisionPrinciple makes it easy to create animated and interactive user interface designs. Great for Multi-screen app, or new interactions and animations.
Flinto lets designers quickly make interactive prototypes of their mobile, desktop, or web apps.
with custom animations, gestures, and Sketch import
This simple editor in Marvel allows you to link all your designs together in seconds, then add gestures and transitions to make your prototype feel just like a real app or website.
This CourseThis course covers the basics, but also goes into detail on some advanced features, tricks, and plugins that I use in my daily workflow.
We'll also work on some cool projects that we'll be able to prototype and share on our mobile devices and the web. We'll even do some UI animation and micro-interactions that will make your prototypes look pretty realistic.
Who this course is for:
Web DesignersMobile App DesignersDevelopers wanting to know a bit more about User Interface DesignProduct Managers trying to learn new skills.
Graphic Designers who which to start creating web and mobile products
Instructor Details
- 4.6 Rating
233 Reviews
Pablo Stanley
Hello, I'm Pablo Stanley. I'm a San Francisco based product designer. I'm the designer andcofounder of a healthcare startup in San Francisco called Carbon Health.I love solving design puzzles, making silly illustrations, composing geeky music, creating colorful animated gifs, munching veggie burgers, and writing punny comics.
Mentoring is one of my new found passions. I want to learn and teach as much as I can and Udemy is the best platform for it.
Ialso write a comic series called The Design Team.
More courses by Pablo Stanley
Create hand drawn character animations using Photoshop (2016)
4.6 (88 Reviews)
Provider: Udemy
Time: 5h
$11.99
More ui design courses
Building awesome Color Schemes for your UI Design Projects (2021)
4.8 (73 Reviews)
- Provider: Udemy
- Time: 5h
$11.99
DESIGN RULES: Principles + Practices for Great UI Design (2018)
4.7 (312 Reviews)
- Provider: Udemy
- Time: 5h
$11.99
Reviews
- Video Duration:
8.5h - Price: 11.99 Track Price 11.99 Track Price
- Provider: Udemy
- Year:
2018 - Language:
English - Certificate:
Yes
30-Day Money-Back Guarantee
Udemy Coupon Price Tracker
