Adobe XD Masterclass – Episode 59 | Adobe Creative Cloud

15,796

Join Adobe XD Evangelist Howard Pinsky as he walks you through tips & tricks to improve your designing and workflows.


Chapters

00:00 Start

05:01 Starting the project

09:12 Discussing color limits - designing the landing page

11:06 Font selection and placement

13:16 Using guides - adding the navigation bar

15:15 Styling the navigation bar

17:13 Designing with the preview viewable

17:59 Choosing icons from Nucleo

19:30 Creating a heart icon in Adobe XD using an easter egg

22:33 Creating strokes that resize with the icon

24:35 Resizing the navigation icons for best practices

28:14 Grouping the navigation bar and making a component

30:02 Designing the Call to Action

33:31 Designing a landing for a specific shoe

35:29 Laying out the landing title

42:09 Font selection and layout for shoe information

43:25 Creating the shoe size selector

46:59 Adding color selection to the info page

52:44 Designing an add to cart and a save for later button

54:21 Recap of today’s work


Subscribe to Adobe Creative Cloud: https://adobe.ly/48Y1QJ1


Learn more about Creative Cloud: https://adobe.ly/3RTndnp


About Adobe Creative Cloud:

Unlocking creative potential goes beyond tools – it's about cultivating inspiration, fostering innovation, and mastering artistic expression. On the Adobe Creative Cloud YouTube channel, discover stories, concepts, and trends that ignite your creativity. We are your hub for creativity, connecting you with Adobe channels for detailed tutorials and product insights.


Adobe® Creative Cloud™ brings together everything you need to create your greatest work. One membership gives you access to all Adobe professional creative desktop applications, plus new features as soon as they're available. Cloud storage ensures file access anywhere, even on mobile, streamlining concept sharing. Cloud-based services let you build websites, mobile apps, and content for any medium/device. With Behance integration, you can publish your portfolio on your own URL and plug into the world's largest creative community to get inspired, get feedback, and find new opportunities.


Connect with Adobe Creative Cloud:

Twitter: https://twitter.com/creativecloud

LinkedIn: https://www.linkedin.com/showcase/adobe-creative-cloud/

Facebook: https://www.facebook.com/adobecreativecloud

Instagram: https://www.instagram.com/adobecreativecloud/


#Adobe #AdobeYouTube #AdobeCreativeCloud #AdobeXD


Adobe XD Masterclass – Episode 59 | Adobe Creative Cloud

https://www.youtube.com/watch?v=NiSJF1XqdUE

Live on July 16, 2021
Adobe XD

Adobe XD Masterclass – Episode 59 | Adobe Creative Cloud

15,796

Join Adobe XD Evangelist Howard Pinsky as he walks you through tips & tricks to improve your designing and workflows.


Chapters

00:00 Start

05:01 Starting the project

09:12 Discussing color limits - designing the landing page

11:06 Font selection and placement

13:16 Using guides - adding the navigation bar

15:15 Styling the navigation bar

17:13 Designing with the preview viewable

17:59 Choosing icons from Nucleo

19:30 Creating a heart icon in Adobe XD using an easter egg

22:33 Creating strokes that resize with the icon

24:35 Resizing the navigation icons for best practices

28:14 Grouping the navigation bar and making a component

30:02 Designing the Call to Action

33:31 Designing a landing for a specific shoe

35:29 Laying out the landing title

42:09 Font selection and layout for shoe information

43:25 Creating the shoe size selector

46:59 Adding color selection to the info page

52:44 Designing an add to cart and a save for later button

54:21 Recap of today’s work


Subscribe to Adobe Creative Cloud: https://adobe.ly/48Y1QJ1


Learn more about Creative Cloud: https://adobe.ly/3RTndnp


About Adobe Creative Cloud:

Unlocking creative potential goes beyond tools – it's about cultivating inspiration, fostering innovation, and mastering artistic expression. On the Adobe Creative Cloud YouTube channel, discover stories, concepts, and trends that ignite your creativity. We are your hub for creativity, connecting you with Adobe channels for detailed tutorials and product insights.


Adobe® Creative Cloud™ brings together everything you need to create your greatest work. One membership gives you access to all Adobe professional creative desktop applications, plus new features as soon as they're available. Cloud storage ensures file access anywhere, even on mobile, streamlining concept sharing. Cloud-based services let you build websites, mobile apps, and content for any medium/device. With Behance integration, you can publish your portfolio on your own URL and plug into the world's largest creative community to get inspired, get feedback, and find new opportunities.


Connect with Adobe Creative Cloud:

Twitter: https://twitter.com/creativecloud

LinkedIn: https://www.linkedin.com/showcase/adobe-creative-cloud/

Facebook: https://www.facebook.com/adobecreativecloud

Instagram: https://www.instagram.com/adobecreativecloud/


#Adobe #AdobeYouTube #AdobeCreativeCloud #AdobeXD


Adobe XD Masterclass – Episode 59 | Adobe Creative Cloud

https://www.youtube.com/watch?v=NiSJF1XqdUE

Live on July 16, 2021
Adobe XD

Adobe Live Schedule

Stay connected with Adobe Live.

  • Add to Calendar
    Social Media Secrets with Cyn LagosSocial Media Secrets with Cyn Lagos

    Social Media Secrets with Cyn Lagos

    Graphic Design

  • Add to Calendar
    Learning Colour Grading Basics | Video Skills ChallengeLearning Colour Grading Basics | Video Skills Challenge

    Learning Colour Grading Basics | Video Skills Challenge

    Motion

  • Add to Calendar
    Pro-Tips: How to Animate Simple Stories in After Effects with pixipuiPro-Tips: How to Animate Simple Stories in After Effects with pixipui

    Pro-Tips: How to Animate Simple Stories in After Effects with pixipui

    Motion

  • Add to Calendar
    Revolutionize Your Editing: Unleash AI Magic with New Quickture Panel for Premiere ProRevolutionize Your Editing: Unleash AI Magic with New Quickture Panel for Premiere Pro

    Revolutionize Your Editing: Unleash AI Magic with New Quickture Panel for Premiere Pro

    Motion

  • Add to Calendar
    Beta Beat | A Sneak Peek at What’s Next in Premiere Pro and After EffectsBeta Beat | A Sneak Peek at What’s Next in Premiere Pro and After Effects

    Beta Beat | A Sneak Peek at What’s Next in Premiere Pro and After Effects

    Education

  • Add to Calendar
    Motion Design Hotline: Responding RE: Responsive DesignMotion Design Hotline: Responding RE: Responsive Design

    Motion Design Hotline: Responding RE: Responsive Design

    Motion

  • Add to Calendar
    Get Social with Andy Lambert, Jordan EllisGet Social with Andy Lambert, Jordan Ellis

    Get Social with Andy Lambert, Jordan Ellis

    Education

  • Add to Calendar
    "MerMay" Creative Kickoff with Sara Mapes"MerMay" Creative Kickoff with Sara Mapes

    "MerMay" Creative Kickoff with Sara Mapes

    Graphic Design

  • Add to Calendar
    Creating Color Swatch Groups From Moodboards  | Illustrator Skills ChallengeCreating Color Swatch Groups From Moodboards  | Illustrator Skills Challenge

    Creating Color Swatch Groups From Moodboards | Illustrator Skills Challenge

    Graphic Design

user's profile
Adobe Live
San Jose, CA