• Post category:StudyBullet-3
  • Reading time:7 mins read


This course will be your personal guide for UI/UX design using Adobe XD! Go from the basics to working profesionally!

What you will learn

The principles of User Interface Design and Prototyping

How to read a User Flow Diagram

How to use Adobe XD and its given tools

How to design within Adobe XD

Wireframing in order to produce a functional prototype

How to give and receive feedback on prototypes

Description

Learn UI/UX design with Adobe XD!

Design like a pro!

Have you ever wanted to design your own app, website or blog? These days, we use them without a second thought. They have become an integral part of both the human experience and the financial market. It’s easy to come up with a new idea for a viral new app, but not as easy to make that app a reality – or so you might think. That’s where Adobe XD comes in. Adobe XD is an essential and collaborative UI/ UX design tool that can help you design a wide range of interfaces in great detail – and we’re here to teach you how.

In this course, you’re going to learn everything about user interface design with Adobe XD. Step-by-step, we’ll cover everything you need to know from opening the program for the very first time to finalising your finished design. You’ll learn all of the tools, as well as how and when to use them. We’ll also cover everything you’ll need to be able to collaborate with other web developers easily through its collaborative feature. During the course, you will learn about the principles of User Interface Design in order to design with purpose, as well as the principles of Human-Computer Interaction. Finally, we’ll teach you how to adapt to specific project requirements, as well as how to wireframe in order to turn your design into a functional prototype.


Get Instant Notification of New Courses on our Telegram channel.


Our instructors have years of experience not only in UI/UX design, but also in teaching, and the expertly-crafted syllabus is designed to be easy to follow and thorough. We’ve even included plenty of examples explained and designed on-screen for you to study. That’s why this is the only Adobe XD course you’ll ever need to design professional apps, websites and blogs!

Start designing today!

English
language

Content

Introduction
Welcome to the Course + UI Overview
User Research and User Needs
UI Principles
Wireframing
Building a Wireframe
Designing a Wireframe
Drafting
Look-through into the Start Screen
Exploring the interface of Adobe XD
Menu Settings
Tools Panel
Properties Panel
Using UI Templates
Assets Panel
Understanding the Layers Panel
Designing
Creating Symbols and Icons
Using Grids, Artboards and Repeat Grids
Masking Images
Working with Color and Creating a Color Palette
Adding and Formatting Text
Designing a Login Screen
Background Blurs
Designing a Slide Out Menu
Exercise and Application
Prototyping
Prototype Panel
Prototyping Ready Designs
Testing Prototypes
Sharing Prototypes
Using Device and Desktop Preview
Commenting and Previewing Prototypes
Application
Creating a User Journey
Creating a user Flow Diagram
App Scenario Pt.1
App Scenario Pt.2
Website Scenario Pt.1
Website Scenario Pt.2
Real Life Examples Pt.1
Real Life Examples Pt.2
Real Life Examples Pt.3
Real Life Examples Pt.4
Last Words