We may earn an affiliate commission when you visit our partners.
Course image
Martin Perhiniak

With Adobe Xd you can quickly visualise app ideas, turning wireframes into interactive, animated prototypes and testing them out on desktop browsers on or your mobile devices.

This course teaches you all the features of Adobe Xd by demonstrating a full app design workflow. Downloading the project files you can follow along and create your first working app prototype. You can also learn how to combine Adobe Xd with Adobe Photoshop and Adobe Illustrator and utilise the seamless integration between these creative tools intended to be used in combination.

Read more

With Adobe Xd you can quickly visualise app ideas, turning wireframes into interactive, animated prototypes and testing them out on desktop browsers on or your mobile devices.

This course teaches you all the features of Adobe Xd by demonstrating a full app design workflow. Downloading the project files you can follow along and create your first working app prototype. You can also learn how to combine Adobe Xd with Adobe Photoshop and Adobe Illustrator and utilise the seamless integration between these creative tools intended to be used in combination.

Being able to create your own prototypes gives you ultimate control over the design of an app or website, you can improve the user experience with ease and even have others test out the design to see what they think.

This application not only saves you time that would be spent going back and forth between wireframes and mockups, it also allows you to show a client exactly what they are getting much earlier in the creative process.

“This is an excellent foray into Adobe XD. I knew nothing about it when I started, now I can use XD to design my own projects.”Thomas Hverring

A closer look at what you will learn:

  • Learn the basics of User Experience Design (UXD) and why it became such an important segment of the creative industry with the increased usage and importance of mobile devices.

  • Next up you can learn how to prepare a new project. Master wireframing as well as designing and gathering assets to use.

  • Then it’s all about getting to grips with Adobe Xd. This section will cover Artboards, Drawing, working with Text, Images and loads more.

  • Next it’s time to design your own app by following along with training videos and practise with the included project files.

  • Finally learn about creating transition and interactions to create a working a app prototype.

  • Once you are finished with the course you will have a fully functioning prototype and be ready to create loads more.

This course includes:

  • 25 Videos

  • 2.5 Hours of total playtime

  • Downloadable working files

  • All future updates to Adobe Xd will be included in this course for no extra payment

  • Estimated finish time: 5 hours (including finishing all exercises)

  • Completion certificate upon finishing the entire course

‘Being a hands-on learner, I enjoyed following along with the instructor and creating the project with the supplied exercise files. Thorough start to finish instructions. I feel confident now to start my own app prototypes.’Janine Eisner-Wall

Martin is an Adobe Certified Instructor – voted as one of the Top 10 Adobe instructors in the world – with years of experience teaching in classrooms, seminars and webinars. He also worked professionally in the creative industry for over 10 years on a wide range of projects for clients such as Disney, Accenture, Mattel, etc.

Who will find it useful:

  • Those who are brand new to Adobe Xd and want to learn from the basics.

  • Anyone who would like a professional career in UX/UI design.

  • Existing creative professionals who are looking to grow their knowledge/transition into these areas.

  • Anyone who has an idea for a potential application they would like to bring to life.

  • Anyone who is interested in the future of prototyping.

Skills you will gain

  • Understanding core concepts and rules of user experience design

  • Turning wireframes into engaging screen layouts

  • Building a fully functioning app prototype by adding interactions, transitions and animations

  • Being able to share your prototype with others and ask for their comments.

Stay ahead of the game and master Adobe Xd by enrolling to this course today.

Enroll now

Here's a deal for you

We found an offer that may be relevant to this course.
Save money when you learn. All coupon codes, vouchers, and discounts are applied automatically unless otherwise noted.

What's inside

Learning objectives

  • Build interactive mobile app and website prototypes
  • Share their working app and website prototypes with anyone

Syllabus

Getting familiar with Adobe Xd and UX design
Introduction
What is UXD?
Meet Adobe Xd
Read more
Project files
Adobe Xd templates
Preparation
Wireframing
Designing assets
Gathering assets
Getting to grips with Adobe Xd
Artboards
Drawing shapes
Drawing with the Pen Tool
Working with text
Working with images
Compositions of elements
Components
Designing the App
Home screen
Features screen
Feature description screens
Character screens
Prototyping the App
Setting up interactions
Additional interactions
Recording and testing interactions
Multiple screen sizes and orientation
Exporting the project
Creating an animated mockup
Sharing the project
Conclusion

Good to know

