Grid Systems in UI Design | Types and Benefits of Using Grids
Grid Systems in UI Design | Types and Benefits of Using Grids
#uxdesign #uidesign #grid
----------------------------------------------------------------
Watch Related UI Design Videos
• UI Design
----------------------------------------------------------------
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
Watch video Grid Systems in UI Design | Types and Benefits of Using Grids online without registration, duration hours minute second in high quality. This video was added by user uxable - learning ux together 02 October 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,516 once and liked it 31 people.