Adobe XD Course
Intro to Adobe XD
Welcome to Adobe Experience Design
Grids and Artboards
Organize your assets on the XD Canvas
Resolutions and Retina Screens
Check out how Adobe XD deals with imported design assets
Assets Exchange
Work with different software such as Illustrator and Photoshop
Document Navigation
Find your way around the canvas in Adobe XD
Interface and Shortcuts
Learn about most useful shortcuts and navigation
Searching for inspiration
Look for some inspiring projects before you start
Colors and Structure
Setting up the color scheme inside Adobe XD
Typography
Working with typography and custom fonts
Working with Shapes
Explore vector tools in Adobe XD
Symbols
Working with Symbols
Working with Components
Create Components and share them with your team
Working with Image Assets
Import images into Experience Design
Import From Text File
Work faster thanks to this import feature
Pen Tool
Use Pen Tool for custom, advanced shapes
Repeat Grid
One of the most powerful tool in Adobe XD
Generating Grid
Automate some tasks inside Adobe XD
Next Screens
Creating next pages of our website
Testimonials Screen
Working on the next screen for apps website
Boolean Operations
Create more advanced shapes operations
Creating Sections
Use repeat grid function to easily generate multiple sections
Working with Forms
Designing a simple form in Adobe XD
Prototyping
Using prototyping workflow in Adobe XD
Prototyping Tips
See how to pin the elements in prototypes and use Overlays
Auto-Animate in Prototypes
Try more advanced techniques of animating layers and groups
Voice Prototyping
Use voice commands to execute interactions in prototypes
Sharing Your Work
How to send out the prototype for feedback
Mobile Version
Adjust for different screens and resolutions
Device Preview
Check out how to test your design on a real device
Design Preview
Check out how to automatically generate developer specs with sizes, colors and fonts from XD
Responsive Resize
Learn how to create a layout that scales seamlessly to different screen sizes.
Exporting Assets
Generate some image assets out of Adobe XD
Muse Import
Getting things together inside of Adobe Muse
Using Google Fonts
Istall and use Google Fonts inside Muse
Mobile Menu
Working with the first components for our website
Second Screen
Create the second screen and responsive version
Third and Fourth Screen
Work on the following screens of the website
Fifth Screen
Importing assets for the next screen of our page
Sixth Screen
Mastering workflow between Adobe XD and Adobe Muse
Seventh and Eight Screen
Last screens of our website and RWD
Interactive Elements
Working with user interactions in the menu
Exporting to Server
Share your work and make it accessible online!
Exporting to ProtoPie
Create more sophisticated prototypes with ProtoPie export from Adobe XD
E-commerce UI Element
Create an UI element for an e-commerce website using this quick XD workflow
Organizing Layers for Export
Prepare the file structure, naming and grouping convention for export
ProtoPie Basics
Import your design from Adobe XD to ProtoPie and create simple animations
Creating First Animations
Use the elements from XD to easily create simple transitions in ProtoPie
Advanced Interactions
Use ProtoPie for even more advanced animations and link the elements together
Finishing off with ProtoPie
Add some finishing touches to the prototype, such as a cool blink while adding to the cart
Thank You
Goodbye
You need to enable JavaScript to view this site. The free Starter Plan for Adobe XD includes XD for Mac and Windows 10, mobile apps for iOS and Android, and services to empower users to design, prototype and share user experiences with colleagues. With this announcement and the release of new features and enhancements, Adobe XD is the only cross-platform experience design platform to combine. Get the training you need to stay ahead with expert-led courses on Adobe XD Trending courses. 1h 37m Adobe XD for Designers Course 24,444 viewers. 4h 16m Learning Adobe XD.
- 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?
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?
Download Adobe Xd Free
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.