Free online courseAdobe XD Tutorials

Duration of the online course: 7 hours and 23 minutes

4.83

StarStarStarStarStar

(23)

Learn Adobe XD through comprehensive tutorials covering UI kits, web design, app design, animations, and more. Enhance your UX skills with practical examples.

Course Description

Welcome to Adobe XD Tutorials, a meticulously crafted program that spans 7 hours and 23 minutes of in-depth, engaging content. This course emerges as a top-tier option in the Design and Art category, specifically targeted at the User Experience (UX) subcategory. With an impressive average rating of 5 out of 5 stars, it's clear that participants have found immense value and satisfaction in these tutorials.

Throughout this course, you'll embark on a comprehensive journey exploring the multifaceted capabilities of Adobe XD. Discover how to seamlessly integrate New Adobe XD UI Kits into your projects, leveraging these tools to streamline your workflow and enrich your designs. The tutorials are thoughtfully structured to ensure that both beginners and experienced designers benefit from practical, hands-on experiences.

The course delves into the nuances of web design with Adobe XD, offering step-by-step guidance on creating interactive, visually striking designs. You'll also learn how to preview your XD prototypes on a phone, with specific tips tailored for Windows users, ensuring you gain a real-world perspective of your projects.

Stay ahead of the curve with insights into the latest updates to Adobe XD, including the Scroll & Blur features. These updates enable you to add depth and dynamism to your designs, enhancing user engagement and experience. Further, you'll be guided through the process of designing a web app in Adobe XD, equipping you with the skills to execute complex projects with confidence.

An intriguing aspect of this course is the exploration of app design within the frameworks of React, Angular, and Vue. Through practical examples, you'll understand the distinctions and applications of each framework, empowering you to make informed decisions in your design process. Additionally, the CUSTOM UI Design Tutorial offers a deep dive into creating unique, tailor-made interfaces that stand out.

The course also addresses contemporary design debates, such as the FLAT vs. Depth approach for web design, providing you with the knowledge to choose the most effective style for your projects. You'll unravel the intricacies of creating a compelling landing page, from design to code, ensuring a comprehensive understanding of each step.

Expand your skillset beyond Adobe XD with lessons on crafting a clever 404 page using Adobe Illustrator/XD, and designing, animating a smartwatch app in collaboration with After Effects. Gain mastery over auto-animating and delay techniques to create sophisticated UI animation sequences, and learn how to build interactive image carousels with drag functionality in Adobe XD.

The course doesn’t stop at prototyping; you'll transition from Adobe XD prototypes to HTML, CSS, and JS, specifically focusing on constructing an animated mega menu. Finally, venture into the realm of advanced animations with Anime.js, where you’ll create mesmerizing SVG morphing page transitions using Vanilla JS.

Adobe XD Tutorials is not just a learning experience; it’s a pathway to mastering the intricacies of user experience design. Enroll today to elevate your design skills to new heights.

Course content

  • Video class: How to use the New Adobe XD UI Kits 10m
  • Exercise: _What are UI kits in Adobe XD and why are they useful for app developers and designers?
  • Video class: Adobe XD Web Design Tutorial 30m
  • Exercise: What is the primary focus of using Adobe XD in this tutorial?
  • Video class: Previewing your XD Prototypes on a Phone (Windows users) 05m
  • Exercise: _What do you need to do to preview your Adobe XD designs on your mobile phone as a Windows user?
  • Video class: Adobe XD Scroll & Blur Tutorial (New Updates to XD) 06m
  • Exercise: _What are the two big additions in Adobe XD's February update?
  • Video class: Designing a Web App in Adobe XD 21m
  • Exercise: What is a crucial step in full stack development for avoiding unattractive layouts?
  • Video class: Adobe XD App Design [React vs Angular vs Vue by Example] 1h03m
  • Exercise: _What are the top three JavaScript frameworks for developing and designing web apps?
  • Video class: Adobe XD CC - CUSTOM UI Design Tutorial 37m
  • Exercise: What is the main focus when creating user interfaces in Adobe XD?
  • Video class: FLAT vs. Depth for Web Design in 2018? A Quick Tutorial 18m
  • Exercise: _What is the approach of the instructor for designing UI in Adobe XD?
  • Video class: Landing Page Tutorial for 2018 - Part 1 of 2 (Design) 31m
  • Exercise: What are key elements of an effective landing page design?
  • Video class: Landing Page Tutorial for 2018 - Part 2 of 2 (Code) 23m
  • Exercise: _What is the first group that we need to concern ourselves with when exporting assets for the landing page tutorial?
  • Video class: Creating a Clever 404 Page - Adobe Illustrator / XD Tutorial 32m
  • Exercise: _What is Adobe XD?
  • Video class: UI Design & Animate a Smart Watch App with Adobe XD & After Effects 41m
  • Exercise: _What is the purpose of the Adobe XD daily challenge?
  • Video class: Using Adobe XD Auto-Animate & Delay to Create Complex UI Animation Sequences 24m
  • Exercise: _What is Skillshare?
  • Video class: Adobe XD Drag Tutorial - Create an Interactive Image Carousal 24m
  • Exercise: _What is Skillshare and what does it offer?
  • Video class: From Adobe XD Prototype to HTML, CSS & JS - Making an Animated Mega Menu 45m
  • Exercise: What is the primary focus of the tutorial discussed in the video?
  • Video class: Using Anime.js to Create SVG Morphing Page Transitions with Vanilla JS! 27m
  • Exercise: _What software can you use to create SVG graphics for the morphing page transition animation?

Adobe XD

Free online courses on Adobe XD
Master Adobe XD with free online courses! Explore UX/UI design through interactive lessons and projects. Start designing apps & websites like a pro today!

This free course includes:

7 hours and 23 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