Free online coursePrinciple UI/UX

Duration of the online course: 6 hours and 39 minutes

4.97

StarStarStarStarStar

(32)

Explore Principle UI/UX, a free online course covering UI/UX animations with Principle & Sketch for apps like Instagram, eCommerce, messaging, music players, and more.

Course Description

The "Principle UI/UX" course is an intensive program designed to enhance your skills in UI/UX design through a comprehensive series of engaging tutorials. With a total duration of 6 hours and 39 minutes, this course has received an impressive average rating of 5 out of 5 stars, reflecting its high quality and the effectiveness of its training modules.

Belonging to the broader category of Design and Art, and specifically focusing on UX - User Experience, this course is perfect for aspiring designers who want to deepen their understanding of user interface and user experience concepts. You will be guided step-by-step through various practical projects, each aimed at honing a specific set of skills using Principle and Sketch, two renowned tools in the industry.

One of the highlights of the course is the "Messaging App Design" module, where you will learn how to create user-friendly designs for messaging applications. Additionally, the course covers UI/UX animations in great detail, starting with onboarding cards and moving through critical elements such as splash screen transitions, trading app transitions, and menu bounce animations. Each tutorial is carefully structured to provide a deep understanding of how animations can enhance the user experience.

Unique challenges like the common issues encountered when importing Sketch files into Principle are also addressed, ensuring that you are well-prepared for real-world scenarios. The course covers a diverse range of applications, including calendar apps, movie apps, news apps, and even a project on Zara UI/UX redesign.

For those solely focused on enhancing the user experience through innovative UI animations, the course offers tutorials on creating animations for eCommerce cards, amazing button transitions, and various screen transitions like those seen in music players and photo applications. These projects will equip you with the skills needed to design seamless and engaging user interfaces.

The introduction of new features such as Principle 2.0's components and the utilization of scrolling & drivers are also covered in depth. Whether it’s designing for a shopping cart screen transition or developing a captivating portfolio showcase, this course provides the techniques and knowledge required to create stunning, functional designs.

Finally, you will explore how to implement effective user onboarding screens and which scroll animations are best for developers to bring to life. Each project is designed to build on the previous one, creating a robust foundation in UI/UX design and animation.

Overall, "Principle UI/UX" is not just a course but a comprehensive learning experience that will empower you to create intuitive and beautiful user interfaces that offer exceptional user experiences. Whether you are a beginner or an experienced designer looking to refine your skills, this course will take your UI/UX design capabilities to the next level.

