Adobe XD Masterclass - Designing a Coffee App UI

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

Dive into a comprehensive 57-minute Adobe XD tutorial led by Evangelist Howard Pinsky, focusing on designing a coffee app interface. Learn essential techniques for importing and manipulating images, creating containers with background images, and working with text elements. Explore accessibility features using the Stark plugin, and master the creation of interactive components like quantity tickers, sliders, and toggle switches. Discover how to design size selection options, integrate images from Adobe Illustrator, and optimize layouts for various device features. Gain insights on crafting effective call-to-action buttons and adapting designs for different product names, all while enhancing your Adobe XD skills and workflow efficiency.

Syllabus

start
Begin work on coffee app - adding images to XD
Creating a container - working with background images
Working with text in XD
Using the Stark plugin to check that text is readable
Adding a quantity ticker in XD
Creating a slider in XD - adding a toggle switch
Adding size selection for coffee sizes
Adding images to XD from AI
Designing for the home indicator button
Adding a purchase/call to action button - group resizing
Adjusting design for different coffee names