+ All Categories
Home > Documents > 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short...

0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short...

Date post: 13-Jan-2016
Category:
Upload: homer-walters
View: 217 times
Download: 0 times
Share this document with a friend
Popular Tags:
53
0 4 IAT 102 Graphic Design
Transcript
Page 1: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

04

IAT 102 Graphic Design

Page 2: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

04Design Basics

Art Nouveau

Modernism and New Typography

Short Break-----

(TA) Presenting

(TA) Photoshop Demo: cloning tool, cropping, importing images to InDesign + Resources: Online tutorials

Page 3: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

Design Basics

Page 4: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

justified

Page 5: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

unjustified

Page 6: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

right alignment

Page 7: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

centered

Page 8: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

random

Page 9: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

what’s a good rag?

Credits: Rahel Arnold, Valeria Bonin

Page 10: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

15-20% of line length

Page 11: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

right- and center-aligned: difficult to read

Page 12: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

avoid stairs and blocks

Page 13: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

avoid stairs and blocks

Page 14: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

avoid isolated words

Page 15: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

avoid holes

Page 16: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

Small rag: rhythm not interesting

Page 17: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

Separating a paragraph

Page 18: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

indicators

Page 19: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

Emphasis

Page 20: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

emphasis

Page 21: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

emphasis

Page 22: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

emphasis

Page 23: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

emphasis

Page 24: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

emphasis

Page 25: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

Art Nouveau: Nature + Style

Page 26: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

Germany: Van de Velde’s famous Tropon Ad ( c.1895 A.D)

Page 27: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

Czech Republic: Bieres de la Meuse (1897 A.D.) Alphonse Mucha

Page 28: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

Job Cigarette Girl (1897 A.D.) Alphonse Mucha

Page 29: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

Bicycle Ad (1897 A.D.) Alphonse Mucha

Page 30: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

Sarah Bernhardt in Gismonda (1894), La Tosca (1897) + La Samaritaine (1899) Alphonse Mucha

Page 31: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

Playing Card Design (c.1900 A.D.) Alphonse Mucha

Page 32: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

Princess Hyacinth – theatre poster (1910 A.D.) Alphonse Mucha

Page 33: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

Germany: The Kiss (1898 A.D.) Peter Behrens

Page 34: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

Modernism and New Typography

Page 35: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

Malevich: Aeroplane Flying (Russia) 1915

Page 36: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

Malevich: The Black Square, 1913

Page 37: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

Mondrian (NL, De Stijl): Composition With Gray And Light Brown, 1918

Page 38: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

Mondrian (NL, De Stijl): Composition with Red Blue and Yellow, 1930

Page 39: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

El Lissitzky (Russia, Constructivism): Catalog cover

Page 40: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

Constructivism:

- originated in Russia, 1921

- no more “Art for Art’s sake” (l’art pour l’art)

- industrial design, graphic design, poster, books

- many links to De Stijl (NL), Bauhaus (Germany),

Dada (Switzerland / Germany)

- geometric shapes, mathematic proportions

- functional, no ornaments

Page 41: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

El Lissitzky (Russia, Constructivism): Poem, 1923

Page 42: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

El Lissitzky (Russia, Constructivism): Poem, 1923

Page 43: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

El Lissitzky (Russia, Constructivism): The Isms of Art, 1924

Page 44: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

El Lissitzky (Russia, Constructivism): "Beat the Whites with the Red Wedge" (1919)

Page 45: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

El Lissitzky (Russia, Constructivism): Advertisment for Pelikan, Ink

Page 46: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

Typographische Mitteilungen, 1915

Page 47: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

Jan Tschichold (Germany): Typographische Mitteilungen, 1925

Page 48: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

Jan Tschichold (Germany): Elementary Typography

Page 49: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

Jan Tschichold (Germany): The New Typography, 1928

Page 50: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

Jan Tschichold (Germany)

Page 51: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

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

Page 52: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

1928 TschicholdNew Typography

50-60ies RuderWhite Space

1961Muller-BrockmannThe Grid

Page 53: 0404 IAT 102 Graphic Design. 0404 Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.

fin


Recommended