Course content

  • Video class: Messaging App Design • UI/UX Animations with Principle & Sketch (Tutorial) 15m
  • Exercise: _What is the focus of the animation being created in this tutorial?
  • Video class: Onboarding Cards • UI/UX Animations with Principle & Sketch (Tutorial) 14m
  • Exercise: What is the main purpose of the video tutorial?
  • Video class: UI/UX Details • Design Animations with Principle & Sketch (Tutorial) 12m
  • Exercise: What is the main purpose of the animation described in the video?
  • Video class: Instagram Scroll Animation • UI/UX Animations with Principle & Sketch (Tutorial) 08m
  • Exercise: What is being animated in the Instagram UI tutorial?
  • Video class: Splash Screen Transition • UI/UX Animations with Principle & Sketch (Tutorial) 08m
  • Exercise: What is the main focus of the UI animation tutorial?
  • Video class: Trading App Transition • UI/UX Animations with Principle & Sketch (Tutorial) 10m
  • Exercise: What software tools are used in the tutorial for animating the graph in the financial accounting app?
  • Video class: Menu Bounce Animation • UI/UX Animations with Principle & Sketch (Tutorial) 12m
  • Exercise: What animation effect is being created in the menu animation tutorial?
  • Video class: Animate eCommerce Cards for a great UX • UI/UX Animations with Principle & Sketch (Tutorial) 15m
  • Exercise: What is the purpose of using the 'page' setting in a swipe animation?
  • Video class: (Annoying) Problems when importing Sketch Files to Principle. 07m
  • Exercise: What common issue is discussed when working with Sketch and Principle?
  • Video class: Amazing Button Transition • UI/UX Animations with Principle & Sketch (Tutorial) 10m
  • Exercise: What was the main focus of the animation tutorial in the video?
  • Video class: Calendar App Transition • UI/UX Animations with Principle & Sketch (Tutorial) 10m
  • Exercise: What is the main goal of the video tutorial?
  • Video class: Movie App Transition • UI/UX Animations with Principle & Sketch (Tutorial) 10m
  • Exercise: What is the first step in creating the screen transition in the animation tutorial?
  • Video class: News App Transition • UI/UX Animations with Principle & Sketch (Tutorial) 07m
  • Exercise: What is the purpose of animating the button in the transition tutorial?
  • Video class: Splash Screen Transition • UI/UX Animations with Principle & Sketch (Tutorial) 09m
  • Exercise: What is the main visual effect applied during the screen transition in the tutorial?
  • Video class: NEW Principle 2.0: Components Feature • UI/UX Animations with Principle & Sketch (Tutorial) 05m
  • Exercise: What new feature in Principal 2.0 helps manage complex animations?
  • Video class: Scrolling & Drivers • UI/UX Animations with Principle & Sketch (Tutorial) 06m
  • Exercise: What is the main focus of the animation tutorial discussed?
  • Video class: Shopping Card Screen Transition • UI/UX Animations with Principle & Sketch (Tutorial) 16m
  • Exercise: What is the primary software used for creating screen transitions in the described process?
  • Video class: Zara UI/UX Redesign • UI/UX Animations with Principle & Sketch (Tutorial) 14m
  • Exercise: What feature in Principal allows for direct import of design files?
  • Video class: Amazing UX: Mail App • UI/UX Animations with Principle & Sketch (Tutorial) 27m
  • Exercise: What tool is used to import UI kits for animation?
  • Video class: Which Scroll Animation Should Devs Implement? • UI/UX Animations with Principle & Sketch (Tutorial) 14m
  • Exercise: What animation should be applied when the keyboard appears on a mobile app interface?
  • Video class: Menu UI/UX Animation • UI/UX Animations with Principle & Sketch (Tutorial) 11m
  • Video class: FINALLY! Sketch File Import (Beta Pre-Launch Look) • UI/UX Animations with Principle (Tutorial) 05m
  • Video class: Music Player Screen Transition • UI/UX Animations with Principle & Sketch (Tutorial) 15m
  • Video class: Cards Fly-In • UI/UX Animations with Principle & Sketch (Tutorial) 08m
  • Video class: Portfolio Showcase • UI/UX Animations with Principle & Sketch (Tutorial) 09m
  • Video class: Nike Redesign: UI Animation • UI/UX Animations with Principle & Sketch (Tutorial) 16m
  • Video class: Amazing UX: Blog UI Transition • UI/UX Animations with Principle & Sketch (Tutorial) 25m
  • Video class: User Onboarding Screens • UI/UX Animations with Principle & Sketch (Tutorial) 09m
  • Video class: Photo App: Parallax Scrolling • UI/UX Animations with Principle & Sketch (Tutorial) 11m
  • Video class: First UI Animation with Principle • UI/UX Animations with Principle & Sketch (Tutorial) 21m
  • Video class: Amazing UX: Screen Transition • UI/UX Animations with Principle & Sketch (Tutorial) 14m
  • Video class: Photo App: Screen Transition • UI/UX Animations with Principle & Sketch (Tutorial) 12m

This free course includes:

6 hours and 39 minutes of online video course

Certificate of course completion

Exercises to train your knowledge

100% free, from content to certificate

QR Code - Baixar Cursa - Cursos Online

This online course can only be accessed through the Cursa App. Download it using the QR code or the links below:

Install the app now

to access the course
  • Study for free!

    Here you never pay! Not even for the certificate, because everything in the app is 100% free!

  • Improve your resume!

    There are more than 4,000 free courses for you to study anything that interests you!

  • Free Digital Certificate!

    Complete the course and issue your internationally recognized Digital Certificate free of charge.

More free courses at UX - User Experience

Free Ebook + Audiobooks! Learn by listening or reading!

Download the App now to have access to + 3300 free courses, exercises, certificates and lots of content without paying anything!

  • 100% free online courses from start to finish

    Thousands of online courses in video, ebooks and audiobooks.

  • More than 48 thousand free exercises

    To test your knowledge during online courses

  • Valid free Digital Certificate with QR Code

    Generated directly from your cell phone's photo gallery and sent to your email

Cursa app on the ebook screen, the video course screen and the course exercises screen, plus the course completion certificate

+ 9 million
students

Free and Valid
Certificate

60 thousand free
exercises

4.8/5 rating in
app stores

Free courses in
video and ebooks