Udemy - UI Animation using Sketch 3, Principle App, and Flinto

[Prohibitive]

Udemy - UI Animation using Sketch 3, Principle App, and Flinto

https://www.udemy.com/course/ui-animation/

UPDATE June 2017 - Nested Symbols!

Udemy - UI Animation using Sketch 3, Principle App, and Flinto

https://www.udemy.com/course/ui-animation/

UPDATE June 2017 - Nested Symbols!

Description

Creating a Button System with Nested Symbols
Creating a Left Bar Navigation with Nested Symbols

UPDATE December 27 2016 - New projects!

Creating an on-boarding parallax animation using Flinto and Sketch
Drawing Santa on Sketch (Holiday Special)
The most useful keyboard shortcuts on Sketch
My Favorite practical Sketch Plugins!

UPDATE July 11th 2016 - New content!

Added How to add Hover effects on Flinto - Mouse Over / Mouse Out. Great for web design prototypes
Creating a Parallax UI Animation 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 animations
Parallax Effect using Principle
Drag And Drop Interaction
Continuous 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 Transitions
User Interface Cards Flow Animation
Adding Sound to Your Prototype (and many more)

//////////////////////////////////////

IntroductionHola, my name is Pablo Stanley. I've 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 day-and I'll 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. We'll also learn how to prototype full flows and micro-interactions using the most current apps in the industry like Flinto, Principle, Marvel App, and Invision's Craft Plugin. And the coolest part about this course? We'll 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. You'll be able to learn how to use the tools to make your own designs from scratch. And we'll 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, it's really easy to understand; anyone with little to no training can learn Sketch. It's 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 Designers
Mobile App Designers
Developers wanting to know a bit more about User Interface Design
Product Managers trying to learn new skills.
Graphic Designers who which to start creating web and mobile products

Course content

Intro / Promo
Intro / Promo
Sketch 3 Basics
Introduction
Understanding Artboards
Using Colors and Graphic Styles
Creating Text Styles
Using Symbols
10 Quick Tips!
Sketch 3 Intermediate Level Stuff
Designing with Layout Grids
Creating Custom Shapes
Masking
Plugin: Dynamic Button
Plugin: Craft Duplicate by InVision
Plugin: Craft Photos by InVision
Plugin: Craft Library by InVision
Plugin: Craft Prototype by InVision
My Favorite Keyboard Shortcuts
Common Shortcuts and Creating your Own
Favorite Sketch Plugins (2017 Version)
Sketch Advanced Stuff
Creating a Button System with Nested Symbols
Creating a Left Navigation Bar with Nested Symbols
Principle - Simple UI Animation and Prototyping Tool
Introduction to Principle
Connecting Screens and Creating Links with Events
Creating Custom Animations on Principle
PRACTICE: Create a tabbed Navigation
Continuous Interactions: Dragging, Scrolling and Paging
PRACTICE: Creating a Scrollable Prototype
The Power of Drivers on Principle
PRACTICE: Creating a Character Move With Dragging Interaction
PRACTICE: Paged Scrolling using Drivers
PRACTICE: Creating a Parallax Effect
PRACTICE: Simple Drag And Drop
PRACTICE: Character Animation Using Principle
Exporting your prototype to GIF and Mocking up on Device
Flinto - User Interface Animations Tool
Intro to Flinto
The Basics and the UI of Flinto for Mac
Creating Screen Transitions on Flinto
Creating Modal Overlays Using Flinto
Adding Layer Transitions On Flinto for Mac
Connecting Layers on Flinto
Creating Scrollable Areas using Flinto for Mac
Creating Cards Animation Flow on Flinto
Adding Sound To Your Prototype on Flinto
Using Mouse Over and Mouse Out Gestures (hover) - Creating Quiz
Projects
Prototyping a modal overlay on Flinto
Creating an onboarding walkthrough parallax animation
Designing a Santa Illustration (Holiday Special)
Creating a Parallax Effect Using Flinto
Creating a full Prototype using Marvel and Sketch
Create Animated Icons Using Flinto
Designing a Refresh Animation
Prototyping a Refresh Animation
Creating a simple signup flow on Sketch 3
Creating a prototype of a Signup Flow using Marvel App
Adding Sound to your Prototypes - Creating a Drumpad
EXTRA: Intro to Design and Prototyping
Introduction to Prototyping
Design Tools
Prototyping Tools
Animation Tools
My Favorite Sketch Plugins (recorded live)



Downloadlinks..








https://nitroflare.com/view/EE2E0906CE22E7D/ui-animation.rar.part


https://rapidgator.net/file/391e6a1963fcbc71ca73f32b8ee34a22/ui-animation.rar.part.html