Responsive Website Design In Adobe Xd

Learn how to design a website and make it responsive in Adobe Xd

4.40 (45 reviews)
Udemy
platform
English
language
User Experience
category
195
students
3 hours
content
May 2020
last update
$39.99
regular price

What you will learn

Adobe Xd

What Is Responsive Design

How To Use Columns And Content For Design

How To Make User Friendly Designs

How To Adapt The Design For Different Libraries

How To Send Proper Files To Developers

Description

Creating responsive design is an essential part to any designers skill set, especially in today's market where more and more traffic is coming from mobile devices and tablets.


Adobe Xd makes this process really easy because it has some great tools inside to help you speed up the responsive part of your design.


And it also has great exporting options which means it's going to make the developers happy because you are going to deliver files on time and in proper file formats.


Hey there my name is Alex and in this course you will learn:


  • What is responsive design and why it matters

  • How to design using columns and content

  • How to work with different libraries

  • What are break points and how to deal with them

  • How to create a design in Adobe Xd

  • Then make it responsive for different sizes

  • And how to properly send those files to developers and clients


This course is for everybody interested in responsive design in Adobe Xd and you don't have to know how to use Adobe Xd, we are going to cover it all in this course.


So if you want to be more desirable as a designer and deliver files faster to clients and developers, then click enroll and i'll see you in the course.


Have a creative day!

Aleksandar

Content

Responsive Design 101

Course Intro
What Is Responsive Design
Columns And Content
Mobile First Approach
Different Libraries
Device Support & Break Points
Design For Phones
Time Management

Creating Responsive Design

Responsive Design Introduction
Page Anatomy
How Responsive Resize Works
Create Responsive Design 1
Create Responsive Design 2
Create Responsive Design 3
Create Responsive Design 4

Exporting The Assets

Folder Structure
Exporting Assets
Sending The Files

Conclusion And Thank You

Thank You And Conclusion

Screenshots

Responsive Website Design In Adobe Xd - Screenshot_01Responsive Website Design In Adobe Xd - Screenshot_02Responsive Website Design In Adobe Xd - Screenshot_03Responsive Website Design In Adobe Xd - Screenshot_04

Reviews

Wojciech
August 4, 2020
Was a good basics for responsive. I wish the creator would include more about using components and made it closer to a real responsive design workflow. He said these are covered in his other courses but somehow I feel components should be a part of this one too to make it more reliable.
AkshayKumar
July 31, 2020
Amazing course! Really good step-by-step information on responsive versions. Thanks for the course. Wish to see more amazing courses!

Charts

Price

Responsive Website Design In Adobe Xd - Price chart

Rating

Responsive Website Design In Adobe Xd - Ratings chart

Enrollment distribution

Responsive Website Design In Adobe Xd - Distribution chart
2839202
udemy ID
2/27/2020
course created date
3/21/2020
course indexed date
Bot
course submited by