type on a grid on a...1. the grid system website 2. the grid system flickr pool 3. aisle one...
TRANSCRIPT
Type on a Grid a lecture on creating ordered text
darrin scott hunter
ldquoThe grid system is an aid not a guarantee It permits a number of possible uses and each designer can look for a solution appropriate to his personal style But one must learn how to use the grid it is an art that requires practicerdquo
mdashJosef Muumlller-Brockmann
Josef Muumlller-Brockmann
ldquoFor some graphic designers it
has become an unquestioned part of the working process that yields precision
order and clarity For others it is symbolic of Old Guard aesthetic oppression a stifling cage that hinders the search for expressionrdquo
mdashTimothy Samara
Grid Links + Resources
1 Grid planning2 The Cardo and the Decumanus of Roman military planning3 The Modulor of Le Corbusier
History Of The Grid
Websites amp Resources
Tutorials amp Reference1 Grids in Page Layout2 Canons of Page Construction3 Mark Boulton Five Steps to Designing Grid SystemsPreface | one | two | three | four | five4 Tutorial for setting up InDesign baseline grids
1 The Grid System website2 The Grid System Flickr pool3 Aisle One website Grids Minimalism Modernism4 Deconstruction amp the computer in graphic design Grids Minimalism5 Grid Designer 2 utility website (does math)6 Essay Anthony Froshaugrsquos Typography is a Grid
Grid use Ancient
Ancient Babylon | 17th c BCE gt
Timgad Algeria Roman town | 100 CE gt
lt Indus River Valley Civilization | 2600 BCE
lt Teotihuacan | 1500 CE
Grid use Modern
Grid use Structural
- Type on a Grid Lecturepdf
- Samara_MampBtheGrid_002
- Samara_MampBtheGrid_003
- Samara_MampBtheGrid_004
- Samara_MampBtheGrid_005
- Samara_MampBtheGrid_006
- Samara_MampBtheGrid_007
- Samara_MampBtheGrid_008
- Samara_MampBtheGrid_009
- Samara_MampBtheGrid_010
- Samara_MampBtheGrid_011
- Samara_MampBtheGrid_012
- Samara_MampBtheGrid_013
- Samara_MampBtheGrid_014
- Samara_MampBtheGrid_015
- Samara_MampBtheGrid_016
- Samara_MampBtheGrid_017
- Samara_MampBtheGrid_018
- Samara_MampBtheGrid_019
- Samara_MampBtheGrid_020
- WhyNot_001
- WhyNot_002
- WhyNot_003
- WhyNot_004
- WhyNot_005
- WhyNot_006
- WhyNot_007
- WhyNot_008
- WhyNot_009
- WhyNot_010
- WhyNot_011
- WhyNot_012
- WhyNot_013
- WhyNot_014
- WhyNot_015
- WhyNot_016
- WhyNot_017
- WhyNot_018
- WhyNot_019
- WhyNot_020
-
ldquoThe grid system is an aid not a guarantee It permits a number of possible uses and each designer can look for a solution appropriate to his personal style But one must learn how to use the grid it is an art that requires practicerdquo
mdashJosef Muumlller-Brockmann
Josef Muumlller-Brockmann
ldquoFor some graphic designers it
has become an unquestioned part of the working process that yields precision
order and clarity For others it is symbolic of Old Guard aesthetic oppression a stifling cage that hinders the search for expressionrdquo
mdashTimothy Samara
Grid Links + Resources
1 Grid planning2 The Cardo and the Decumanus of Roman military planning3 The Modulor of Le Corbusier
History Of The Grid
Websites amp Resources
Tutorials amp Reference1 Grids in Page Layout2 Canons of Page Construction3 Mark Boulton Five Steps to Designing Grid SystemsPreface | one | two | three | four | five4 Tutorial for setting up InDesign baseline grids
1 The Grid System website2 The Grid System Flickr pool3 Aisle One website Grids Minimalism Modernism4 Deconstruction amp the computer in graphic design Grids Minimalism5 Grid Designer 2 utility website (does math)6 Essay Anthony Froshaugrsquos Typography is a Grid
Grid use Ancient
Ancient Babylon | 17th c BCE gt
Timgad Algeria Roman town | 100 CE gt
lt Indus River Valley Civilization | 2600 BCE
lt Teotihuacan | 1500 CE
Grid use Modern
Grid use Structural
- Type on a Grid Lecturepdf
- Samara_MampBtheGrid_002
- Samara_MampBtheGrid_003
- Samara_MampBtheGrid_004
- Samara_MampBtheGrid_005
- Samara_MampBtheGrid_006
- Samara_MampBtheGrid_007
- Samara_MampBtheGrid_008
- Samara_MampBtheGrid_009
- Samara_MampBtheGrid_010
- Samara_MampBtheGrid_011
- Samara_MampBtheGrid_012
- Samara_MampBtheGrid_013
- Samara_MampBtheGrid_014
- Samara_MampBtheGrid_015
- Samara_MampBtheGrid_016
- Samara_MampBtheGrid_017
- Samara_MampBtheGrid_018
- Samara_MampBtheGrid_019
- Samara_MampBtheGrid_020
- WhyNot_001
- WhyNot_002
- WhyNot_003
- WhyNot_004
- WhyNot_005
- WhyNot_006
- WhyNot_007
- WhyNot_008
- WhyNot_009
- WhyNot_010
- WhyNot_011
- WhyNot_012
- WhyNot_013
- WhyNot_014
- WhyNot_015
- WhyNot_016
- WhyNot_017
- WhyNot_018
- WhyNot_019
- WhyNot_020
-
Josef Muumlller-Brockmann
ldquoFor some graphic designers it
has become an unquestioned part of the working process that yields precision
order and clarity For others it is symbolic of Old Guard aesthetic oppression a stifling cage that hinders the search for expressionrdquo
mdashTimothy Samara
Grid Links + Resources
1 Grid planning2 The Cardo and the Decumanus of Roman military planning3 The Modulor of Le Corbusier
History Of The Grid
Websites amp Resources
Tutorials amp Reference1 Grids in Page Layout2 Canons of Page Construction3 Mark Boulton Five Steps to Designing Grid SystemsPreface | one | two | three | four | five4 Tutorial for setting up InDesign baseline grids
1 The Grid System website2 The Grid System Flickr pool3 Aisle One website Grids Minimalism Modernism4 Deconstruction amp the computer in graphic design Grids Minimalism5 Grid Designer 2 utility website (does math)6 Essay Anthony Froshaugrsquos Typography is a Grid
Grid use Ancient
Ancient Babylon | 17th c BCE gt
Timgad Algeria Roman town | 100 CE gt
lt Indus River Valley Civilization | 2600 BCE
lt Teotihuacan | 1500 CE
Grid use Modern
Grid use Structural
- Type on a Grid Lecturepdf
- Samara_MampBtheGrid_002
- Samara_MampBtheGrid_003
- Samara_MampBtheGrid_004
- Samara_MampBtheGrid_005
- Samara_MampBtheGrid_006
- Samara_MampBtheGrid_007
- Samara_MampBtheGrid_008
- Samara_MampBtheGrid_009
- Samara_MampBtheGrid_010
- Samara_MampBtheGrid_011
- Samara_MampBtheGrid_012
- Samara_MampBtheGrid_013
- Samara_MampBtheGrid_014
- Samara_MampBtheGrid_015
- Samara_MampBtheGrid_016
- Samara_MampBtheGrid_017
- Samara_MampBtheGrid_018
- Samara_MampBtheGrid_019
- Samara_MampBtheGrid_020
- WhyNot_001
- WhyNot_002
- WhyNot_003
- WhyNot_004
- WhyNot_005
- WhyNot_006
- WhyNot_007
- WhyNot_008
- WhyNot_009
- WhyNot_010
- WhyNot_011
- WhyNot_012
- WhyNot_013
- WhyNot_014
- WhyNot_015
- WhyNot_016
- WhyNot_017
- WhyNot_018
- WhyNot_019
- WhyNot_020
-
ldquoFor some graphic designers it
has become an unquestioned part of the working process that yields precision
order and clarity For others it is symbolic of Old Guard aesthetic oppression a stifling cage that hinders the search for expressionrdquo
mdashTimothy Samara
Grid Links + Resources
1 Grid planning2 The Cardo and the Decumanus of Roman military planning3 The Modulor of Le Corbusier
History Of The Grid
Websites amp Resources
Tutorials amp Reference1 Grids in Page Layout2 Canons of Page Construction3 Mark Boulton Five Steps to Designing Grid SystemsPreface | one | two | three | four | five4 Tutorial for setting up InDesign baseline grids
1 The Grid System website2 The Grid System Flickr pool3 Aisle One website Grids Minimalism Modernism4 Deconstruction amp the computer in graphic design Grids Minimalism5 Grid Designer 2 utility website (does math)6 Essay Anthony Froshaugrsquos Typography is a Grid
Grid use Ancient
Ancient Babylon | 17th c BCE gt
Timgad Algeria Roman town | 100 CE gt
lt Indus River Valley Civilization | 2600 BCE
lt Teotihuacan | 1500 CE
Grid use Modern
Grid use Structural
- Type on a Grid Lecturepdf
- Samara_MampBtheGrid_002
- Samara_MampBtheGrid_003
- Samara_MampBtheGrid_004
- Samara_MampBtheGrid_005
- Samara_MampBtheGrid_006
- Samara_MampBtheGrid_007
- Samara_MampBtheGrid_008
- Samara_MampBtheGrid_009
- Samara_MampBtheGrid_010
- Samara_MampBtheGrid_011
- Samara_MampBtheGrid_012
- Samara_MampBtheGrid_013
- Samara_MampBtheGrid_014
- Samara_MampBtheGrid_015
- Samara_MampBtheGrid_016
- Samara_MampBtheGrid_017
- Samara_MampBtheGrid_018
- Samara_MampBtheGrid_019
- Samara_MampBtheGrid_020
- WhyNot_001
- WhyNot_002
- WhyNot_003
- WhyNot_004
- WhyNot_005
- WhyNot_006
- WhyNot_007
- WhyNot_008
- WhyNot_009
- WhyNot_010
- WhyNot_011
- WhyNot_012
- WhyNot_013
- WhyNot_014
- WhyNot_015
- WhyNot_016
- WhyNot_017
- WhyNot_018
- WhyNot_019
- WhyNot_020
-
Grid Links + Resources
1 Grid planning2 The Cardo and the Decumanus of Roman military planning3 The Modulor of Le Corbusier
History Of The Grid
Websites amp Resources
Tutorials amp Reference1 Grids in Page Layout2 Canons of Page Construction3 Mark Boulton Five Steps to Designing Grid SystemsPreface | one | two | three | four | five4 Tutorial for setting up InDesign baseline grids
1 The Grid System website2 The Grid System Flickr pool3 Aisle One website Grids Minimalism Modernism4 Deconstruction amp the computer in graphic design Grids Minimalism5 Grid Designer 2 utility website (does math)6 Essay Anthony Froshaugrsquos Typography is a Grid
Grid use Ancient
Ancient Babylon | 17th c BCE gt
Timgad Algeria Roman town | 100 CE gt
lt Indus River Valley Civilization | 2600 BCE
lt Teotihuacan | 1500 CE
Grid use Modern
Grid use Structural
- Type on a Grid Lecturepdf
- Samara_MampBtheGrid_002
- Samara_MampBtheGrid_003
- Samara_MampBtheGrid_004
- Samara_MampBtheGrid_005
- Samara_MampBtheGrid_006
- Samara_MampBtheGrid_007
- Samara_MampBtheGrid_008
- Samara_MampBtheGrid_009
- Samara_MampBtheGrid_010
- Samara_MampBtheGrid_011
- Samara_MampBtheGrid_012
- Samara_MampBtheGrid_013
- Samara_MampBtheGrid_014
- Samara_MampBtheGrid_015
- Samara_MampBtheGrid_016
- Samara_MampBtheGrid_017
- Samara_MampBtheGrid_018
- Samara_MampBtheGrid_019
- Samara_MampBtheGrid_020
- WhyNot_001
- WhyNot_002
- WhyNot_003
- WhyNot_004
- WhyNot_005
- WhyNot_006
- WhyNot_007
- WhyNot_008
- WhyNot_009
- WhyNot_010
- WhyNot_011
- WhyNot_012
- WhyNot_013
- WhyNot_014
- WhyNot_015
- WhyNot_016
- WhyNot_017
- WhyNot_018
- WhyNot_019
- WhyNot_020
-
Grid use Ancient
Ancient Babylon | 17th c BCE gt
Timgad Algeria Roman town | 100 CE gt
lt Indus River Valley Civilization | 2600 BCE
lt Teotihuacan | 1500 CE
Grid use Modern
Grid use Structural
- Type on a Grid Lecturepdf
- Samara_MampBtheGrid_002
- Samara_MampBtheGrid_003
- Samara_MampBtheGrid_004
- Samara_MampBtheGrid_005
- Samara_MampBtheGrid_006
- Samara_MampBtheGrid_007
- Samara_MampBtheGrid_008
- Samara_MampBtheGrid_009
- Samara_MampBtheGrid_010
- Samara_MampBtheGrid_011
- Samara_MampBtheGrid_012
- Samara_MampBtheGrid_013
- Samara_MampBtheGrid_014
- Samara_MampBtheGrid_015
- Samara_MampBtheGrid_016
- Samara_MampBtheGrid_017
- Samara_MampBtheGrid_018
- Samara_MampBtheGrid_019
- Samara_MampBtheGrid_020
- WhyNot_001
- WhyNot_002
- WhyNot_003
- WhyNot_004
- WhyNot_005
- WhyNot_006
- WhyNot_007
- WhyNot_008
- WhyNot_009
- WhyNot_010
- WhyNot_011
- WhyNot_012
- WhyNot_013
- WhyNot_014
- WhyNot_015
- WhyNot_016
- WhyNot_017
- WhyNot_018
- WhyNot_019
- WhyNot_020
-
Grid use Modern
Grid use Structural
- Type on a Grid Lecturepdf
- Samara_MampBtheGrid_002
- Samara_MampBtheGrid_003
- Samara_MampBtheGrid_004
- Samara_MampBtheGrid_005
- Samara_MampBtheGrid_006
- Samara_MampBtheGrid_007
- Samara_MampBtheGrid_008
- Samara_MampBtheGrid_009
- Samara_MampBtheGrid_010
- Samara_MampBtheGrid_011
- Samara_MampBtheGrid_012
- Samara_MampBtheGrid_013
- Samara_MampBtheGrid_014
- Samara_MampBtheGrid_015
- Samara_MampBtheGrid_016
- Samara_MampBtheGrid_017
- Samara_MampBtheGrid_018
- Samara_MampBtheGrid_019
- Samara_MampBtheGrid_020
- WhyNot_001
- WhyNot_002
- WhyNot_003
- WhyNot_004
- WhyNot_005
- WhyNot_006
- WhyNot_007
- WhyNot_008
- WhyNot_009
- WhyNot_010
- WhyNot_011
- WhyNot_012
- WhyNot_013
- WhyNot_014
- WhyNot_015
- WhyNot_016
- WhyNot_017
- WhyNot_018
- WhyNot_019
- WhyNot_020
-
Grid use Structural
- Type on a Grid Lecturepdf
- Samara_MampBtheGrid_002
- Samara_MampBtheGrid_003
- Samara_MampBtheGrid_004
- Samara_MampBtheGrid_005
- Samara_MampBtheGrid_006
- Samara_MampBtheGrid_007
- Samara_MampBtheGrid_008
- Samara_MampBtheGrid_009
- Samara_MampBtheGrid_010
- Samara_MampBtheGrid_011
- Samara_MampBtheGrid_012
- Samara_MampBtheGrid_013
- Samara_MampBtheGrid_014
- Samara_MampBtheGrid_015
- Samara_MampBtheGrid_016
- Samara_MampBtheGrid_017
- Samara_MampBtheGrid_018
- Samara_MampBtheGrid_019
- Samara_MampBtheGrid_020
- WhyNot_001
- WhyNot_002
- WhyNot_003
- WhyNot_004
- WhyNot_005
- WhyNot_006
- WhyNot_007
- WhyNot_008
- WhyNot_009
- WhyNot_010
- WhyNot_011
- WhyNot_012
- WhyNot_013
- WhyNot_014
- WhyNot_015
- WhyNot_016
- WhyNot_017
- WhyNot_018
- WhyNot_019
- WhyNot_020
-
- Type on a Grid Lecturepdf
- Samara_MampBtheGrid_002
- Samara_MampBtheGrid_003
- Samara_MampBtheGrid_004
- Samara_MampBtheGrid_005
- Samara_MampBtheGrid_006
- Samara_MampBtheGrid_007
- Samara_MampBtheGrid_008
- Samara_MampBtheGrid_009
- Samara_MampBtheGrid_010
- Samara_MampBtheGrid_011
- Samara_MampBtheGrid_012
- Samara_MampBtheGrid_013
- Samara_MampBtheGrid_014
- Samara_MampBtheGrid_015
- Samara_MampBtheGrid_016
- Samara_MampBtheGrid_017
- Samara_MampBtheGrid_018
- Samara_MampBtheGrid_019
- Samara_MampBtheGrid_020
- WhyNot_001
- WhyNot_002
- WhyNot_003
- WhyNot_004
- WhyNot_005
- WhyNot_006
- WhyNot_007
- WhyNot_008
- WhyNot_009
- WhyNot_010
- WhyNot_011
- WhyNot_012
- WhyNot_013
- WhyNot_014
- WhyNot_015
- WhyNot_016
- WhyNot_017
- WhyNot_018
- WhyNot_019
- WhyNot_020
-