Adobe Experience Design CC can help you create interactive prototypes that you can share with clients for a complete user design experience. Learn how to create and export your designs for developers so you can maintain your design vision.
Do you have a desire to create a mobile app or website? Would having a working prototype of your design that you could share with your clients make the process much easier?
In this course,
, you will learn foundational skills needed to create an interactive prototype for a mobile app or website.
, you will learn how to set up a project in Adobe XD CC.
Read more
Adobe Experience Design CC can help you create interactive prototypes that you can share with clients for a complete user design experience. Learn how to create and export your designs for developers so you can maintain your design vision.
Do you have a desire to create a mobile app or website? Would having a working prototype of your design that you could share with your clients make the process much easier?
In this course,
, you will learn foundational skills needed to create an interactive prototype for a mobile app or website.
, you will learn how to set up a project in Adobe XD CC.
Adobe Experience Design CC can help you create interactive prototypes that you can share with clients for a complete user design experience. Learn how to create and export your designs for developers so you can maintain your design vision.
Do you have a desire to create a mobile app or website? Would having a working prototype of your design that you could share with your clients make the process much easier?
In this course,
, you will learn foundational skills needed to create an interactive prototype for a mobile app or website.
, you will learn how to set up a project in Adobe XD CC.
, you will discover how to create graphics with the shape and pen tools, as well as adding interactive features to your project.
, you will explore previewing your work on desktop and mobile, as well as sharing your interactive prototypes with clients and developers.
When you’re finished with this course, you will have the skills and knowledge of Adobe XD CC needed to create beautiful interactive designs that your clients can interact with and deliver valuable feedback on.
Adobe XD is a user experience design tool for websites and mobile apps, allowing you to create interactive graphics and prototypes that are easily shareable with clients.
With Adobe XD you can:
Yes, there is a free version of Adobe XD, but it has some limitations. If you want full access to all of the tools and features then you will need to get the paid version.
In this course you will learn how to create an interactive prototype in Adobe XD CC. Some topics covered include:
Anyone who wants to learn how to use Adobe XD for creating graphics and interactive prototypes for mobile apps or websites. If you want to create designs that your clients can interact with, then this is perfect for you.
Nope! This is a beginner course, so no prior knowledge of Adobe XD is needed. It would help, though, to be familiar with the general basics of UX design.
What's inside
Syllabus
Good to know
Save this course
Save
Activities
Review Design Basics
Show steps
Sharpen your understanding of design concepts and principles to build a solid foundation for this course.
Show steps
-
Review fundamental design principles such as alignment, contrast, and hierarchy.
-
Analyze existing designs from websites and apps to identify elements of good design.
Practice creating graphics with shapes
Show steps
Creating shapes is a key aspect to designing interactive prototypes, and practicing with the shape tools will help you build proficiency.
Browse courses on
Shape Tool
Show steps
-
Open Adobe XD and create a new project.
-
Select the Rectangle tool from the toolbar.
-
Click and drag to create a rectangle on the canvas.
-
Experiment with the different shape options in the toolbar, such as the circle and ellipse tools.
Explore Adobe XD Tutorials
Show steps
Get familiar with Adobe XD's interface and features to optimize your workflow.
Show steps
-
Follow interactive tutorials to learn the basics of Adobe XD.
-
Experiment with different tools and settings to enhance your design skills.
Six other activities
Expand to see all activities and additional details
Show all nine activities
Tutorial: How to add interactive elements
Show steps
Adding interactive elements is what makes your prototypes come alive, learning how to do this through a tutorial will give you a solid foundation.
Show steps
-
Find a tutorial on how to add interactive elements to Adobe XD prototypes.
-
Follow the tutorial step-by-step.
-
Experiment with different types of interactive elements, such as buttons, links, and sliders.
-
Apply what you've learned to your own prototypes.
Develop a Wireframe
Show steps
Practice creating a wireframe to visualize the layout and structure of your designs.
Show steps
-
Plan the layout and information architecture of your project.
-
Use wireframing tools or pen and paper to sketch out the key elements of your design.
Project: Design a mobile app prototype
Show steps
Real-world application of your skills will enhance your ability to use Adobe XD for mobile app designs.
Show steps
-
Choose a mobile app idea that you're interested in.
-
Sketch out your app's design on paper.
-
Create your app's prototype in Adobe XD.
-
Share your prototype with others for feedback.
Design Review with Peers
Show steps
Gain valuable feedback on your designs by sharing them with peers for review.
Show steps
-
Organize a small group discussion to present your designs for feedback.
-
Actively listen to suggestions from others and incorporate constructive criticism.
Practice Prototyping Elements
Show steps
Develop your skills in creating interactive elements for your prototypes.
Show steps
-
Design interactive elements such as buttons, navigation bars, and drop-down menus.
-
Test and refine your prototypes to ensure smooth functionality.
Design a Mobile App Prototype
Show steps
Showcase your skills by creating a fully functional prototype of a mobile app.
Show steps
-
Plan the features and functionalities of your app.
-
Design high-fidelity prototypes using Adobe XD.
-
Test and iterate on your prototype to improve its usability.
Review Design Basics
Show steps
Sharpen your understanding of design concepts and principles to build a solid foundation for this course.
Show steps
- Review fundamental design principles such as alignment, contrast, and hierarchy.
- Analyze existing designs from websites and apps to identify elements of good design.
Practice creating graphics with shapes
Show steps
Creating shapes is a key aspect to designing interactive prototypes, and practicing with the shape tools will help you build proficiency.
Browse courses on
Shape Tool
Show steps
- Open Adobe XD and create a new project.
- Select the Rectangle tool from the toolbar.
- Click and drag to create a rectangle on the canvas.
- Experiment with the different shape options in the toolbar, such as the circle and ellipse tools.
Explore Adobe XD Tutorials
Show steps
Get familiar with Adobe XD's interface and features to optimize your workflow.
Show steps
- Follow interactive tutorials to learn the basics of Adobe XD.
- Experiment with different tools and settings to enhance your design skills.
Tutorial: How to add interactive elements
Show steps
Adding interactive elements is what makes your prototypes come alive, learning how to do this through a tutorial will give you a solid foundation.
Show steps
- Find a tutorial on how to add interactive elements to Adobe XD prototypes.
- Follow the tutorial step-by-step.
- Experiment with different types of interactive elements, such as buttons, links, and sliders.
- Apply what you've learned to your own prototypes.
Develop a Wireframe
Show steps
Practice creating a wireframe to visualize the layout and structure of your designs.
Show steps
- Plan the layout and information architecture of your project.
- Use wireframing tools or pen and paper to sketch out the key elements of your design.
Project: Design a mobile app prototype
Show steps
Real-world application of your skills will enhance your ability to use Adobe XD for mobile app designs.
Show steps
- Choose a mobile app idea that you're interested in.
- Sketch out your app's design on paper.
- Create your app's prototype in Adobe XD.
- Share your prototype with others for feedback.
Design Review with Peers
Show steps
Gain valuable feedback on your designs by sharing them with peers for review.
Show steps
- Organize a small group discussion to present your designs for feedback.
- Actively listen to suggestions from others and incorporate constructive criticism.
Practice Prototyping Elements
Show steps
Develop your skills in creating interactive elements for your prototypes.
Show steps
- Design interactive elements such as buttons, navigation bars, and drop-down menus.
- Test and refine your prototypes to ensure smooth functionality.
Design a Mobile App Prototype
Show steps
Showcase your skills by creating a fully functional prototype of a mobile app.
Show steps
- Plan the features and functionalities of your app.
- Design high-fidelity prototypes using Adobe XD.
- Test and iterate on your prototype to improve its usability.
Career center
User Experience Designer
UX Engineer
Product Manager
Web Designer
Front-End Developer
Interaction Designer
Graphic designer
Information Architect
User Researcher
Content Strategist
Technical Writer
Project Manager
Data Analyst
Social Media Manager
Marketing Manager
Reading list
Save
Save
Save
Save
Save
Save
Share
Similar courses
- Adobe XD CC Fundamentals (viewing)
- Photoshop CC Fundamentals
- Illustrator CC Fundamentals
- Illustrator CC for UX Design
- Photoshop CC for the Web
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.
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.
