UI Animation using Sketch 3, Principle App, and Flinto

🎓 Master UI Animations & Micro-Interactions with Sketch, Flinto, Principle & More!

UPDATE June 2017: Nested Symbols have been integrated into the course, including a Button System and Left Bar Navigation with Nested Symbols.

• 🚀 Button System with Nested Symbols: Learn how to create a scalable and flexible button system that can be easily updated across multiple screens.
• 🌐 Left Bar Navigation with Nested Symbols: Master the art of creating complex navigation systems with nested symbols, ensuring consistency and ease of updates.

UPDATE December 27, 2016: We've added exciting new projects to the course!

• ❄️ On-boarding Parallax Animation using Flinto and Sketch: Bring your on-boarding screens to life with a captivating parallax effect.
• 🎄 Drawing Santa on Sketch (Holiday Special): Have some fun creating a festive illustration of Santa Claus.
• ⌨️ Most Useful Keyboard Shortcuts on Sketch: Boost your productivity with essential keyboard shortcuts that every designer should know.
• ✨ My Favorite Practical Sketch Plugins!: Discover the plugins that I can't live without and how they can enhance your workflow.

UPDATE July 11th, 2016: We've expanded our content library with even more resources!

• 🔄 Hover effects on Flinto - Mouse Over / Mouse Out: Enhance your web design prototypes with interactive hover effects.
• 🎨 Parallax UI Animation Using Flinto: Learn to create a stunning parallax effect that adds depth and movement to your designs.
• 🛠️ Principle for Mac Tutorial: Get up to speed with Principle for Mac, a powerful tool for creating interactive animations.
• ⏩ 12 Videos (over an hour of content): Dive into character animations, parallax effects, and drag-and-drop interactions.
• 🔄 Many more updates: Additional content to keep you at the cutting edge of UI design.

UPDATE June 18th, 2016: Explore the capabilities of Flinto for Mac with new projects!

• ⏱ 9 Videos (over an hour of content): Delve into complex transitions, user interface card flows, and adding sound to your prototypes.
• 🔗 Connecting Layers and User Interface Cards Flow Animation: Learn the intricacies of creating complex layer connections and UI flows.

Introduction:

Hello there! I'm your instructor for this UI animation and micro-interactions journey, and I can't wait to guide you through the process of transforming your designs into dynamic, interactive experiences using Sketch, Flinto, Principle, Marvel App, and Craft by InVision.

Why These Tools?

• Sketch: A versatile tool for designing at any scale, perfect for both web and mobile design, with an affordable price tag compared to the Adobe Suite.
• Flinto: Allows you to create interactive prototypes quickly with custom animations and gestures, making your designs come alive.
• Principle: A user-friendly app that enables you to add animated and interactive elements to your UI designs.
• Marvel App & Craft by InVision: These platforms simplify the process of linking designs together, adding transitions, and creating prototypes that feel like the real thing.

This Course Offers:

• A comprehensive understanding of the tools and techniques used in UI design.
• Hands-on projects that showcase your skills in creating interactive prototypes.
• Tips and tricks from a professional designer's daily workflow.
• The opportunity to share your creations on mobile devices and the web.

Join us on this exciting adventure into the world of UI animations and micro-interactions. With each lesson, you'll be one step closer to becoming a master in creating engaging user experiences that captivate and delight. 🎉

Enroll now and take your design skills to the next level with Sketch, Flinto, Principle, Marvel App, and Craft by InVision!