A grid is a design structure that uses columns and lines to organize elements like text, images, and illustrations. Grids are used in a variety of design contexts, including print, web, and UX/UI design:
PrintGrids are used in the design of books, magazines, posters, business cards, invitations, and more.
WebGrids help organize elements on a page, making it easier for users to navigate.
UX/UIGrids are used as a foundational structure for interface designs like web pages and mobile apps. Grids help improve the user experience by enhancing readability and clarifying information architecture.
Here are some things to consider about grid design:
StructureGrids establish structure and guide page elements.
ConsistencyGrids help ensure that elements don't jump around or change width as you move from page to page.
HistoryGrids have been used since the Gutenberg Bible, which was one of the first printed artifacts to use a two-column grid.
EvolutionGrid design has evolved over time, influenced by design movements like Bauhaus and De Stijl.