• jollyyau

Week 5: Grid System/Layout


In class, we learnt about the important of grid systems and layouts.

Why do we use a grid system?

  • Clarity / Order

  • Efficiency

  • Consistency & Collaboration

  • Harmony

  • Strategic Placement

  • Grid systems are used a lot in print & web design

Visual Hierarchy

  • dominant element

  • sub-dominant element

  • subordinate element

Visual Flow

  • Look at something first, then second, then third

  • Very important in web design

  • First place someone will look at is the top left (hotspot)

Grid Layout in Print Design

  • Header

  • Subheading

  • Body text

  • Images

  • Captions

Anatomy of Grids

  • margin

  • cannot put body text here

  • just in case the text is cut off

  • bleed area

  • outside the size of the paper

  • just in case the paper is cut too less

  • gutter

  • between the columns

  • between the fold of the magazine

#ClassNotes

2 views

jollyyau.design © 2020

  • LinkedIn - White Circle
  • Facebook - White Circle
  • Instagram - White Circle