0 3

59
0 3 IAT 102 Graphic Design

description

0 3. IAT 102 Graphic Design. 0 3. Typography: European Books Industrial Revolution + Victorian Era Break Design Basics. European Books. Content and images taken from: Megg’s History of Graphic Design and Jubert’s Typography and Graphic Design. - PowerPoint PPT Presentation

Transcript of 0 3

Page 1: 0 3

03

IAT 102 Graphic Design

Page 2: 0 3

03

Typography: European Books

Industrial Revolution + Victorian Era

Break

Design Basics

Page 3: 0 3

European Books

Content and images taken from: Megg’s History of Graphic Design and Jubert’s Typography and Graphic Design

Page 4: 0 3

Johannes Gutenberg (1453 A.D.) Printing Press – typesetting / press operation

Page 5: 0 3

movable type

Typography refers to the use of independent, movable and reusable bits of metal, raised forms

Letterpress technology a classic typographic page

Page 6: 0 3

Illuminated Manuscripts (c.1450 ) Sample pages from the Gutenberg Bible

Page 7: 0 3

Illuminated Manuscripts (1460 A.D.) The Book of Hours

Page 8: 0 3

Illuminated Manuscripts Lindisfarne Gospels Mirror of Human Salvation - Peter Berger

Page 9: 0 3

(c. 15th century) Jost Amman

(1466 A.D.) Ars Moriendi

(1470 A.D.) Ars Moriendi

European block printing

Page 10: 0 3

Engraving (c. 15th century) Albrecht Durer Nuremburg Chronicles (1493 A.D.) x

Page 11: 0 3

Printing Shop: The Plate Printer (1642 A,D) by Abraham Bosse.A convincing range of lights and darks is built from scratched lines

Page 12: 0 3

Victorian Era

Page 13: 0 3

Pre- Victorian Era

Agrarian society (agriculture) that relied on animal and human power for energy

Page 14: 0 3

Industrial Revolution began between 1760 - 1840

Shift from agricultural society to an industrial society powered by the steam engine

James Watt (1736 - 1819)

Page 15: 0 3

Scientific knowledge enabled…

- travel

- electricity + gas-fueled engines (last 3 decades of 1800s)

- growing urban population

- factory system w/ machine manufacturing

- division of labour - assembly line

Train powered by steam engine

- mass production (material goods)

- graphics - marketing factory output

Page 16: 0 3

- spanned two-thirds of 19th Century

Queen Victoria - reigned from 1837 to 1901

Victorian Era

Page 17: 0 3

The word ‘Victorian’ began to be used to express a new consciousness of the industrial era’s spirit, culture and moral standards.

Page 18: 0 3

Ornaments played an important role in Victorian design.

Page 19: 0 3

(c. 1880-1900) Forst Averell

(c. 1870) Riverside print - Krebbs Litho Co.

Chromolithography

Page 20: 0 3

Chromolithography (c.1867) (c.1890)

Page 21: 0 3

Chromolithographic packages (c. late 19th century) U.K. and America

Page 22: 0 3

Chromolithography (1884. A.D.) W.J. Morgan Theatre Co. / J.H. Bufford & Sons - sheet music

Page 23: 0 3

Chromolithography (c. 1880’s) fine art print / sheet music cover

Page 24: 0 3

Harper’s Illuminated & New Pictorial Bible (1846 A.D.) Joseph A. Adams & Co.

Page 25: 0 3

Chromolithography (1856 A.D.) 5 Celebrated Clowns - Joseph Morse, 8.5’ x 11’

Page 26: 0 3

Large colour plate book (1856 A.D) The Grammar of Ornament - Owen Jones (England)

Page 27: 0 3

Large colour plate book (1856 A.D) The Grammar of Ornament - Owen Jones

Page 28: 0 3

Large colour plate book (1856 A.D) The Grammar of Ornament - Owen Jones

Page 29: 0 3

Large colour plate book (1856 A.D) The Grammar of Ornament - Owen Jones

Page 30: 0 3

Victorian Illustrations (1834 ) woodcut / (1887) engraving

Slab-serif typeface

“fat-face” types

Page 31: 0 3

Victorian Illustration (1890) Paul C. Helleu portraiture / Scribner’s cover (1895) Charles Dana Gibson

Page 32: 0 3

Victorian Illustration (1871 ) Frederick Walker/ (c. 1880-90’s) Gibson Girl - Charles Dana

Page 33: 0 3

Victorian Children’s Toy Books (1874 A.D.) Beauty & the Beast / Walter Crane

Page 34: 0 3

Victorian Children’s Book Illustrations (c. 1880’s) Kate Greenaway / Ralph Caldecott

Page 35: 0 3

Victorian Book Illustration (c. 1880’s) Three Jovial Horsemen / Hey Diddle Diddle - Ralph Caldecott

Page 36: 0 3

The Crystal Palace - great exhibition of 1851 (Joseph Paxton)

Page 37: 0 3

Surprise

Page 38: 0 3

Design Tools

Page 39: 0 3

How do you lead users through information by visual means?

Page 40: 0 3

Alignment

Golden Rectangle

Balance

Consistency / Repetition

Contrast

Proximity

White space

Gestalt

Some well-accepted principles of graphic design

Page 41: 0 3

What is the most important information?

What should you see first?

Second?

hierarchy

Page 42: 0 3

Scale (size)

Weight

Figure/ground

White space

Position

Texture

Colour

Value

Design fundamentals that help provide visual contrast are:

Page 43: 0 3

figure/ground

Page 44: 0 3

figure/ground

Page 45: 0 3

proximity

Page 46: 0 3

proximity

Page 47: 0 3

weight, scale + texture

Page 48: 0 3

visual contrast

Page 49: 0 3

balance - symmetry

Page 50: 0 3

balance - asymmetry

Page 51: 0 3

American WWII production ad (c. 1941) Jean Carlu (USA)

Page 52: 0 3

Lithography - Odeon Records ad, (c. 1929 ) Jean Carlu

Page 53: 0 3

Most amateur designers think of a square as just a more convenient rectangle.

You will quickly find that there are more interesting proportions than a square…

golden section

Page 54: 0 3

golden section

Ratio: 5:3

Page 55: 0 3

golden section

Page 56: 0 3

golden section

Page 57: 0 3

rule of thirds

Page 58: 0 3

rule of thirds

Page 59: 0 3

fin