8 Grids, rules, roles and zines

Students will be introduced to three different grid systems created to enhance graphic design work.

Duration

5-6 weeks

Driving question

How can we improve the use of space in visual design?

Overview

Students will be introduced to three different grid systems created to enhance graphic design work. They will compare the work of Jan Tschiochold and his typography rules used for designing the style of Penguin books, to that of David Carson. Students will also explore the use of grids in modern design and architecture throughout history. They will discover how the rules of design have broken and adapted through alternative and emerging subculture scenes of early postmodernism. Students will explore the roles of graphic design and complete a zine portfolio which exhibits their body of work throughout sequences 1-8.

Outcomes

Stage 5

A student:

  • 5.4 investigates and responds to the world as a source of ideas, concepts and subject matter for visual design artworks
  • 5.6 selects appropriate procedures and techniques to make and refine visual design artworks
  • 5.7 applies their understanding of aspects of practice to critically and historically interpret visual design art works
  • 5.8 uses their understanding of the function of and relationships between artist - artwork - world - audience in critical and historical interpretations of visual design artworks

copyright NSW Education Standards Authority (NESA) for and on behalf of the Crown in right of the State of New South Wales, 2004.

Content

Students will explore the use of the grid in graphic design. They will investigate and create, by examining the grids function for readability and consistency on the printed page and websites. They will study historical changes in graphic design and typography that occurred following the desktop publishing revolution and the development of digital layout programs. Students will explore and participate in various roles in the graphic design industry and showcase a body of work through the publication of a zine.

Focus areas

  • Layout, composition and balance
  • Structural and cultural frames
  • Design and audience.


Cross-curriculum content and key competencies

  • Work, employment and enterprise
  • Information and communication technology
  • Literacy
  • Numeracy

Assessment

All activities require students to demonstrate their learning and are all assessment for learning activities.

Teaching and learning activities

Introduction

Students will:

  1. work through the Grid Systems PowerPoint (PPTX 11.81MB) as a class, completing the exercises below:
    1. slide two - watch the video Beginning Graphic Design: Layout & Composition (00:05:14) taking notes in your visual design journal or blog. Write definitions and provide examples on the following terms
      1. layout
      2. composition
      3. proximity
      4. white Space
      5. alignment
      6. contrast
      7. repetition.
    2. slide three - research and describe:
      1. find an example of Tschichold's work.
      2. in their visual design journal/blog explain the layout and composition addressing each element as per your definitions.
    3. slide four - activity
      1. write a list of a compositor's tools from the Letterpress commons website.
      2. using the internet, write a blog listing the composition rules for Penguin books design by Tschichold.
    4. slide seven - use the websites Thinking with type and Envatotuts+ Design Theory, research and answer the following questions in their visual design journal or blog:
      1. What is the purpose of a Hang line?
      2. Define and describe the function of the Modular Grid.
      3. How does the Baseline Grid differ to the Hang line or Modular Grid?
  2. work through the David Carson sway, taking notes through the interview on the last page
    1. Alternatively, you can download a copy of the sway as a handout (PDF 3.52MB).
  3. visit David Carsons website and write a blog reflection on his career, processes and art. Answer the question
    1. How has David Carson managed to advance graphic design by breaking the rules?
  4. research and write definitions for the following terms in their visual design journal/blog
    1. balance
    2. tension
    3. unity
    4. juxtaposition
  5. design and make a page that demonstrates each of the design principals from above (an example is shown below). Experiment with collage and different textured backgrounds.
Design composed of torn bits of various papers with a bicycle print and large stencil numbers in the middle of the page.
Image: Example of design principals in use.

Image from https://i.pinimg.com/564x/4a/96/44/4a9644407147ce72ea1c7881d815f024.jpg, accessed 10/12/2017

Design roles and zine publications

Students will:

  • research and complete a table set out like the image below
