Completed
Designing a landing for a specific shoe
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Adobe XD Masterclass - Tips and Tricks for Improved Design Workflows
Automatically move to the next video in the Classroom when playback concludes
- 1 Start
- 2 Starting the project
- 3 Discussing color limits - designing the landing page
- 4 Font selection and placement
- 5 Using guides - adding the navigation bar
- 6 Styling the navigation bar
- 7 Designing with the preview viewable
- 8 Choosing icons from Nucleo
- 9 Creating a heart icon in Adobe XD using an easter egg
- 10 Creating strokes that resize with the icon
- 11 Resizing the navigation icons for best practices
- 12 Grouping the navigation bar and making a component
- 13 Designing the Call to Action
- 14 Designing a landing for a specific shoe
- 15 Laying out the landing title
- 16 Font selection and layout for shoe information
- 17 Creating the shoe size selector
- 18 Adding color selection to the info page
- 19 Designing an add to cart and a save for later button
- 20 Recap of today’s work
