17 OCT 2024 - Welcome Back to TorrentFunk!
Get your pirate hat back out. Streaming is dying and torrents are the new trend.
Account Registration works again and so do Torrent Uploads.
We invite you all to start uploading torrents again!

TORRENT DETAILS

Grids & Responsive Design - Ultimate Guide For UXUI Designer [Thomas]

TORRENT SUMMARY

	Status:	All the torrents in this section have been verified by our verification system
Category:	Other
Infohash	e3632e8896494a9194af2291f2bb38b73617c93a
Size:	685.9 MB in 32 files
Release Date(s):	Torrent Release: 28-07-2023 by user
Swarm:	0 Seeds & 0 Peers
Vote:	No votes yet.

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

VISITOR COMMENTS (0

)

FILE LIST

Filename		Size
	01 - promo.mp4	26.9 MB
	02 - welcome.mp4	7.3 MB
	03 - course-material.mp4	14.3 MB
	04 - understanding-columns-gutter-and-margin.mp4	9.1 MB
	05 - adding-elements-to-the-grid.mp4	17.3 MB
	06 - avoid-common-positioning-mistakes.mp4	20.1 MB
	07 - how-does-the-grid-become-responsive.mp4	15.4 MB
	08 - which-breakpoints-should-i-use.mp4	26.6 MB
	09 - why-those-breakpoints.mp4	5.2 MB
	10 - responsive-vs-adaptive-grids.mp4	34.1 MB
	11 - setting-up-responsive-and-adaptive-grids-in-figma.mp4	30.9 MB
	12 - figma-responsive-grid-design-setup.mp4	16.9 MB
	13 - figma-adding-content-to-adaptive-grids.mp4	41.8 MB
	14 - figma-adding-content-to-responsive-grids.mp4	96.3 MB
	15 - do-i-really-need-one-design-per-breakpoint-that-is-crazy.mp4	54.3 MB
	16 - understanding-css-grids.mp4	4.4 MB
	17 - figma-css-grid-setup.mp4	54.9 MB
	18 - project-responsive-portfolio-in-figma.mp4	14.3 MB
	19 - bootstrap-grids-in-html-css-introduction.mp4	4.7 MB
	20 - course-material-bootstrap-grid.mp4	21.4 MB
	21 - bootstrap-html-setup.mp4	8.4 MB
	22 - bootstrap-adding-fixed-and-fluid-containers.mp4	18 MB
	23 - bootstrap-adding-rows-and-content.mp4	16.5 MB
	24 - bootstrap-responsive-design-in-html-css.mp4	28.8 MB
	25 - css-grid-introduction-to-css-grids.mp4	2.6 MB
	26 - course-material-css-grid.mp4	21.4 MB
	27 - css-grid-grid-setup.mp4	11.5 MB
	28 - css-grid-fluid-design-with-fraction-units.mp4	16.7 MB
	29 - css-grid-advanced-distribution-gird-rows-and-columns.mp4	15.8 MB
	30 - css-grid-responsive-grids.mp4	21.6 MB
	31 - thank-you.mp4	8.3 MB
	README.txt	2.2 KB

RELATED DOWNLOADS

Torrent Name

Added

Size

Seeds

Peers

Uploader

Health