Plakat 1

Plakat Penghargaan Perusahaan Abstract Enterprises Eksklusif Prestasi Gemilang Brilliance

Details

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.

Besides the classic Grids like Bootstrap and co, I will tell 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

What You'll Learn

Everything about Responsive Grids from 0 to hero
Basic setup like Columns, Grutter, Margin, and Rows
Understand the difference between responsive and adaptive behaviour
Understand what breakpoints are, where they come from and how to use them
Classic Grid Systems such as Bootstrap Grids and CSS Grid
Setting up Adaptive, Responsive and CSS Grids in FIGMA and adding content the right way
Adding content to the grid, avoiding common positioning mistakes
How Grids make your design responsive
As a final project, we will be building our own responsive portfolio in Figma
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.