Intro Grids FALL15 · 2019. 11. 16. · 11/2/15 2 • Josef Müller-Brockmann(see 1953, 1960)...
Transcript of Intro Grids FALL15 · 2019. 11. 16. · 11/2/15 2 • Josef Müller-Brockmann(see 1953, 1960)...
![Page 1: Intro Grids FALL15 · 2019. 11. 16. · 11/2/15 2 • Josef Müller-Brockmann(see 1953, 1960) •WimCrouwel OVERVIEW OF LECTURE • Introduction •Structure • Grid to line up and](https://reader036.fdocuments.in/reader036/viewer/2022071504/6123f227e41de1012c423ba0/html5/thumbnails/1.jpg)
11/2/15
1
INTRODUCTION TO DESIGNING ON A GRID ART-2413
• Easy overview (intro to a Lynda.com course). • http://www.lynda.com/Design-Foundations-tutorials/
Foundations-Layout-Composition-Grids/373790-2.html
OVERVIEW OF LECTURE • Introduction • Structure • Grid to line up and separate • Grid related Power of Thirds (and Fifths)
and placing Focal Points • Leading the Viewer’s Eye
HISTORY • Recognition of proven behaviors of human reading styles,
especially in relation to western languages
• Made popular by International Typographic Style • (aka Swiss Style)
• “Helvetica” (documentary) and lectures for Project 5 will further explain the obsession with “THE GRID”
• Modernism • “Graphic Design” origins and relation to structural
disciplines like architecture
- http://www.aisleone.net/2009/design/myths-misconceptions-about-grid-systems/
HISTORY • Recognition of proven behaviors of human reading styles,
especially in relation to western languages
• Made popular by International Typographic Style • (aka Swiss Style)
• “Helvetica” (documentary) and lectures for Project 5 will further explain the obsession with “THE GRID”
• Modernism • “Graphic Design” origins and relation to structural
disciplines like architecture
- http://www.designishistory.com/home/swiss/
HISTORY • Recognition of proven behaviors of human reading styles,
especially in relation to western languages
• Made popular by International Typographic Style • (aka Swiss Style)
• “Helvetica” (documentary) and lectures for Project 5 will further explain the obsession with “THE GRID”
• Modernism • “Graphic Design” origins and relation to structural
disciplines like architecture
HISTORY • “The 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 practice.” • Josef Müller-Brockmann
![Page 2: Intro Grids FALL15 · 2019. 11. 16. · 11/2/15 2 • Josef Müller-Brockmann(see 1953, 1960) •WimCrouwel OVERVIEW OF LECTURE • Introduction •Structure • Grid to line up and](https://reader036.fdocuments.in/reader036/viewer/2022071504/6123f227e41de1012c423ba0/html5/thumbnails/2.jpg)
11/2/15
2
• Josef Müller-Brockmann (see 1953, 1960)
• Wim Crouwel
OVERVIEW OF LECTURE • Introduction • Structure • Grid to line up and separate • Grid related Power of Thirds (and Fifths)
and placing Focal Points • Leading the Viewer’s Eye
• Get ready….. • Link will be online to watch this again. It is an informative video,
but information delivery is VERY FAST.
• http://www.youtube.com/watch?v=KdqrMSVeUU4
Really. Watch it again.
![Page 3: Intro Grids FALL15 · 2019. 11. 16. · 11/2/15 2 • Josef Müller-Brockmann(see 1953, 1960) •WimCrouwel OVERVIEW OF LECTURE • Introduction •Structure • Grid to line up and](https://reader036.fdocuments.in/reader036/viewer/2022071504/6123f227e41de1012c423ba0/html5/thumbnails/3.jpg)
11/2/15
3
• http://studio2.rageyart.com/02_layout/images/03_sundance_grid.jpg • http://1.bp.blogspot.com/-h1ER_GwH-_M/UxZPhHrtLCI/AAAAAAAABAk/CQtMoIuaYUo/s1600/IMG_1304.JPG
You may be thinking:
BUT I DON’T WANT TO BE SO BORING!
- http://www.aisleone.net/2009/design/myths-misconceptions-about-grid-systems/ • Josef Müller-Brockmann
![Page 4: Intro Grids FALL15 · 2019. 11. 16. · 11/2/15 2 • Josef Müller-Brockmann(see 1953, 1960) •WimCrouwel OVERVIEW OF LECTURE • Introduction •Structure • Grid to line up and](https://reader036.fdocuments.in/reader036/viewer/2022071504/6123f227e41de1012c423ba0/html5/thumbnails/4.jpg)
11/2/15
4
OVERVIEW OF LECTURE • Introduction • Structure • Grid to line up and separate • Grid related Power of Thirds (and Fifths)
and placing Focal Points • Leading the Viewer’s Eye
![Page 5: Intro Grids FALL15 · 2019. 11. 16. · 11/2/15 2 • Josef Müller-Brockmann(see 1953, 1960) •WimCrouwel OVERVIEW OF LECTURE • Introduction •Structure • Grid to line up and](https://reader036.fdocuments.in/reader036/viewer/2022071504/6123f227e41de1012c423ba0/html5/thumbnails/5.jpg)
11/2/15
5
OVERVIEW OF LECTURE • Introduction • Structure • Grid to line up and separate • Grid related Power of Thirds (and Fifths)
and placing Focal Points • Leading the Viewer’s Eye
• Focal Points • Visual Hierarchy • Western “Read” of the Page (not necessarily as applicable for a
poster as for a page with a lot of copy)
• Focal Points • Visual Hierarchy • Western “Read”
of the Page
• Focal Points • Visual Hierarchy • Western “Read”
of the Page
• Focal Points • Visual Hierarchy • Western “Read”
of the Page
• Focal Points • Visual Hierarchy • Western “Read”
of the Page
• Focal Points • Visual Hierarchy • Western “Read”
of the Page
• Focal Points • Visual Hierarchy • Western “Read”
of the Page
![Page 6: Intro Grids FALL15 · 2019. 11. 16. · 11/2/15 2 • Josef Müller-Brockmann(see 1953, 1960) •WimCrouwel OVERVIEW OF LECTURE • Introduction •Structure • Grid to line up and](https://reader036.fdocuments.in/reader036/viewer/2022071504/6123f227e41de1012c423ba0/html5/thumbnails/6.jpg)
11/2/15
6
• Focal Points • Visual Hierarchy • Western “Read”
of the Page
• Focal Points • Visual Hierarchy • Western “Read”
of the Page
• Focal Points • Visual Hierarchy • Western “Read”
of the Page
• Focal Points • Visual Hierarchy • Western “Read”
of the Page
• Focal Points • Visual Hierarchy • Western “Read”
of the Page
• Focal Points • Visual Hierarchy • Western “Read”
of the Page
• Focal Points • Visual Hierarchy • Western “Read”
of the Page
• Focal Points • Visual Hierarchy • Western “Read”
of the Page
• Focal Points • Visual Hierarchy • Western “Read”
of the Page
![Page 7: Intro Grids FALL15 · 2019. 11. 16. · 11/2/15 2 • Josef Müller-Brockmann(see 1953, 1960) •WimCrouwel OVERVIEW OF LECTURE • Introduction •Structure • Grid to line up and](https://reader036.fdocuments.in/reader036/viewer/2022071504/6123f227e41de1012c423ba0/html5/thumbnails/7.jpg)
11/2/15
7
• Focal Points • Visual Hierarchy • Western “Read”
of the Page
• Focal Points • Visual Hierarchy • Western “Read”
of the Page
• Focal Points • Visual Hierarchy • Western “Read”
of the Page
OVERVIEW OF LECTURE • Introduction • Structure • Grid to line up and separate • Grid related Power of Thirds (and Fifths)
and placing Focal Points • Leading the Viewer’s Eye • PROJECT 4B