Grid Systems in UI Design | Types and Benefits of Using Grids



Published
Grid Systems in UI Design | Types and Benefits of Using Grids
#uxdesign #uidesign #grid
----------------------------------------------------------------
Watch Related UI Design Videos
https://youtube.com/playlist?list=PLfm-YWL20qXzZXNlPlY1YZJ6hUUWN2key
----------------------------------------------------------------

What is a Grid?
A grid is made up of columns, gutters, and margins that provide a structure for the layout of elements on a page.

There are three common grid types used in websites and interfaces: column grid, modular grid, and hierarchical grid.

1. Column grid
Column grid involves dividing a page into vertical columns. UI elements and content are then aligned to these columns.

2. Modular grid
Modular grid extends the column grid further by adding rows to it. Modular grids are great for ecommerce and listing pages, as rows are repeatable to accommodate browsing.

3. Hierarchical grid
Content is organized by importance using columns, rows, and modules. The most important elements and pieces of content take up the biggest pieces of the grid based on the visual importance.

#uxdesign #uidesign #grid
Grid Systems in UI Design | Types and Benefits of Using Grids
Category
Web design
Be the first to comment