An invisible framework of evenly spaced lines that divides a page or screen into columns and rows, giving a designer consistent places to position text, images, and other elements.
Synonyms
- grid
- design grid
Related terms
In plain words
- the invisible lines that keep everything lined up on a page
- the skeleton a design sits on
Usage example
Before placing any content, she set up a layout grid so every page in the report would feel consistent.
Don't confuse with…
- templateA template is a reusable finished layout; a grid is just the underlying alignment framework you build layouts on top of.
Categories
- Grid systems