Adobe XD Masterclass - Tips and Tricks for Improved Design Workflows

Adobe XD Masterclass - Tips and Tricks for Improved Design Workflows

Adobe Creative Cloud via YouTube Direct link

Designing the Call to Action

13 of 20

13 of 20

Designing the Call to Action

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. 1 Start
  2. 2 Starting the project
  3. 3 Discussing color limits - designing the landing page
  4. 4 Font selection and placement
  5. 5 Using guides - adding the navigation bar
  6. 6 Styling the navigation bar
  7. 7 Designing with the preview viewable
  8. 8 Choosing icons from Nucleo
  9. 9 Creating a heart icon in Adobe XD using an easter egg
  10. 10 Creating strokes that resize with the icon
  11. 11 Resizing the navigation icons for best practices
  12. 12 Grouping the navigation bar and making a component
  13. 13 Designing the Call to Action
  14. 14 Designing a landing for a specific shoe
  15. 15 Laying out the landing title
  16. 16 Font selection and layout for shoe information
  17. 17 Creating the shoe size selector
  18. 18 Adding color selection to the info page
  19. 19 Designing an add to cart and a save for later button
  20. 20 Recap of today’s work

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.