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.

Conteúdo do Curso

  • Video class: How to use the New Adobe XD UI Kits

    0h10m

  • 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

    0h30m

  • Video class: Previewing your XD Prototypes on a Phone (Windows users)

    0h05m

  • 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)

    0h06m

  • Exercise: _What are the two big additions in Adobe XD's February update?

  • Video class: Designing a Web App in Adobe XD

    0h21m

  • 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

    0h37m

  • Video class: FLAT vs. Depth for Web Design in 2018? A Quick Tutorial

    0h18m

  • 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)

    0h31m

  • Video class: Landing Page Tutorial for 2018 - Part 2 of 2 (Code)

    0h23m

  • 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

    0h32m

  • Exercise: _What is Adobe XD?

  • Video class: UI Design & Animate a Smart Watch App with Adobe XD & After Effects

    0h41m

  • 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

    0h24m

  • Exercise: _What is Skillshare?

  • Video class: Adobe XD Drag Tutorial - Create an Interactive Image Carousal

    0h24m

  • Exercise: _What is Skillshare and what does it offer?

  • Video class: From Adobe XD Prototype to HTML, CSS & JS - Making an Animated Mega Menu

    0h45m

  • Video class: Using Anime.js to Create SVG Morphing Page Transitions with Vanilla JS!

    0h27m

  • Exercise: _What software can you use to create SVG graphics for the morphing page transition animation?

Adobe XD

Free online courses on Adobe XD

Unlock Your Creative Potential with Free Adobe XD Online Courses

Adobe XD is a powerful tool for designers focused on creating top-notch user experiences for web and mobile applications. With the rise of digital design, acquiring skills in Adobe XD can set you apart in the competitive design industry. Our comprehensive listing of free online courses offers you the opportunity to learn Adobe XD from the ground up, enhance your design workflow, and bring your creative ideas to life without any cost.

Beginner-Friendly Adobe XD Tutorials

If you're new to Adobe XD, our beginner-friendly courses are the perfect starting point. These courses cover the basics of the Adobe XD interface, tools, and features. You'll learn how to navigate the platform, use artboards, work with vectors and text, and understand the principles of design and layout. By the end of these courses, you'll be able to create simple wireframes and design interfaces with confidence.

Intermediate Adobe XD Skills

For those who have mastered the basics, our intermediate courses delve deeper into Adobe XD's capabilities. Learn how to use responsive resize and constraints, create and edit complex vector shapes, and leverage the power of repeat grids. These courses also introduce you to prototyping, allowing you to create interactive mockups that bring your designs to life. You'll gain the skills needed to streamline your design process and collaborate effectively with other team members.

Advanced Techniques and Prototyping

Our advanced courses are tailored for seasoned designers looking to elevate their Adobe XD expertise. Explore sophisticated features such as auto-animate, voice prototyping, and overlay support. Discover how to integrate Adobe XD with other tools and services like Adobe Photoshop, Illustrator, and After Effects for a seamless design workflow. These courses will empower you to craft intricate user experiences and prepare you for professional design challenges.

UX/UI Design Principles with Adobe XD

Understanding the principles of UX/UI design is essential for creating compelling digital products. Our specialized courses focus on the application of these principles within Adobe XD. Learn about user research, information architecture, user interface design, and usability testing. These courses will help you to build user-centric designs that not only look great but also provide an intuitive and enjoyable experience for users.

Project-Based Learning and Real-World Applications

One of the best ways to learn is by doing, and our project-based Adobe XD courses offer just that. Engage with real-world projects that challenge you to apply your skills to create prototypes, design systems, and complete user interfaces. These hands-on courses provide practical experience and a portfolio of work that can be invaluable when pursuing career opportunities in design.

Stay Updated with Industry Trends

The world of design is ever-evolving, and Adobe XD continues to introduce new features and improvements. Our free online courses are updated regularly to keep you informed of the latest trends and techniques in the industry. Stay ahead of the curve by learning the newest Adobe XD updates and how they can enhance your design process.

Join a Community of Designers

Learning Adobe XD online doesn't mean you have to do it alone. Many of our free courses offer access to communities of fellow learners and design professionals. This network can provide support, feedback, and opportunities for collaboration, enriching your learning experience and helping you to grow as a designer.

Why Choose Free Online Courses?

Our free online Adobe XD courses provide flexibility, allowing you to learn at your own pace and on your own schedule. Whether you're a student, a professional looking to switch careers, or a seasoned designer wanting to upgrade y

This free course includes:

7 hours and 23 minutes of online video course

Exercises to train your knowledge

Certificate of course completion

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:

This online course can only be accessed through the Cursa app. Install it using the links below:

  • 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

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 video courses, audio or text courses.

  • 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

+ 6.5 million
students

Free and Valid
Certificate with QR Code

48 thousand free
exercises

4.8/5 rating in
app stores

Free courses in
video, audio and text