GRIDS

What Is A Grid

•  A  grid  breaks  space  or  /me  into  units.  •  A  grid  can  be  simple  or  complex,  specific  or  generic,  /ghtly  defined  or  loosely  interpreted.  

•  Typographic  grids  are  all  about  control.  •  They  establish  a  system  for  arranging  content  within  space  of  a  page,  screen  or  the  built  environment.    

•  A  grid  is  not  a  rigid  formula  but  a  flexible  and  resilient  structure,  acts  like  a  skeleton.  

•  Every  digital  Image  or  mark  is  constructed  from  a  grid  

Grid As Frame

Un/l  the  twen/eth  century  grids  served  as  frames  for  fields  of  text.  The  margins  of  a  classical  book  create  a  barrier  around  a  flush  block  of  text.  This  s/ll  remains  the  most  common  book  format  of  today.  

Biblia  PolygoEa    Book  spread  1558    

Dividing Space

By  ques/oning  the  protec/ve  func/on  of  the  frame  ar/sts  and  designers  unleashed  the  grid  as  a  flexible,  cri/cal  and  systema/c  tool  in  the  nineteenth  century.    

Das  Bauhaus  in  Dessau    leEerhead  1924  designed    by  Herbert  Bayer    

Grid As Programmed

The  program  grid  is  described  as  a  set  of  rules  for  construc/ng  a  range  of  visual  solu/ons.  Karl  Gerstner  a  Swiss  designer,  connected  his  methodology  with  the  new  field  of  computer  programming  to  come  up  with  a  range  of  paEerns  that  were  made  by  mathema/cally  describing  visual  elements  and  combining  them  according  to  simple  rules.    

Die  Neue    Architetktur  1940  designed  by  Max  Bill    

Multicolumn  Grid

Mul/column  grids  provide  flexible  formats  for  publica/ons  that  have  complex  hierarchy  or  that  integrate  text  and  illustra/ons.  The  more  columns  you  create  the  more  flexible  your  grid  becomes    

verlag  stocker-­‐schmid,    die/kon-­‐zurich,  1962  

Grid AS TABLE

Tables  are  a  central  aspect  to  web  design.  The  table  feature  was  incorporated  into  HTML  in  1995  so  web  authors  could  present  tabular  data.  Graphic  designers,  eager  to  give  shape  to  the  webs  wide  and  flaccid  text  bodies,  quickly  devised  unauthorized  used  for  the  HTML  table,  transforming  this  tool  for  presen/ng  data  into  nothing  more,  nor  less  than  a  typographic  grid.    

Joshuadavis.com    

Grid As Website

Grids  in  websites  are  the  founda/on  to  build  upon.  There  are  quite  a  few  websites  that  display  their  informa/on  and  images  in  a  set  layout  to  make  it  easier  for  the  reader  to  go  from  one  item  to  another.  

 

MçQUADE    

Grid As Magazine Tom  White  designed  this  magazine  spread  and  has  been  based  on  a  two  column  grid.  He  has  used  a  picture  to  cover  the  le]  page  with  a  enclosed  cap/on,  and  on  the  right  page  he  has  used  two  columns  to  divide  the  text  and  has  aligned  two  pictures  within  the  second  column  to  help  reduce  dead  space  and  to  hold  the  structure.