Making and Breaking the GRID
By Louis Mazza, April 15, 2007
- High School
- Graphic Design
- Language Arts
- Social Studies
Common Core Standards
Anchors for Reading:
Key Ideas and Details:
Read closely to determine what the text says explicitly and to make logical inferences from it; cite specific textual evidence when writing or speaking to support conclusions drawn from the text.
Integration of Knowledge and Ideas:
Integrate and evaluate content presented in diverse media and formats, including visually and quantitatively, as well as in words.
Analyze how two or more texts address similar themes or topics in order to build knowledge or to compare the approaches the authors take.
Range of Reading and Level of Text Complexity:
Read and comprehend complex literary and informational texts independently and proficiently.
Anchor Standards for Writing:
Text Types and Purposes1:
Write informative/explanatory texts to examine and convey complex ideas and information clearly and accurately through the effective selection, organization, and analysis of content.
Production and Distribution of Writing:
Produce clear and coherent writing in which the development, organization, and style are appropriate to task, purpose, and audience.
Anchor standards for Speaking and Listening:
Comprehension and Collaboration:
Prepare for and participate effectively in a range of conversations and collaborations with diverse partners, building on others' ideas and expressing their own clearly and persuasively.
Integrate and evaluate information presented in diverse media and formats, including visually, quantitatively, and orally.
Evaluate a speaker's point of view, reasoning, and use of evidence and rhetoric
Presentation of Knowledge and Ideas:
Present information, findings, and supporting evidence such that listeners can follow the line of reasoning and the organization, development, and style are appropriate to task, purpose, and audience.
Make strategic use of digital media and visual displays of data to express information and enhance understanding of presentations.
Adapt speech to a variety of contexts and communicative tasks, demonstrating command of formal English when indicated or appropriate.
Anchor standards for Language:
Conventions of Standard English:
Demonstrate command of the conventions of standard English grammar and usage when writing or speaking.
Vocabulary Acquisition and Use:
Determine or clarify the meaning of unknown and multiple-meaning words and phrases by using context clues, analyzing meaningful word parts, and consulting general and specialized reference materials, as appropriate.
Demonstrate understanding of figurative language, word relationships, and nuances in word meanings.
Acquire and use accurately a range of general academic and domain-specific words and phrases sufficient for reading, writing, speaking, and listening at the college and career readiness level; demonstrate independence in gathering vocabulary knowledge when encountering an unknown term important to comprehension or expression.
- recognize patterns of organization in systems such as urban planning and design, information, and graphic design
- create a poster using a page layout program and a block of text
- acquire problem-solving, planning, and organizational skills, and recognition of various hierarchies of information
- identify key figures in art history and analyze their use of grids and systems for composing the picture plane
- Samara, Timothy. 2002. Making and Breaking the Grid. Rockport Publishers, Inc. Gloucester, MA. (https://www.amazon.com/Making-Breaking-Grid-Graphic-Workshop/dp/1592531253/ref=pd_bbs_sr_1/002-8662099-4737603?ie=UTF8&s=books&qid=1178393262&sr=8-1)
- The film "Powers of Ten" by Charles & Ray Eames https://www.youtube.com/watch?v=0fKBhvDjuy0
- Spirals https://www.mcs.surrey.ac.uk/Personal/R.Knott/Fibonacci/coneflower.jpg&imgrefurl=https://www.hinduism.co.za/anahata.htm&h=640&w=640&sz=82&hl=en&start=7&um=1&tbnid=sMC85vX9f3yFpM:&tbnh=137&tbnw=137&prev=/images%3Fq%3Dspiral%2Bshapes%2Bin%2Bnature%26svnum%3D10%26um%3D1%26hl%3Den%26safe%3Doff%26sa%3DN https://www.dace.co.uk/proportion_phi.htm https://www.rotten.com/library/occult/sacred-geometry/ https://www.astronet.ru/db/xware/msg/1193325 https://www.downtheavenue.com/2005/08/more_on_the_spi.html
- computers with Photoshop, InDesign, Quark, Microsoft Publisher, and Sketch-Up
- drawing paper
- photo paper
- color printer
- digital, disposable, or Polaroid cameras for photographing buildings in the community
- Introduce learners to the idea that there are common patterns that can be found in areas that are seemingly unrelated.
- Show the film "Powers of Ten" by Charles & Ray Eames. See resources for the link.
- Facilitate a discussion about the film by asking the class what it was about. Learners will answer that it was about the mathematic concept of exponents, however, ask learners to delve deeper and suggest that they compare the images of outer space to the images of inner space (inside the body). It may be helpful to show the film again in fast-forward.
- Ask learners to describe and list the differences between organic and geometric shapes and/or pattern. Show examples of patterns in nature (spiral patterns such as the conch, the galaxy, the image of a hurricane from a weather satellite, whirlpools, tornadoes, pine cones, sunflowers, a pig tail, an ear drum, etc.).
- Summarize and conclude the discussion by asking where patterns might be found. Talk about the GRID as a pattern and show examples of the page grids found in the Timothy Samara book, Making and Breaking the Grid (https://www.amazon.com/Making-Breaking-Grid-Graphic-Workshop/dp/1592531253/ref=pd_bbs_sr_1/002-8662099-4737603?ie=UTF8&s=books&qid=1178393262&sr=8-1). Also show examples of other grids: The shape of city streets from above (using Google earth), power grids (the designs of electrical power service), grids used for graphing statistics, grids used in calculating position on a computer screen, and multiple photographs arranged in a grid (www.tenbyten.org).
- Instruct learners to launch a graphics or graphic design program (MS Publisher, Adobe Illustrator, Photoshop, etc.) and open a blank 8.5" x 11" document. Set margins at 1/4" all around the page. Give learners a short bit of text in the form of the weather report:
- Learners must take this text and arrange it in ways that depict the conditions it describes. Demonstrate how one might use individual words and letters to construct a visual statement. Instruct the students that they can only use one font, Garamond.
- Open a new document that is 8x8 inches. Demonstrate how to create a grid with rulers pulled from the top and left margins. Give learners a chance to play with the rulers for a few minutes, then guide learners through the process of creating 1/4" margins all around, then four columns with 1/4" gutters. Then create the same amount of rows, ending up with a modular grid with four columns and four rows.
- Instruct learners to use the same weather report text (repeating the text if necessary) to create a new layout on the page. This new layout must utilize columns and/or rows to present the text as clearly as possible. As with the previous assignment, the only font that may be used is Garamond.
- Once the students have completed their assignment, ask each student to present their page layout to the class. A critique and positive feedback should follow.
Enrichment Extension Activities
- Research the use of the grid in various works of art, design, etc.
- Compare and contrast the uses of photographs used in a grid structure with photographs meant to be viewed as single works and speculate on how meaning is manipulated through the use of multiple images.
- Create a 5 x 5 grid of images, then choose one to use independently as a single image.