UI UX Design

Use XD to get a job in UI Design, User Interface, User Experience design, UX design & Web Design

Instructor: RUBINA ILYAS
Last updated Tue, 19-Jul-2022
+ View more
Course overview

Are you excited to get into the world of UI/UX but you don't know where to start? This course will allow you to add UX designer to your CV & start getting paid for your new skills.

XD is a fantastic design tool used by industry professionals to product high quality & functional mockups. By the end of this course, you will be able to produce practical and effective User Experience (UX) and User Interface (UI) designs.

Throughout the course I’ll invite you to participate in a real-life freelance projects. It’s a project that requires a fresh website and mobile app interface. This will prepare you for dealing with real world projects if you choose to move towards a UX/UI career path.

This course is aimed at people interested in UI/UX Design. We’ll start from the very beginning and work all the way through, step by step. If you already have some UI/UX Design experience but want to get up to speed using Adobe XD then this course is perfect for you too!

I’ll go over all of the essential tools necessary for creating excellent wireframes, including: type, colours, icons, Lorem ipsum, artboards, prototyping, models and popups, symbols and repeat grids. We will even make use of the new prototyping app so that you can experience your prototype on your mobile device.

An important part of maximising your UX Design workflow is being able to utilise other software such as Photoshop and Illustrator. This is why I’ll be teaching you how to make use of both to help boost your XD productivity.

It is now time to upgrade yourself & learn Adobe XD.

What will i learn?

  • Become a UX designer.
  • You will be able to start earning money from your XD Skills.
  • You will be able to add UX designer to your CV
  • Build a UX project from beginning to end.
  • Become a UI designer.
  • Build & test a full mobile app.
  • Build & test a full website design.
  • You will have a project of your own to add to your portfolio.
  • Work with fonts & colors.
  • Prototype your designs with interactions.
  • You'll be able to send your finished work to other professionals in the correct formats.
  • You will need a copy of Adobe XD 2019 or above. A free trial can be downloaded from Adobe.
  • No previous design experience is needed.
  • No previous Adobe XD skills are needed.
Curriculum for this course
Introduction to UI UX Course
  • Intro about the Instructor
  • Scope of UI UX Design
  • UI UX Course Layout
Visual Design Basics 101
  • What is Design can I learn it
  • How to overcome Blank Canvas Fear?
  • What is the purpose of your Design
  • Don't Depend on Design Tools
  • Exposure to Great Designs
  • What are MoodBoards and how to use Inspirations
  • Power of Simple Designs - Memoreable and Timeless
  • Don't waste time on Design Refinements
Elements of Visual Design
  • Focal Point of your Design
  • Every Design is made of Lines, Shapes and Curves
  • Basics of Using Color Schemes
  • Using Typefaces for Beginners
  • Using White Space effectively in your Designs
  • Using Block Level Design as your starting point
  • How to generate Creative Ideas?
  • Using Hierarchy or Scale of Importance in Design
Principles of Visual Design
  • Proximity in Visual Design
  • Symmetry and Balance in Design
  • Contrast is the king in Design
  • Repetition in Design
Advanced Design Tips
  • Using Grid Systems in UI Designs
  • Using Framing effect in UI Designs
  • Using Images, Illustrations and Icons
  • Use of Subtle Differences in UI Design
  • Assignment 1 - Two things you need to start a Design
  • Assignment 2 - Design a Visiting Card using your details
Basics of Adobe XD
  • How to download and Install Adobe XD
  • Design templates in Adobe XD
  • Get familiar with Adobe XD's Interface
  • Tools in Adobe XD Part 1
  • Tools in Adobe XD Part 2
  • Tools in Adobe XD Part 3
  • Custom Masks in Adobe XD
  • Layout Grid and Guides in Adobe XD
  • Components and States in Adobe XD
  • Gradients, Colors, Shadows and Blurs in XD
  • Common Shortcut Keys in Adobe XD
Design + Prototype in XD
  • Responsive Resize in Adobe XD
  • Stacking in Adobe XD
  • Repeat Grid in Adobe XD
  • Basics of Prototyping in Adobe XD
  • Animated Loading Bar with time delays and auto animate
  • Drag and autoanimate Prototype
  • Control your prototype with Keyboard
  • Voice activated Prototypes in XD
Wireframe + Design + Prototype Final Exercise
  • Preparing Wireframes for your final Project
  • Designing Welcome and Signup Screens
  • Activity Screen Design with Component States
  • Acticity Details Screen Design with Adobe XD
  • Sidebar Sliding Navigation Design with XD
  • Prototyping loading screens with animations
  • Animation of Expanding Cards with XD
  • Sidebar Sliding in Animation with Prototyping
Intro to UX Design
  • UX vs UI Design
  • Can I become a UX Designer - The Basics
  • Terms you must learn about UX Design
  • Different roles of UX Designers
  • Don Norman's Double Diamond Model
  • What is Human Centered Design
  • Root Cause Analysis & 5 Why's
  • 5 Second Usability Test (Assignment)
  • Seven Stages of Action in UX
  • Affordances, Anti-affordances and Signifiers
Getting into UX Psychology and Patterns
  • What is Natural Mapping in UX
  • Conceptual vs Mental Models
  • Limits of Working Memory
  • Recogniation Vs Recall
  • User Expectations in UX
  • Peripheral Vision in UX
  • What is information Architecture and Card Sorting
  • Human Behavior Patterns in UX
  • Old Brain vs New Brain - Human Decision Making
  • Physical Limitation Patterns in UX
  • Consistency in Design - Why its important
  • Discoverability and Learnability in UX
  • Feedback in UX Design
  • Users always in Control
  • UX Evaluation - 2 Case studies with last assignment
+ View more
Other related courses
Updated Thu, 09-Jun-2022
Updated Thu, 09-Jun-2022
Updated Thu, 09-Jun-2022
About instructor


Show full biography
  • Verified Certificate
  • Internship Opportunity
  • Career Development