
Explore Adobe XD from beginner to expert, learning user research, user interface principles, wireframes, drafting, prototyping, testing, and sharing feedback to design practical web and app interfaces.
Apply the ten principles of user interface design: simplicity, support, familiarity, clarity, encouragement, satisfaction, accessibility, safety, versatility, and personalization to craft clear, accessible, and engaging interfaces in Adobe XD prototypes.
Learn to build low-fidelity wireframes by hand sketching page structure, planning content and placements, and then digitizing the frame in Adobe XD to guide design decisions.
Explore UI templates and kits in Adobe XD, download Apple iOS, Mac OS, Watch OS, and Android templates, and customize fonts, color palettes, and layouts for rapid UI design.
The assets panel in Adobe XD lets you manage an assets library with colors, character styles, and components, save local assets, search and filter, and maintain branding consistency across projects.
Master text formatting in Adobe XD by using fixed text boxes to control range, tune font size and weight, and apply alignment, spacing, and paste appearance with character styles.
Explore how background blur and object blur affect login screen visuals, adjusting blur amount, brightness, and opacity while grouping, locking, and aligning elements to fit the brand identity.
Explore sharing prototypes in Adobe XD, using recordings, cloud saves, and various sharing modes—design review, development, presentation, user testing, or custom—and collaborate with comments, pins, and link management.
Preview Adobe XD prototypes on device and desktop with the play button to view exact phone sizes and test interactions on a real screen using the XD mobile app.
Dear Students,
I have merged both the example project that I am explaining the course on and the final project that we are supposed to work on together. This is because the free version of Adobe XD only allows one public link and I would like to show you guys a good technique to using the program efficiently! Feel free to navigate through the projects all under the same link without getting lost between many different links! If you have any questions regarding the navigation process, feel free to watch the project sharing video!
Link: https://xd.adobe.com/view/5fa5b91a-d4ea-4a02-b354-4c059c3b6fc8-0af6/
Learn to map a user flow diagram from persona to screens, exploring application and website scenarios, login, home, keychain management, and buttons, then plan and prototype in XD.
Explore web design in Adobe XD by converting wireframes into a website scenario, applying logo, colors, header, icons, and a fixed header prototype with a navigable footer.
Learn to design and prototype a web login overlay on a blurred home page, with sign up, search, and a BuzzFeed-style article feed including comments and sharing.
Explore interactive UX UI prototyping in Adobe XD by building a photo slideshow with arrows, overlays, and deliberate spacing, then refine layers and transitions for a design ready for developers.
Explore Twitter- and Facebook-inspired three-column layouts with a left menu, center feed, and right fixed panel, using cohesive colors and icons.
Develop interactive user interface prototypes in Adobe XD by building a burger menu and messages overlay with artboards, transitions, and subcategories.
This course is constantly being revised and updated with new lessons.
Learn UI/UX design with Adobe XD!
Design like a pro!
Have you ever wanted to design your own app, website or blog? These days, we use them without a second thought. They have become an integral part of both the human experience and the financial market. It’s easy to come up with a new idea for a viral new app, but not as easy to make that app a reality - or so you might think. That’s where Adobe XD comes in. Adobe XD is an essential and collaborative UI/ UX design tool that can help you design a wide range of interfaces in great detail - and we’re here to teach you how.
In this course, you’re going to learn everything about user interface design with Adobe XD. Step-by-step, we’ll cover everything you need to know from opening the program for the very first time to finalising your finished design. You’ll learn all of the tools, as well as how and when to use them. We’ll also cover everything you’ll need to be able to collaborate with other web developers easily through its collaborative feature. During the course, you will learn about the principles of User Interface Design in order to design with purpose, as well as the principles of Human-Computer Interaction. Finally, we’ll teach you how to adapt to specific project requirements, as well as how to wireframe in order to turn your design into a functional prototype.
Our instructors have years of experience not only in UI/UX design, but also in teaching, and the expertly-crafted syllabus is designed to be easy to follow and thorough. We’ve even included plenty of examples explained and designed on-screen for you to study. That’s why this is the only Adobe XD course you’ll ever need to design professional apps, websites and blogs!
Start designing today!
After taking this course you’ll be able to:
Use Adobe XD professionally
Create prototypes and receive feedback on it very flexibly
Achieve an understanding of the process, purpose, and tools of prototype design
Understand the principles of User Interface Design in order to design with purpose
Learn the basics of Human-Computer Interaction
Discover the standard tools in User Interface
Adapt to specific project deliverables in User Interface
Make your own app and website designs