Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Responsive Website Design In Adobe Xd
Rating: 4.3 out of 5(46 ratings)
202 students

Responsive Website Design In Adobe Xd

Learn how to design a website and make it responsive in Adobe Xd
Created byAleksandar Cucukovic
Last updated 5/2020
English

What you'll 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

Course content

4 sections • 21 lectures • 2h 57m total length

  • Course Intro1:11
  • What Is Responsive Design0:51
  • Columns And Content7:33

    Explore building responsive layouts with fluid columns, content flow, and a 12-column grid using Bootstrap, showing how columns adapt across desktop, tablet, and mobile with a hamburger menu.

  • Mobile First Approach1:34

    Discover how mobile first replaces the two-site approach, addressing SEO differences and subdomains, by starting from the smallest screen and designing for touch across sizes to keep consistency.

  • Different Libraries4:21

    Explore libraries like Bootstrap, Foundation, and Angular, and design responsive layouts by planning screen sizes in advance. Learn from library documentation and collaborate with developers to use prebuilt components.

  • Device Support & Break Points3:09
  • Design For Phones0:59
  • Time Management0:39

Requirements

  • Adobe Xd. You can download it from Adobe's website.
  • For Windows users Windows 10. Adobe Xd does not work in Windows 7 or 8.
  • No previous Adobe XD experience required.
  • There is no coding in this course. If you are looking to code, please avoid this course.

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

Who this course is for:

  • Anyone interested in UI / UX design
  • Anyone interested in Adobe Xd and it's lightning speed
  • Beginners and newbies but also for mediors, looking to expand their knowledge
  • Designers looking to switch to UI / UX
  • For anyone who needs a UI / UX design experience in their portfolio
  • Designers who want to make user focused designs

Report abuse