8 Grids, rules, roles and zines

Students will be introduced to 3 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

  • 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 artworks.
  • 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.

Duration

5-6 weeks.

Driving question

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

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.
  • 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

Students will:

  1. work through the Grid Systems PowerPoint (PPTX 11.81 MB) as a class, completing the exercises below:
    1. slide two - watch the video Beginning Graphic Design: Layout & Composition (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 designed by Tschichold.
    4. slide seven - use the websites 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 from 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.52 MB)
  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.
Image: Example of design principals in use.

Students will:

  • research and complete a table set out like the image below
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.

You'll need:

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

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 or blog.

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

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 or blog.

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.

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 or 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
  • and 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

Outcomes

  • 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.

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.

Syllabus

Please note:

Syllabus outcomes and content descriptors from Visual Design 7–10 Syllabus (2004) © NSW Education Standards Authority (NESA) for and on behalf of the Crown in right of the State of New South Wales, 2017.

Category:

  • Stage 5
  • Unit
  • Visual Design 7-10

Business Unit:

  • Educational Standards
Return to top of page Back to top