Grids 101

Summary: Page grids use columns, gutters, and margins to structure content—boosting layout consistency, readability, and visual flow.

by

Topics:

Grids 101

 to watch NN/g videos

Related Article

Using Grids in Interface Designs

Grids help designers create cohesive layouts, allowing end users to easily scan and use interfaces. A good grid adapts to various screen sizes and orientations, ensuring consistency across platforms.

Video Author

Kelley Gordon is a former NN/G employee who published widely-used guidance on visual design, design specs and the designer-developer relationship, and the fundamentals of UI components including buttons, icons, and grids.

Learn More

Subscribe to the weekly newsletter to get notified about future articles.

Videos