Graphic designLesson 2 of 2 in the course Layout and composition

Graphic Design Grids: Structure, History, and Applications

5 flashcards · 5 quiz questions · 5 match pairs · 5 fill-in sentences · English

Save course
Lesson progress
0 / 5

Your progress is kept in this browser only.Sign up to save it

Summary

A grid is a framework designers use to organize visual material. It can help make a page easier to read and understand while creating relationships among text, images, and other elements.

In graphic design, a grid is a usually two-dimensional structure made from intersecting straight or curved lines. The lines may be vertical, horizontal, or angular. Together, they form a framework for placing graphic elements such as images, glyphs, and paragraphs.

All flashcards

What is a graphic design grid?
A usually two-dimensional structure of intersecting straight or curved lines that gives a designer a framework for organizing visual elements.
How can a grid organize content?
It can organize elements in relation to the page, to other elements on that page, or to other parts of the same graphic element or shape.
What was the Villard Diagram?
A medieval-era system for establishing page proportions and arranging handwritten text.
How did the modern typographic grid develop?
After World War II, designers influenced by modernist ideas developed a flexible system for organizing pages coherently. It became associated with the International Typographic Style.
How do fixed-width and fluid web grids differ?
Fixed-width grids use fixed measurements such as pixels. Fluid grids size elements with relative units, such as percentages.

Quiz questions

  1. What does it mean to describe a graphic design grid as an armature?Answer: It is a supporting framework on which a designer can arrange content.
  2. Which W3C specification defines a two-dimensional grid-based layout system?Answer: CSS Grid Layout Module Level 1
  3. Which publication helped spread the modern typographic grid approach?Answer: Grid Systems in Graphic Design
  4. Which type of software commonly offers grid layouts as an option?Answer: Word-processing software
  5. By the mid-1970s, what had become standard in many design curricula?Answer: Teaching the typographic grid

Based on the Wikipedia article Grid (graphic design), licensed CC BY-SA 4.0. Adapted into a summary, flashcards and quizzes.

More in Graphic design

All Graphic design lessons
Graphic designColor Theory: History, Mixing, Perception, and Design5 flashcards · 5 quiz questions · 4 gamesPlay free →Graphic designRGB Color in Digital Imaging: Mixing, Encoding, and Color Management5 flashcards · 5 quiz questions · 4 gamesPlay free →Graphic designTypography: Typeface Terminology, Styles, Production, and Design5 flashcards · 5 quiz questions · 4 gamesPlay free →Graphic designKerning: Principles, Digital Values, and Typesetting5 flashcards · 5 quiz questions · 4 gamesPlay free →Graphic designTypography Leading: Measurement, Readability, and Layout5 flashcards · 5 quiz questions · 4 gamesPlay free →Graphic designVisual Hierarchy: Contrast, Attention, and Design Applications5 flashcards · 5 quiz questions · 4 gamesPlay free →