Know what's good
, what to watch for
, and possible dealbreakers
Provides a comprehensive overview of Adobe Xd, guiding learners through the entire process of designing and prototyping mobile apps and websites
Taught by Martin Perhiniak, an Adobe Certified Instructor recognized for his expertise in Adobe software
Combines video tutorials, downloadable exercise files, and practical exercises to provide a hands-on learning experience
Ideal for beginners who want to learn the fundamentals of UX/UI design and prototyping without prior experience
Covers industry-standard tools and techniques, preparing learners for professional roles in UX design
Emphasizes the importance of user experience design, equipping learners with the skills to create user-friendly and intuitive interfaces

Save this course

Save App Design with Adobe Xd to your list so you can find it easily later:
Save

Reviews summary

Excellent app design resources

Learners say Adobe Xd design course provides excellent resources for those who wish to learn app design.
Appreciable resources included
"Very useful course!"

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in App Design with Adobe Xd with these activities:
Review HTML fundamentals
Reviewing HTML fundamentals will prepare you for the course's focus on UX/UI design by ensuring you have a solid foundational understanding of how websites are structured and displayed.
Browse courses on HTML
Show steps
  • Read through an HTML tutorial or refresher course
  • Check out online resources for HTML beginners
Follow along with Adobe Xd tutorials
Following along with Adobe Xd tutorials will help you to become familiar with the tools and features of Adobe Xd, making it easier to apply the concepts taught in the course to your own projects.
Browse courses on Adobe XD
Show steps
  • Find a beginner-friendly Adobe Xd tutorial
  • Follow along with the tutorial step-by-step
  • Experiment with different features and tools
Create a simple website prototype
Creating a simple website prototype will provide you with practical hands-on experience in applying UX/UI design principles, helping you to better understand the concepts taught in the course.
Browse courses on UX Design
Show steps
  • Choose a simple website idea
  • Design the layout and wireframe
  • Create the prototype using Adobe Xd
Two other activities
Expand to see all activities and additional details
Show all five activities
Complete Adobe Xd exercises
Completing Adobe Xd exercises will provide you with practical experience and help you to reinforce the concepts taught in the course.
Browse courses on Adobe XD
Show steps
  • Find online exercises or download the course exercise files
  • Complete the exercises step-by-step
  • Review your work and identify areas for improvement
Design a mobile app for a specific purpose
Designing a mobile app for a specific purpose will allow you to apply the UX/UI design principles taught in the course to a practical project, deepening your understanding and improving your skills.
Browse courses on UX Design
Show steps
  • Choose a specific purpose for your app
  • Define the target audience and user needs
  • Create a detailed wireframe and design concept
  • Develop the app prototype using Adobe Xd

Career center

Learners who complete App Design with Adobe Xd will develop knowledge and skills that may be useful to these careers:
UX Designer
As a UX Designer, you will be responsible for designing user interfaces for websites and applications. You will need to have a strong understanding of user experience (UX) principles and be able to create designs that are both aesthetically pleasing and functional. This course can help you build a strong foundation in UX design and provide you with the skills you need to create engaging and effective user interfaces.
Web Designer
As a Web Designer, you will be responsible for designing and developing websites. You will need to have a strong understanding of web design principles and be able to create websites that are both visually appealing and functional. This course can help you develop the skills you need to create beautiful and effective websites.
Mobile App Designer
As a Mobile App Designer, you will be responsible for designing and developing mobile applications. You will need to have a strong understanding of mobile app design principles and be able to create apps that are both visually appealing and functional. This course can help you develop the skills you need to create beautiful and effective mobile apps.
UI Designer
As a UI Designer, you will be responsible for designing the user interface (UI) for websites and applications. You will need to have a strong understanding of UI design principles and be able to create UIs that are both visually appealing and functional. This course can help you develop the skills you need to create beautiful and effective user interfaces.
Product Designer
As a Product Designer, you will be responsible for designing and developing products, including digital products, physical products, and services. You will need to have a strong understanding of product design principles and be able to create products that are both user-friendly and successful. This course can help you develop the skills you need to create beautiful and effective products.
Interaction Designer
As an Interaction Designer, you will be responsible for designing the interactions between users and digital products. You will need to have a strong understanding of interaction design principles and be able to create interactions that are both intuitive and enjoyable. This course can help you develop the skills you need to create beautiful and effective interactions.
Front-End Developer
As a Front-End Developer, you will be responsible for developing the front-end of websites and applications. You will need to have a strong understanding of front-end development principles and be able to create websites and applications that are both visually appealing and functional. This course can help you develop the skills you need to create beautiful and effective front-ends.
Back-End Developer
As a Back-End Developer, you will be responsible for developing the back-end of websites and applications. You will need to have a strong understanding of back-end development principles and be able to create websites and applications that are both scalable and performant. This course may be helpful for developing the skills you need to create beautiful and effective back-ends.
Full-Stack Developer
As a Full-Stack Developer, you will be responsible for developing both the front-end and back-end of websites and applications. You will need to have a strong understanding of both front-end and back-end development principles and be able to create websites and applications that are both visually appealing, functional, scalable, and performant. This course may be helpful for developing the skills you need to create beautiful and effective full-stack applications.
Software Engineer
As a Software Engineer, you will be responsible for designing, developing, and testing software systems. You will need to have a strong understanding of software engineering principles and be able to create software that is both efficient and reliable. This course may be useful for developing the skills you need to create beautiful and effective software systems.
Quality Assurance Analyst
As a Quality Assurance Analyst, you will be responsible for testing software to ensure that it meets requirements and is free of defects. You will need to have a strong understanding of quality assurance principles and be able to create test plans and execute tests. This course may be useful for developing the skills you need to create beautiful and effective quality assurance plans.
Technical Writer
As a Technical Writer, you will be responsible for writing technical documentation, such as user manuals, white papers, and training materials. You will need to have a strong understanding of technical writing principles and be able to write clear and concise documentation. This course may be useful for developing the skills you need to create beautiful and effective technical documentation.
Graphic designer
As a Graphic Designer, you will be responsible for creating visual content, such as logos, brochures, and websites. You will need to have a strong understanding of graphic design principles and be able to create visually appealing designs. This course may be useful for developing the skills you need to create beautiful and effective graphic designs.
Art Director
As an Art Director, you will be responsible for overseeing the creative direction of a project. You will need to have a strong understanding of art direction principles and be able to create a cohesive and visually appealing vision. This course may be useful for developing the skills you need to create beautiful and effective art direction.
Marketing Manager
As a Marketing Manager, you will be responsible for developing and executing marketing campaigns. You will need to have a strong understanding of marketing principles and be able to create effective marketing strategies. This course may be useful for developing the skills you need to create beautiful and effective marketing campaigns.

