Grids & Responsive Design. Ultimate Guide for UX/UI Designer by Christine Vallaure

Grids & Responsive Design. Ultimate Guide for UX/UI Designer Udemy

Friends, this time we are going to share an excellent option to perfect your professional skills. Grids & Responsive Design. Ultimate Guide for UX/UI Designer by Christine Vallaure is the most sought after course by users and one of the most popular on Udemy, the best online course platform.

Grids & Responsive Design. Ultimate Guide for UX/UI Designer by Christine Vallaure

Get Udemy Course

About the author Christine Vallaure

I’ve worked internationally, in-house, and remotely on projects for leading brands, agencies, and startups. I care deeply about creating well thought through and aesthetic products.

Udemy Grids & Responsive Design. Ultimate Guide for UX/UI Designer course description

In this class, you’ll learn everything about using grids for your UI Design. Grids are not only your best friend when it comes to creating a consistent layout. They are also the backbone when it comes to responsive design and making your product shine across all screen sizes. We will start from zero and make sure you will be a pro by covering the following subjects: We will learn about the basic setup like Columns, Grutter, Margin, and Rows We will learn how to add content to the grid We will make sure to avoid common positioning mistakes Then we will have an intensive look at how Grids make your design responsive And how you, as a UX/UI Designer set up your designs in Figma accordingly We will get into the details of how breakpoints work , where we can find them, and why they are such strange numbers We will learn about the difference between responsive and adaptive behavior As a final project, we will be building our own responsive portfolio in Figma Besides the classic Grids like Bootstrap and co, I will t ell you a bit about my favorite grid, the CSS Grid , full of possibilities. And yes, we will go the extra mile and look at some basic code, all set up for UX/UI Designers to really understand the technicality behind the product you are building. The Figma and code template that I will show you are part of the course material to make sure you can dive right into the making.

Grids & Responsive Design. Ultimate Guide for UX/UI Designer Info:

Download Udemy Course

What is included in this Udemy course?

Everything about Responsive Grids from 0 to hero Setting up Adaptive, Responsive and CSS Grids in FIGMA and adding content the right way Basic setup like Columns, Grutter, Margin, and Rows Adding content to the grid, avoiding common positioning mistakes Understand the difference between responsive and adaptive behaviour How Grids make your design responsive Understand what breakpoints are, where they come from and how to use them As a final project, we will be building our own responsive portfolio in Figma Classic Grid Systems such as Bootstrap Grids and CSS Grid go the extra mile and look at some basic code, all set up for UX/UI Designers to really understand the technicality behind the product you are building.

What do I need to do this course?

No Data