UIUXjobsboard

GLOSSARY

Grid System

UX Design

What is a Grid System

A Grid System is a structure of intersecting lines that creates a framework for organizing content in a layout. It provides a systematic approach to arranging visual elements, ensuring consistency and harmony across designs.

Types of Grid Systems

Common grid structures include:

  • Column Grid: Vertical divisions for content alignment
  • Modular Grid: Both vertical and horizontal divisions
  • Baseline Grid: Horizontal lines for text alignment
  • Responsive Grid: Fluid columns that adapt to screen sizes

How to implement Grid Systems

Create effective grids by defining clear margins, establishing consistent spacing, using appropriate column numbers for your content, and maintaining flexibility for different screen sizes. Consider content hierarchy and user reading patterns.

Benefits of Grid Systems

Grid systems provide visual consistency, improve readability, speed up the design process, and facilitate responsive layouts. They help create order, establish hierarchies, and ensure designs scale effectively across different devices.

UX Design Terms

See more UX Design terms

Skeuomorphism

What is Skeuomorphism Skeuomorphism is a design principle whe...

Prototype

What is a Prototype A Prototype is a preliminary version of a...

Augmented Reality

What is Augmented Reality Augmented Reality (AR) is a technol...

UX Case Study

What is a UX Case Study A UX Case Study is a detailed narrati...

Low Fidelity Design

What is Low Fidelity Design Low Fidelity Design (Lo-Fi) refer...

Mockup

What is a Mockup A Mockup is a static, high-fidelity represen...