Special offers now — see discounted courses.
day
:
hour
:
min
:
sec
See special offers
Introduction to Graphic Design: XD

Introduction to Graphic Design: XD

1h 30mBeginner2021-03-15

Authors

Tony Harmer

Tony Harmer

Educator, Illustrator, Adobe Creative Suite Master

Course details

Graphic designers must master many different skills and tools. In this installment of the Introduction to Graphic Design series, instructor Tony Harmer covers the essential Adobe XD skills you need to become a graphic designer. To help you grasp how to apply this powerful UI/UX design tool in real-world situations, he demonstrates each concept in the context of a sample project. Tony begins by explaining how to set up your project, including how to choose colors and fonts and test colors for accessibility. He then shows how to build your design in Adobe XD, including how to create a launch page and login screen, add UI components, and use Repeat Grid to create arrays with consistent spacing—both horizontally and vertically. To wrap up, he goes over how to write and test a prototype in Adobe XD to simulate interactions and experiences in an app.

Skills covered

WireframingAdobe XDUX DesignUser ExperienceAdobeWeb DevelopmentOne-Off

Concepts

0. Introduction

  • 01 - Intro to graphic design - Adobe XD
  • 02 - About the course project
  • 03 - Optional plugins
  • 04 - XD on Windows

1. Project Setup

  • 05 - Adobe XD quick start tour
  • 06 - Creating the document
  • 07 - Choosing colors for the project
  • 08 - Testing colors for accessibility
  • 09 - Choosing fonts for the project

2. Building the Design

  • 10 - Creating the screens
  • 11 - Creating the launch page
  • 12 - Creating the login screen
  • 13 - Adding the login element
  • 14 - Creating the navigation
  • 15 - Adding UI components
  • 16 - Drawing UI components
  • 17 - Creating the menu page
  • 18 - Creating the gallery page
  • 19 - Creating a gallery item
  • 20 - Using Repeat Grid
  • 21 - Creating the map page
  • 22 - Creating the user page
  • 23 - Challenge - Comparing user experiences

3. Prototype Mockup

  • 24 - Wiring the prototype
  • 25 - Testing the prototype
  • 26 - Making design changes
  • 27 - Resolving errors

Conclusion

  • 28 - Next steps

About us

LyndaKade is a leading learning platform that helps people learn business, software, technology, and creative skills to achieve personal and professional goals.

Phone numberAparat ChannelTelegram SupportTelegram ChannelInstagram Page

All rights to this site belong to LyndaKade.

Terms of Service|Privacy Policy

نماد الکترونیک enamad در صورت اتصال با آی‌پی داخل کشور، نمایش داده خواهد شد.
logo-samandehi - لوگو ساماندهی
Zarinpal
Zibal