Adobe XD Course
-
02:08
Intro to Adobe XD
Welcome to Adobe Experience Design
-
08:15
Grids and Artboards
Organize your assets on the XD Canvas
-
05:59
Resolutions and Retina Screens
Check out how Adobe XD deals with imported design assets
-
16:37
Assets Exchange
Work with different software such as Illustrator and Photoshop
-
03:59
Document Navigation
Find your way around the canvas in Adobe XD
-
05:22
Interface and Shortcuts
Learn about most useful shortcuts and navigation
-
05:02
Searching for inspiration
Look for some inspiring projects before you start
-
12:28
Colors and Structure
Setting up the color scheme inside Adobe XD
-
16:00
Typography
Working with typography and custom fonts
-
07:03
Working with Shapes
Explore vector tools in Adobe XD
-
05:51
Symbols
Working with Symbols
-
07:45
Working with Image Assets
Import images into Experience Design
-
07:00
Import From Text File
Work faster thanks to this import feature
-
09:58
Pen Tool
Use Pen Tool for custom, advanced shapes
-
05:49
Repeat Grid
One of the most powerful tool in Adobe XD
-
10:56
Generating Grid
Automate some tasks inside Adobe XD
-
07:16
Next Screens
Creating next pages of our website
-
08:17
Testimonials Screen
Working on the next screen for apps website
-
05:56
Boolean Operations
Create more advanced shapes operations
-
05:51
Creating Sections
Use repeat grid function to easily generate multiple sections
-
09:04
Working with Forms
Designing a simple form in Adobe XD
-
11:06
Prototyping
Using prototyping workflow in Adobe XD
-
07:13
Sharing Your Work
How to send out the prototype for feedback
-
15:31
Mobile Version
Adjust for different screens and resolutions
-
08:24
Device Preview
Check out how to test your design on a real device
-
04:11
Design Preview
Check out how to automatically generate developer specs with sizes, colors and fonts from XD
-
10:11
Exporting Assets
Generate some image assets out of Adobe XD
-
16:04
Muse Import
Getting things together inside of Adobe Muse
-
13:52
Using Google Fonts
Istall and use Google Fonts inside Muse
-
05:42
Mobile Menu
Working with the first components for our website
-
18:56
Second Screen
Create the second screen and responsive version
-
15:23
Third and Fourth Screen
Work on the following screens of the website
-
10:49
Fifth Screen
Importing assets for the next screen of our page
-
09:11
Sixth Screen
Mastering workflow between Adobe XD and Adobe Muse
-
12:08
Seventh and Eight Screen
Last screens of our website and RWD
-
09:43
Interactive Elements
Working with user interactions in the menu
-
06:44
Exporting to Server
Share your work and make it accessible online!
-
08:01
Exporting to ProtoPie
Create more sophisticated prototypes with ProtoPie export from Adobe XD
-
07:48
E-commerce UI Element
Create an UI element for an e-commerce website using this quick XD workflow
-
09:20
Organizing Layers for Export
Prepare the file structure, naming and grouping convention for export
-
10:47
ProtoPie Basics
Import your design from Adobe XD to ProtoPie and create simple animations
-
07:54
Advanced Interactions
Use ProtoPie for even more advanced animations and link the elements together
-
08:05
Finishing off with ProtoPie
Add some finishing touches to the prototype, such as a cool blink while adding to the cart
-
00:55
Thank You
Goodbye
Adobe XD Course
- Key Points
- Author
- Source Files
- Who is this course for?
Do you want to design interfaces quickly and without issues? Adobe Experience Design is an extremely versatile tool for UI/UX designers because it also lets the users create interactive prototypes. Not only are we going to discuss working techniques for Adobe XD but also make our project into a working website with Adobe Muse!
- XD Interface & Tools
- Efficient design
- Prototyping transitions
- Working with Adobe Muse
- UI – in practice
- Creating a responsive website
Greg Rog - “My work is all about design, coding and education. For over 10 years I’ve been a professional designer, design lead and UX consultant for companies such as Microsoft or Google. I work closely with Adobe as Community Professional. I also run a software house and a training facility, speak on design conferences and more. I’m curious, passionate and I love sharing knowledge.”
Sorry, you don’t have access to the project files.
Why don’t you subscribe and get full access throughout the site?
The course is perfect for anybody interested in making modern website and applications, regardless of their professional experience. Workflow you will see in the lessons will allow you to optimize your work efficiency and at the same time design interesting, working projects. You do not really have to know much about coding and website implementation, and you do not have to know Adobe Muse either. If you are interested in developing your skills with this particular software, look up our Adobe Muse Course.