Grids & Responsive Design - Ultimate Guide for UXUI Designer [Thomas]
|
|
Torrent File Contents
Grids & Responsive Design - Ultimate Guide for UXUI Designer [Thomas]
14 - figma-adding-content-to-responsive-grids.mp4
02 - welcome.mp4
03 - course-material.mp4
04 - understanding-columns-gutter-and-margin.mp4
05 - adding-elements-to-the-grid.mp4
06 - avoid-common-positioning-mistakes.mp4
07 - how-does-the-grid-become-responsive.mp4
08 - which-breakpoints-should-i-use.mp4
09 - why-those-breakpoints.mp4
10 - responsive-vs-adaptive-grids.mp4
11 - setting-up-responsive-and-adaptive-grids-in-figma.mp4
12 - figma-responsive-grid-design-setup.mp4
13 - figma-adding-content-to-adaptive-grids.mp4
01 - promo.mp4
15 - do-i-really-need-one-design-per-breakpoint-that-is-crazy.mp4
16 - understanding-css-grids.mp4
17 - figma-css-grid-setup.mp4
18 - project-responsive-portfolio-in-figma.mp4
19 - bootstrap-grids-in-html-css-introduction.mp4
20 - course-material-bootstrap-grid.mp4
21 - bootstrap-html-setup.mp4
22 - bootstrap-adding-fixed-and-fluid-containers.mp4
23 - bootstrap-adding-rows-and-content.mp4
24 - bootstrap-responsive-design-in-html-css.mp4
25 - css-grid-introduction-to-css-grids.mp4
26 - course-material-css-grid.mp4
27 - css-grid-grid-setup.mp4
28 - css-grid-fluid-design-with-fraction-units.mp4
29 - css-grid-advanced-distribution-gird-rows-and-columns.mp4
30 - css-grid-responsive-grids.mp4
31 - thank-you.mp4
README.txt
14 - figma-adding-content-to-responsive-grids.mp4
- 96.31 MB
02 - welcome.mp4
- 7.34 MB
03 - course-material.mp4
- 14.34 MB
04 - understanding-columns-gutter-and-margin.mp4
- 9.09 MB
05 - adding-elements-to-the-grid.mp4
- 17.31 MB
06 - avoid-common-positioning-mistakes.mp4
- 20.08 MB
07 - how-does-the-grid-become-responsive.mp4
- 15.39 MB
08 - which-breakpoints-should-i-use.mp4
- 26.63 MB
09 - why-those-breakpoints.mp4
- 5.19 MB
10 - responsive-vs-adaptive-grids.mp4
- 34.11 MB
11 - setting-up-responsive-and-adaptive-grids-in-figma.mp4
- 30.94 MB
12 - figma-responsive-grid-design-setup.mp4
- 16.86 MB
13 - figma-adding-content-to-adaptive-grids.mp4
- 41.8 MB
01 - promo.mp4
- 26.89 MB
15 - do-i-really-need-one-design-per-breakpoint-that-is-crazy.mp4
- 54.28 MB
16 - understanding-css-grids.mp4
- 4.43 MB
17 - figma-css-grid-setup.mp4
- 54.92 MB
18 - project-responsive-portfolio-in-figma.mp4
- 14.35 MB
19 - bootstrap-grids-in-html-css-introduction.mp4
- 4.69 MB
20 - course-material-bootstrap-grid.mp4
- 21.37 MB
21 - bootstrap-html-setup.mp4
- 8.39 MB
22 - bootstrap-adding-fixed-and-fluid-containers.mp4
- 18.02 MB
23 - bootstrap-adding-rows-and-content.mp4
- 16.5 MB
24 - bootstrap-responsive-design-in-html-css.mp4
- 28.77 MB
25 - css-grid-introduction-to-css-grids.mp4
- 2.57 MB
26 - course-material-css-grid.mp4
- 21.38 MB
27 - css-grid-grid-setup.mp4
- 11.51 MB
28 - css-grid-fluid-design-with-fraction-units.mp4
- 16.72 MB
29 - css-grid-advanced-distribution-gird-rows-and-columns.mp4
- 15.79 MB
30 - css-grid-responsive-grids.mp4
- 21.62 MB
31 - thank-you.mp4
- 8.33 MB
README.txt
- 2.25 KB
Torrent Description
Grids & Responsive Design - Ultimate Guide for UXUI Designer [Thomas]
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 behaviour
As a final project, we will be building our own responsive portfolio in Figma
Besides the classic Grids like Bootstrap and co, I will tell you a bit about my favourite grid, the CSS Grid, which is 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 templates I will show you are part of the course material to ensure you can dive right into the making.
© moonlearning.io with moon learning