Master App Prototyping With Adobe Experience Design (XD) Online Course

Master App Prototyping with Adobe Experience Design (XD)

All levels
English

Course Description

If you are just starting out in web design or development, you might not realize that before apps even hit the production stage (where coding begins), they are originally planned and sketched out on a software. Prototyping or Wireframing allows developers to play around with their apps or websites before they spend the hours to code it. This process can also be done by web designers before the...

See more less

What you’ll learn

A full understanding of Adobe Experience Design
Add interactivity into your designs by adding prototype functionality
Shape manipulation with Rectangles and Ellipses
Sharing your interactive designs on the web with friends/colleagues
Use the "Repeat Grid" to modify repeating elements
Add scrolling Artboards to your interactive prototypes

Covering Topics

Section 1 : Introduction

Section 2 : Fundamentals

Section 3 : Spearmint: Prototyping a Mobile Journal Application

Section 4 : Prototyping and Interactivity

Curriculum

  Section 1 : Introduction
1
Introduction
2
Download and Install Experience Design
3
Create an Experience Design Project

  Section 2 : Fundamentals
4
User Interface Overview
5
Interacting With the Canvas via Zoom Preview
6
Panning Around the Workspace
7
Select Tool
8
Rectangles and Object Appearance Properties Preview
9
Adding Rounded Corners to Rectangles
10
Multiple Selection and Movement Planes
11
Duplicating an Object Preview
12
Repeat Grid
13
Ellipse and Colour Picker
14
Using the Colour Swatch Preview
15
Line Tool
16
Adding Text
17
Object Alignment
18
Creating Artboards
19
Recap

  Section 3 : Spearmint: Prototyping a Mobile Journal Application
20
Creating a New Project and Adding a Low Fi Splash Screen
21
Lo-Fi Onboarding Screen Preview
22
Hi-Fi Splash Screen
23
Hi-Fi Onboarding Screens
24
Experimenting With Different Colour Schemes
25
Lo-Fi Home Page
26
Hi-Fi Home Page
27
Lo-Fi Journal Detail Page
28
Hi-Fi Journal Detail Page
29
Lo-Fi Journal Deletion Dialog
30
Hi-Fi Journal Deletion Dialog
31
Adding a Back Button
32
Lo-Fi Journal Input Page
33
Hi-Fi Journal Input Page
34
Lo-Fi Side Menu
35
Hi-Fi Side Menu
36
Lo-Fi Settings Page
37
Hi-Fi Settings Page
38
Changing the Colour Scheme
39
Recap

  Section 4 : Prototyping and Interactivity
40
Artboard Interactivity
41
Adding Interaction to Individual Elements
42
Completing Interactivity
43
Viewing our Interactive Prototype
44
Adding Scrolling Functionality
45
Generating a Sharing Link
46
Running on a Mobile Device
47
Saving Images and Artboards
48
End of Course

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.