Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
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
English [Auto],

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

    Learn how to design a responsive website using Adobe XD, focusing on designing with columns and content, working with breakpoints, and exporting files for developers and clients.

  • What Is Responsive Design0:51

    Design responsive websites that perform well across desktops, laptops, tablets, phones, and smartwatches by planning ahead and using grid systems to maintain a consistent look and feel.

  • 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

    Plan device support with developers and map breakpoints from extra small to extra large in Adobe XD, designing five responsive sizes to ensure layouts fit 576, 768, and 1200 px.

  • Design For Phones0:59

    Design for phones warns against desktop-first workflows with iPhone and Android boards, which are for mobile apps only. Use breakpoints and device sizes from the start for responsive websites.

  • Time Management0:39

    Master time management through rapid responsive design in Adobe XD by leveraging the responsive resize feature to plan and adapt website layouts for multiple screen sizes.

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