Udemy - Adobe XD Masterclass: Learn UI & UX Design from Zero to Hero

barhan said:

Udemy - Adobe XD Masterclass: Learn UI & UX Design from Zero to Hero

https://www.udemy.com/course/adobe-xd-masterclass/

Learn the next big thing - Adobe XD! You'll look like a superstar designer, even if you're a beginner!


Description Course content

• Getting Started
  • Introduction
  • How to get the most out of this training
  • Download all the resources from the course
  • Adobe XD vs Photoshop
  • Get started with Adobe XD
  • Create your first design in Adobe XD
  • How to get around Adobe XD
  • Best way to select layers in XD
  • Exercise: Practice your selecting
  • From Photoshop or Illustrator to Adobe XD!
  • Cloud documents and saving your work
  • Adobe XD quirks
  • Section conclusions
• Adobe XD's tools and features
  • Introduction
  • How to work with rectangles like a pro
  • Use the ellipse, polygon and line tools
  • Editing shapes
  • Pen tool
  • Let’s have fun – use all the tools
  • Work with colors and gradients
  • Grids, guides, smart guides – pixel perfect designs
  • The alignment tools - Overview
  • How to use the alignment tools
  • Work with text layers like a pro
  • Best way to work with images
  • Create a collage
  • Section conclusions
• Saving and exporting your work
  • Export our work as PNGs
  • Share your work to get feedback
  • Optional - Save presentations as PDFs
  • Share your work with developers
  • Shrink your PNGs and JPEGs without losing quality
• Adobe XD advanced features
  • Introduction
  • Fast designing with repeat grid
  • Quickly replace content
  • Components – a revolutionary feature
  • Practice working with components
  • Why we need to talk about style guides
  • How to supercharge your color use
  • How to work with character styles
  • Here’s how you actually set up your assets panel
  • A smarter way to work with linked assets
  • Undecided? Keep multiple versions!
  • Working with several designers AT ONCE
  • Section conclusion
• First web design project
  • Introduction to our first web design project
  • Create the website’s header
  • My advice for perfect social media icons
  • Setting our typography
  • Adding the search bar
  • The website’s categories
  • Build the content area with repeat grid
  • Pagination through XD components
  • Create the footer
  • Overview of the homepage
  • Create the product details page
  • Finishing touches on the product details page
• Responsive design
  • What is responsive design?
  • Designing without coding: why and how?
  • Making the mobile version of the homepage
  • Adjusting the design for the mobile version
  • Editing the footer for the mobile version
  • Create the mobile version for the product details page
  • Design variation #1 - color
  • Design variation #2 – typography
  • Design variation #3 – the layout
  • Key things about our design
• Make the design interactive (prototyping)
  • Introduction to prototyping
  • The fundamentals of wiring a prototype
  • Trigger types in Adobe XD
  • Transition Animations and Easing
  • Auto-animate – the incredible game changer
  • Auto-animate and drag
  • Previous artboard – a must in any large project
  • How to make menus and pop ups seem real
  • Jump to a part of your design with “Scroll To”
  • Here’s why your animations don’t matter
• Advanced Prototyping
  • Here’s why we should animate our design
  • What you should and shouldn’t animate
  • Create hover states for social media & main menu
  • Prototyping the search box – hover and down state + drop-down
  • Create a hover state for the repeat grid
  • Setting up the pagination and footer
  • How to quickly change your layout with stacks
  • Bonus: Make the navigation work
• User Experience (UX)
  • Introduction
  • What’s UI, what’s UX?
  • Bad UX is very expensive
  • UX case study – icons
  • UX case study – buttons
  • UX case study – forms
  • UX case study – vague actions
  • UX case study – hierarchy
  • UX case study – fake content
• What's next?
  • Here's what I suggest you do next

Spoiler: links

Adobe_XD_Masterclass_Learn_UI___UX_Design_from_Zero_to_Hero.part2.rar

Adobe_XD_Masterclass_Learn_UI___UX_Design_from_Zero_to_Hero.part2.rar

drive.google.com

Adobe_XD_Masterclass_Learn_UI___UX_Design_from_Zero_to_Hero.part1.rar

Adobe_XD_Masterclass_Learn_UI___UX_Design_from_Zero_to_Hero.part1.rar

drive.google.com

Adobe_XD_Masterclass_Learn_UI___UX_Design_from_Zero_to_Hero.part3.rar

Adobe_XD_Masterclass_Learn_UI___UX_Design_from_Zero_to_Hero.part3.rar

drive.google.com

Click to expand...