Tech & IT
Business
Coding & Developer
Finance & Accounting
Academics
Office Applications
Art & Design
Marketing
Health & Wellness
Sounds & Music
Lifestyle
Photography
Get Unlimited Learning Access
$29
5 days left at this price!
30-Day Money-Back Guarantee
This plan includes
- Instant access to 11,000+ online courses
- Play & Pause Course Videos
HD Video Recorded Lectures- Learn on Mobile/PC/Tablet
- Quizzes and Real Projects
- Lifetime Course Certificate
- Instructor Chat Support
- Cancel Plan Anytime
Subscribe to Learnfly’s top courses
Get this course, plus 11,000+ of our top-rated courses for one year with Go Annually Plan.
5 days left at this price!
30-Day Money-Back Guarantee
This plan includes
- Instant access to 11,000+ online courses
- Play & Pause Course Videos
- HD Video Recorded Lectures
- Learn on Mobile/PC/Tablet
- Quizzes and Real Projects
- Lifetime Course Certificate
- Instructor Chat Support
- Cancel Plan Anytime
$29
What you'll learn?
- UX/UI Design in Adobe XD and prototyping within just 3 hours!
Course Overview
Hello and welcome to my new course Adobe XD for Dummies.
This tutorial is a crash course about how you can start using Adobe XD for your project prototyping.
In the first session, we will see how we can download and install Adobe XD into your computer.
Then in the next session, we will have a quick overview about the Adobe XD application's user interface.
Then we will proceed with managing the artboards in XD which is where we are creating our individual screen designs. Just like other Design Softwares, XD also will be using a concept of layers while prototyping.
We will deal with layers in the next session. Then as the next step, we will proceed with basic things like creating basic shapes and manipulating the properties of them.
Then we will try with different text editing options. And then we will play with colors and gradient color combinations.
Then to make designs more attractive and natural, we can use the various blurring and shadow options available. We can easily duplicate elements, rotate, resize, align and do other translations using Adobe XD.
Also it features boolean operators like Adding, subtracting etc.
Then we will see how we can import assests like images and how we can apply masks to the images or elements. And also we will try shape editing and pen tool to create custom shapes other than the ones that are predefined in the application.
Repetition is a big problem while dealing with screen designs. Adobe XD solves this by using a feature called repeat grids. Also we will see different export options available.
Protyping is the step in Adobe XD by using which we can link the different screens by creating hot spots in screens by which the customer can interact with the prototype.
We will also see how we can include pluggins in the Adobe XD application to increase its capability and add additional functionality Adobe XD .
We will then try to design a quick and easy mobile chat application. We are making use of the sample Adobe XD Documents, called as UI Kits available from the Adobe Website and reusing components to create our app quickly and effectively.
Our app will be having a splash screen which transitions automatically to a login or register screen. We will design these screens by using most of the UI Kit elements.
Then later we will design a chat listing screen where all chats will be listed and a conversations screen for individual chats. We will also create an overlay menu just like the mobile apps are having now a days.
Also we will link together these screens using the prototyping options available.
After that we will go ahead with a simple website design. We will be designing a university website. We will first design a Home Screen. Here also we can create it quickly as we are reusing the elements from the web design UI Kit.
Then we will create an About us screen to have the contents and a Contact us screen. Later we will link the screen together so that the user can interact with it.
Overall this is a quick and easy crash course which enables you to learn Adobe XD in only few hours. There will also be a course completion certificate provided at the end of this course to include in your portfolio. So be ready to create stunning prototypes and impress your clients. See you soon in the class room.
Pre-requisites
- A standard configuration computer is the only requirement.
Target Audience
- Beginner who wants to start with Adobe XD UI/UX design and prototyping.
Curriculum 29 Lectures 03:32:46
-
Section 1 : Course Intro and Table of Contents.
-
Section 2 : Downloading and Installing Adobe XD.
- Lecture 1 :
- Downloading and Installing Adobe XD.
-
Section 3 : Getting Familiar with the Interface.
- Lecture 1 :
- Getting Familiar with the Interface.
-
Section 4 : Managing Artboards.
- Lecture 1 :
- Managing Artboards.
-
Section 5 : Layer based Design - Groups and Components.
- Lecture 1 :
- Layer based Design - Groups and Components.
-
Section 6 : Basic Shapes.
- Lecture 1 :
- Basic Shapes.
-
Section 7 : Text Editing Features.
- Lecture 1 :
- Text Editing Features.
-
Section 8 : Gradients and Colors.
- Lecture 1 :
- Gradients and Colors.
-
Section 9 : Blur and Shadow.
- Lecture 1 :
- Blur and Shadow.
-
Section 10 : Duplicate, Align, Rotate and Resize.
- Lecture 1 :
- Duplicate, Align, Rotate and Resize.
-
Section 11 : Boolean Operator Tools.
- Lecture 1 :
- Boolean Operator Tools.
-
Section 12 : Importing and Masking.
- Lecture 1 :
- Importing and Masking.
-
Section 13 : Repeat Grid and Exporting Assets.
- Lecture 1 :
- Repeat Grid and Exporting Assets.
-
Section 14 : Pen Tool Shape Editing and Drawing.
- Lecture 1 :
- Pen Tool Shape Editing and Drawing.
-
Section 15 : Assets and components.
- Lecture 1 :
- Assets and components.
-
Section 16 : Prototyping and Linking Screens.
- Lecture 1 :
- Prototyping and Linking Screens.
-
Section 17 : Quick Session Pluggins.
- Lecture 1 :
- Quick Session Pluggins.
-
Section 18 : Chat Application.
- Lecture 1 :
- Chat Application - Downloading UI Kits and Resources.
- Lecture 2 :
- Chat Application - Splash Login Register Screens.
- Lecture 3 :
- Chat Application - Chat Listing and Conversation Screens.
- Lecture 4 :
- Chat Application - Prototype.
-
Section 19 : Side Menu Overlay.
- Lecture 1 :
- Side Menu Overlay.
-
Section 20 : Sharing Options.
- Lecture 1 :
- Sharing Options.
-
Section 21 : Real Android Device Preview.
- Lecture 1 :
- Real Android Device Preview.
-
Section 22 : Real iOS Device Preview.
-
Section 23 : Quick Website Design.
- Lecture 1 :
- Quick Website Design - Downloading UI Kits.
- Lecture 2 :
- Quick Website Design - Home Page.
-
Section 24 : Website Design.
- Lecture 1 :
- Website Design - About Page.
- Lecture 2 :
- Website Design - Contact Us Page.
- Lecture 3 :
- Website Design - Prototype and Linking.
Our learners work at
Frequently Asked Questions
-
How do i access the course after purchase?
It's simple. When you sign up, you'll immediately have unlimited viewing of thousands of expert courses, paths to guide your learning, tools to measure your skills and hands-on resources like exercise files. There’s no limit on what you can learn and you can cancel at any time. -
Are these video based online self-learning courses?
Yes. All of the courses comes with online video based lectures created by certified instructors. Instructors have crafted these courses with a blend of high quality interactive videos, lectures, quizzes & real world projects to give you an indepth knowledge about the topic. -
Can i play & pause the course as per my convenience?
Yes absolutely & thats one of the advantage of self-paced courses. You can anytime pause or resume the course & come back & forth from one lecture to another lecture, play the videos mulitple times & so on. -
How do i contact the instructor for any doubts or questions?
Most of these courses have general questions & answers already covered within the course lectures. However, if you need any further help from the instructor, you can use the inbuilt Chat with Instructor option to send a message to an instructor & they will reply you within 24 hours. You can ask as many questions as you want. -
Do i need a pc to access the course or can i do it on mobile & tablet as well?
Brilliant question? Isn't it? You can access the courses on any device like PC, Mobile, Tablet & even on a smart tv. For mobile & a tablet you can download the Learnfly android or an iOS app. If mobile app is not available in your country, you can access the course directly by visting our website, its fully mobile friendly. -
Do i get any certificate for the courses?
Yes. Once you complete any course on our platform along with provided assessments by the instructor, you will be eligble to get certificate of course completion.
-
For how long can i access my course on the platform?
You require an active subscription to access courses on our platform. If your subscription is active, you can access any course on our platform with no restrictions. -
Is there any free trial?
Currently, we do not offer any free trial. -
Can i cancel anytime?
Yes, you can cancel your subscription at any time. Your subscription will auto-renew until you cancel, but why would you want to?
Instructor
273135 Course Views
19 Courses
I am a pioneering, talented and security-oriented Android/iOS Mobile and PHP/Python Web Developer Application Developer offering more than eight years’ overall IT experience which involves designing, implementing, integrating, testing and supporting impact-full web and mobile applications.
I am a Post Graduate Masters Degree holder in Computer Science and Engineering.
My experience with PHP/Python Programming is an added advantage for server-based Android and iOS Client Applications.
I am currently serving full-time as a Senior Solution Architect managing my client's projects from start to finish to ensure high-quality, innovative and functional design.
View More...
