Adobe XD - Design, Prototype & Collaborate With Developers Online Course

Adobe XD - Design, Prototype & Collaborate with Developers

All levels
English

Course Description

Every Design is a solution to a problem and Designs are useless if you can't convert them into coded Apps. So In this Adobe XD course, you will learn from scratch that how you can Design using Adobe XD. Then how you can create and share your prototypes with your users instantly and the most important part how you can Collaborate and hand-off your designs to your developers so they kiss your hands Even if you are a novice or beginner, you will have no difficulty learning Adobe XD tool as it covers all the basics step by step So if you are Graphic Designer, a developer or you are a UI Designer who uses Photoshop and wants to learn how to quickly design and prototype with Adobe XD, this course is for you. Its the most easiest and lightest tool among all design tools where you can get expert in no time. Believe me The best thing about Adobe XD is that it is available both for Windows and MAC operating systems and I will be showing both of them in this course so don't hesitate and join now to learn all about Prototyping and Adobe XD now

See more less

What you’ll learn

All the basics and keyboard shortcuts of Adobe XD (from scratch)
Designing iPhone App in XD
Creating Style Guides for your iPhone App
Paper Prototyping (Types and how to draw them on paper)
Interactive Prototyping using Adobe XD
Exporting all your assets and art-boards in 1X 2X and 3X
Collaborating with developers using Zeplin & Avocode
Open Sketch, Photoshop and Illustrator files with Adobe XD
All the latest updates and features in Adobe XD
Learn Apple IOS Design Specification/ Guidelines

Covering Topics

Section 1 : Introduction to Adobe XD

Section 2 : Basics of Adobe XD in detail

Section 3 : All about Paper and Interactive Prototyping

Section 4 : Designing real world Medical iPhone App Screens in Adobe XD

Section 5 : Prototyping in Adobe XD - Creating, sharing and using Design Inspect

Section 6 : Export your Artboards and Assets in 1X, 2X and 3X sizes

Section 7 : Developer Handoff using Zepling and Avocode and a lot more XD Integrations

Curriculum

  Section 1 : Introduction to Adobe XD
1
What is Adobe XD? Preview
2
Download and Install Adobe XD
3
Why Adobe XD is so awesome?
4
Updates and Upcoming features in XD
5
Welcome Screen - Adobe XD Interface Preview
6
Top Bar - Adobe XD Interface
7
Left Toolbar - Adobe XD Interface
8
Properties Panel - Adobe XD Interface
9
Mac and Windows differences in Adobe XD versions
10
Exercise ? Create simple Design about yourself

  Section 2 : Basics of Adobe XD in detail
11
Artboards and Grids in Adobe XD Preview
12
8 tools in Xd
13
Using Rectangle Tool
14
Background Blur and Object Blur
15
Ellipse Tool and how to use it for quick clipping
16
Basics of Pen Tool
17
Creating Icons with Pen Tool Preview
18
Line Tool
19
Text Tool
20
Using Colors and generating Palettes
21
Creating Gradients in XD
22
Generating Color Schemes using Coolors.io
23
Custom Masks in Adobe XD
24
Character Styles in XD Preview
25
Creating Symbols and re-using them
26
Repeat Grid in XD
27
Common Keyboard shortcuts in Adobe XD
28
More Keyboard Shorcuts
29
Nested Symbols in Adobe XD

  Section 3 : All about Paper and Interactive Prototyping
30
What is Block-Level Design?
31
Sketching your first Design Idea using Block design technique
32
Adding details to your drawn Block Sketch
33
What are Vertical, Horizontal, T and Local prototypes?
34
Static and Interactive Prototypes ? What is low, medium and high fidelity design
35
Adding Details to block design using Adobe XD
36
Using UI Kits and Pattern libraries to speedup your design workflow
37
Exericse ? Design Signup Screen using IOS UI Kit

  Section 4 : Designing real world Medical iPhone App Screens in Adobe XD
38
Preparing for Design ? Downloading Assets and Recources
39
Getting Color Scheme Ideas and Inspirations
40
Solving UX (User Experience) problems of old medical App
41
Design Welcome Screen of Medical App
42
Designing the Login Screen
43
Designing the active Login Screens
44
Desining the Signup Screen
45
Designing the Dashboard Screen Part 1
46
Designing the Dashboard Screen Part 2
47
Designing the Hamburger Sidebar menu screen
48
Designing Activities Screen
49
Designing Sync to Cloud Screen
50
Designing Sync Status Screen
51
Using Grids to fine-tune your App Screens
52
Refining your Style Guide in XD
53
IOS Design Guidelines, Specs and Measurements you must learn

  Section 5 : Prototyping in Adobe XD - Creating, sharing and using Design Inspect
54
Fixing Tap Targets and tap boundary area in your designs
55
Prototyping Login and Signup Screens
56
Prototyping Dashboard, Activities and Sync Screens
57
Sharing your Prototype with others in Adobe XD
58
Recording Video of your Prototype on MAC
59
Using Design Inspect in Adobe XD with me

  Section 6 : Export your Artboards and Assets in 1X, 2X and 3X sizes
60
Why we need to export in 1X, 2X and 3X sizes?
61
Perfect Example to understand 1X 2X 3X concept
62
Export Artobards and create Device Mockups in Adobe Photoshop
63
Batch export all your designs assets from your App

  Section 7 : Developer Handoff using Zepling and Avocode and a lot more XD Integrations
64
Live preview of your App prototype on your iPhone
65
Collaborate with Developers using Zeplin tool
66
Using Avocode to handoff your designs to Developers
67
Opening Sketch, Photoshop and Illustrator files in XD
68
Download Course Resources

Frequently Asked Questions

It is an online tutorial that covers a specific part of a topic in several sections. An Expert teaches the students with theoretical knowledge as well as with practical examples which makes it easy for students to understand.

A Course helps the user understand a specific part of a concept. While a path and E-Degrees are broader aspects and help the user understand more than just a small area of the concept

A Course will help you understand any particular topic. For instance, if you are a beginner and want to learn about the basics of any topic in a fluent manner within a short period of time, a Course would be best for you to choose.

We have an inbuilt question-answer system to help you with your queries. Our support staff will be answering all your questions regarding the content of the Course.