Design role table - Headers are - Design role, Function or Design, Designer or collaborates with, Design world, Audience and the last column is Client. The Design role colum is completed with a role in each row - Creative Director, Design Director, Designer, Art director, Copywriter, Photographer or illustrator, Web and digital developers. The rest of the table is blank for the student to complete.
Image: Example table
  • complete the Design roles kahoot quiz
  • research and compose a blog post dedicated to one of the designers below, providing examples of their work
    • Vaughan Oliver
    • Simon Larbalestier
    • Marc Atkins
    • Nigel Grierson
  • read the article Bedroom zine culture still thriving the internet age and watch the included video
  • using the internet, answer the following questions
    • What is a zine?
    • How are they made?
    • When did they originate?
    • Are their rules for zine making?
    • Define DIY publishing.
    • What role can zines have in creating closer communities?
    • Is Pinterest a zine? Why?
  • locate and paste examples of the following components of a zine:
    • a hand drawn and coloured publication
    • any alternative formats.

Design making

Materials required

  • white paper
  • coloured paper
  • scissors
  • phones or cameras
  • printed text examples
  • cardboard
  • glue
  • visual design journal/blog.

Making Grids

Students will:

  • draw a 1cm border on a piece of paper that is 20cm x 20cm
  • divide the centre square into 3cm x 6cm columns and rows with 5 cm gutters (the border around each of the 9 squares)
  • cut squares and rectangles from coloured paper and make as many new variations of a multigrid with hang lines (see the example below)
  • photograph and reflect on the design process in their visual design journal/blog.

It is important to remind students that the best layouts contain white space.

Carson photoshop magazine and album covers

Using a computer and a software such as Photoshop, students will:

  • design a grid to structure a magazine font cover
  • layer various images of type or examples from their illustrative text sequence, on another layer add images on top of this. Play with the transparency
  • follow the steps above to design an album cover for their favourite song
  • reflect on the design process in their visual design journal/blog.

Zine publication

Using a computer, students will design a zine publication showcasing all of their completed designs. Students will:

  1. photograph any work or text that has not been uploaded into their online blog
  2. save in a folder on the computer desktop for easy access
  3. using illustrator, photoshop, publisher or InDesign, create a master page for multipage document
  4. set margins, gutters and columns to make a flexible modular grid
  5. add experimental typography designs and colour to each page
  6. design each page as a unique piece of art
  7. create a new image for the front cover and give their zine publication a title
  8. print and bind using a staple or an alternative binding technique
  9. exhibit their zine publication.

Communicate

Students will complete a digital blog/visual design journal documenting the ideas and processes used throughout this sequence. This can be completed through one-note, Class Notebook or Google classroom.

The blog/visual design journal should contain:

  • the process and technical skills used in practical classes
  • personal reflections about the practical activities
  • information gained through investigations or class discussions
  • answers to questions asked in class
  • a glossary of new words and terminology with graphic examples
  • thoughts of the different techniques and types explored.

Differentiation

Extension

Teachers are encouraged to provide students with acceleration activities if required.

Students could:

  • track the development of the Penguins book covers
  • write an article and design an accompanying magazine spread
  • write a blog post addressing the driving question
  • design a poster advertising their zine publication
  • create a stop-motion short video advertising the publication.

Life skills

Life skills outcomes

A student:

  • LS 1 experiences a variety of visual design procedures to make visual design artworks
  • LS 2 explores a variety of materials, techniques and processes
  • LS 6 makes a variety of visual design artworks that reflect experiences, responses or a point of view
  • LS 7 explore a variety of subject matter that can be represented in visual design artworks

copyright NSW Education Standards Authority (NESA) for and on behalf of the Crown in right of the State of New South Wales, 2004.

Students could:

  • discuss where they have seen grids used in their day to day life
  • complete the grid activity from above with assistance
  • print out a grid template from online and get them to colour the different sections in varying colours
  • trace over a magazine inlay, identifying where the main lines fall
  • create a Carson style collage:
    • collage different examples of printed text onto a piece of cardboard, cut and tear
    • cut out simple shapes of animals on black or white paper
    • glue the animal cut-outs over the text collage.

Students could:

  • photograph other students work
  • import their pictures into a word document or powerpoint
  • add tites and descriptive text for each page
  • export the document as a PDF or print it out
  • bind it together and share with the class.

Evaluate

Formative assessment can be used to determine learning progress throughout the lesson sequences. Teachers should informally assess a student's level of understanding and adapt accordingly.

This sequence and accompanying worksheets are available as word documents below.

  1. Grids, rules, roles and zines sequence (DOCX 1.11MB).

Reference list and resources

Return to top of page Back to top