Download
slide1 n.
Skip this Video
Loading SlideShow in 5 Seconds..
0 9 PowerPoint Presentation

0 9

185 Views Download Presentation
Download Presentation

0 9

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. 09 IAT 102 Graphic Design

  2. 09 The dispute between Bill and Tschichold The Grid The International Typographic Style (Swiss Style)

  3. The dispute between Max Bill and Jan Tschichold Max Bill Jan Tschichold

  4. Jan Tschichold Typographische Mitteilungen, 1915

  5. Jan Tschichold (Germany): The New Typography, 1928

  6. Jan Tschichold (Germany), late works: traditional typography, humanist tradition

  7. Max Bill

  8. Max Bill typography left aligned Tschichold typography center aligned

  9. Traitor! Max Bill typography left aligned Tschichold typography center aligned

  10. Max Bill: Asymmetrical Layout = Progress typography left aligned Tschichold typography center aligned

  11. Max Bill: Asymmetrical Layout = Progress typography left aligned Tschichold: Symmetry Or Asymmetry (according to content) typography center aligned

  12. Grids

  13. Grids are the underlying structure of any document.

  14. A grid system helps designers organize information into a coherent pattern.

  15. The Purpose of a grid: • The grid helps arranging text, photographs and diagrams in conformity with objective and functional criteria • Order lends credibility and induces confidence • Information presented clear and logically will be read more quickly and better understood/retained

  16. Perhaps the most common reason to develop a grid is a necessity for a reusable system for multi-page and/or multi-issue publications.

  17. A designer’s task is to provide ways into and out of the sea of words by breaking up text into smaller segments and offering alternate routes through the mass of information. Typography helps readers navigate through the flow of content.

  18. How to work with a grid?

  19. 1. Select a type area = define margins

  20. 2. Divide type area into columns

  21. 3. Insert horizontal divisions

  22. 4. Choose appropriate font sizes Remember: set the type 35-70 characters per line

  23. 4. Choose appropriate font sizes Remember: set the type 35-70 characters per line

  24. Examples

  25. single-column grid

  26. single-column grid

  27. multi-column grid

  28. multi-column grid

  29. modular grid

  30. modular grid

  31. Josef Müller-Brockmann

  32. Source: http://www.facebook.com/SwissGraphicDesign

  33. Grid systems in graphic design, Josef Müller-Brockmann, Niggli, 1981, Zurich

  34. 1928 Tschichold New Typography 50-60ies Ruder White Space 1961 Muller-Brockmann The Grid 1970s Otl Aicher: Corporate Identity

  35. Swiss Design • (International Typographic Style) • asymmetrical organization • grid • objective photography • clear and factual • sans serif typography • Herbert Matter, Max Bill, Otl Aicher, Emil Ruder, Armin Hofmann, Josef Müller-Brockmann • (Chapter 18, Meggs) Armin Hofmann, 1954

  36. Swiss Design (International Typographic Style) Josef Müller-Brockmann

  37. Swiss Design (International Typographic Style) Emil Ruder

  38. Swiss Design (International Typographic Style) Armin Hofmann

  39. Swiss Design (International Typographic Style) Armin Hofmann

  40. Swiss Design (International Typographic Style) Herbert Matter

  41. Swiss Design (International Typographic Style) Herbert Matter

  42. Swiss Design (International Typographic Style) Josef Müller-Brockmann

  43. Announcements: Lab D107 (Thursday 4:30) moved to room 3350 this week

  44. fin