Reading list

We've selected 13 books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in App Design with Adobe Xd.
This guide to prototyping fundamentals will help learners in this course understand the basics of prototyping and how to use prototyping tools to test and refine their ideas. will add more depth to the section on Prototyping the App.
Presents a methodology for developing and testing ideas quickly and efficiently. It will help learners in this course understand how to iterate on their designs based on feedback, which will lead to a better final product.
Focuses on the importance of usability in web design. It provides practical advice on how to make websites more user-friendly, which will help learners in this course think more deeply about the user experience.
Explores how emotions influence user experience. It will help learners in this course understand how to create designs that evoke positive emotions, which can lead to a more positive user experience.
On interaction design is useful for those with more graphic design or user experience design experience. Although the course includes the basics of interaction design, this book will help such individuals greatly expand their knowledge in this area.
This classic book on design provides a foundation for understanding the principles of good design. It will help learners in this course think more critically about the user experience and how to create designs that are both useful and enjoyable to use.
Introduces a methodology for designing user interfaces using a modular approach. It will help learners in this course understand how to create reusable components that can be combined to create complex designs.
Provides a comprehensive overview of content strategy. It will help learners in this course understand how to create content that is both useful and engaging, which is important for creating a positive user experience.
Provides a practical guide to sketching user experiences. It will help learners in this course improve their sketching skills, which can be helpful for communicating design ideas and getting feedback from others.
Classic in the field of user experience design. It provides a comprehensive overview of the user experience design process, from research to evaluation. It valuable reference for learners in this course who want to learn more about the field.
Is written specifically for programmers who want to learn about user interface design. It will help learners in this course understand the basics of user interface design and how to create user interfaces that are both functional and visually appealing.
Classic in the field of human-computer interaction. It provides a comprehensive overview of the field, from the history of HCI to the latest research in the field. It valuable reference for learners in this course who want to learn more about the field.

Share

Help others find this course page by sharing it with your friends and followers:

Similar courses

Here are nine courses similar to App Design with Adobe Xd.
UI/UX design with Adobe XD: Design & Prototype a Mobile...
Most relevant
Adobe XD CC Fundamentals
Most relevant
Design Mobile Apps in Adobe XD - Android & iOS - UI/UX
Most relevant
Adobe XD UI/UX Design, prototype, and handoff from scratch
Most relevant
Build a High-Fidelity Mobile App Prototype with Adobe XD
Most relevant
User Experience Design Essentials - Adobe XD UI UX Design
Most relevant
Create a Low-Fidelity Prototype in Adobe XD
Most relevant
Create Digital Wireframes in Adobe XD
Most relevant
Get Started With Adobe XD
Most relevant
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2024 OpenCourser