10 IAT 102 Graphic Design. 10 Review (Early Modern & New Typography) Swiss Style + New Typography Adrian Frutiger: Univers-Font Select project topic (vote)

Slides:



Advertisements
Similar presentations
Roots Graphic Design Roots.
Advertisements

What is Graphics? Graphics are visual presentations on some surface, such as a wall, canvas, computer screen, paper, or stone to brand, inform, illustrate,
Print design
SM2222: Information Design and Visualization Session 3: Typography 23 September 2005.
0202 IAT 102 Graphic Design Typography Typeface Spacing.
Typography Typogra Typography Typogra. Designers use typography to communicate a client's message to an audience. They explore the creative possibilities.
Principles of Typography
Wells, Moriarty, Burnett & Lwin - Xth EditionADVERTISING Principles and Effective IMC Practice1 Design and Production Part 4: Effective Advertising Messages.
10 IAT 102 Graphic Design.
08 IAT 102 Graphic Design.
1 Pertemuan 9 Huruf “Sans Serif 2” Matakuliah: U0224/Tipografi I Tahun: 2005 Versi: 1/0.
Design in Context The Bauhaus  A radically new kind of art and design school founded in Weirmar, Germany in 1919 by Walter Gropius.  Art,
0202 IAT 102 Graphic Design Typography: origin of movable type Typeface Grid.
Russian Avant-Garde (Alexander Rodchenko, Project #3)
Graphic Design: An Overview for Effective Communication.
Design Trends Graphic Design has been around long before the computer…
Swiss / International In the 1950s a new graphic design style emerged in Switzerland it would become a predominant graphic style in by the '70s. Because.
Typography and Imagery in Design Presented by Ashley Reeder.
HISTORY DESIGN VictorianArt Nouveau Early ModernExpressionism Futurism Constructivism Bauhaus Art Deco DadaLate Modern American PunkDigital New Simplicity.
Swiss Typography Jasmine Branson. What is Swiss typography? Swiss style is a graphic design style developed in Switzerland in the 50s. The design would.
 Layout – refers to the design and orderly formation of the various elements of an advertisement.  It is where & how you place the various elements.
Design in Context
0808 IAT 102 Graphic Design Modernism and New Typography Grid Review.
Chapter 4 Typography Objectives (1 of 2) Differentiate among calligraphy, lettering, and typography. Gain knowledge of type definitions and nomenclature.
Chapter 4 Typography.
09 IAT 102 Graphic Design.
_ The design universal principles Typography, Grids & Golden section
Drawing and Painting Non objective drawing.
Document Etiquette. White space An essential design element Should balance text and graphics Allows readers to digest what is being communicated Carries.
Part 4: Effective Advertising Messages Chapter 14
Print Medium. • Advantages & Limitations • Typography • Readability • Layout.
Desktop Publishing Tips. Desktop Publishing (DTP) is… The process of producing professional looking products.
Design in Context Industrialization Social, political and economic change was accelerated by industrialization at the beginning of the 20th.
Desktop Publishing Your Guide to Concepts and Terminology.
Detailed Design Style – De Stijl Background
Visual Design.  My first graphic design class ever was typography  draw the Futura R in black plaka.  type is the center of design.
The BAUHAUS: a short history
Graphic Design The term graphic design can refer to a number of artistic and professional disciplines which focus on visual communication and presentation.
Muhammad Waqas Design and Production Lecture 25. Muhammad Waqas Recap I.How to Write Radio Copy II.How to Write Television Copy III.Writing for the Web.
A (brief) History of Graphic Design
0505 IAT 102 Graphic Design New Typography Review Connotation / Denotation What’s in a logo?
11 IAT 102 Graphic Design. 11 The digital revolution and beyond: Review Graphic Design meets the Computer Type Design in the 90s: Emigre, Greiman, Brody,
The applied art of arranging image and text to communicate a message.
Introduction to Typography 09/5/2013 Typography IIntroduction to Typography.
the rhetorical situation  audience  purpose  context design principles  arrangement  emphasis  contrast  repetition  alignment  proximity (some)
Creating visually attractive and appealing publications.
0404 IAT 102 Graphic Design Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.
Introduction to Visual Rhetoric: The Basics Romberger.
Introduction to Visual Rhetoric. Visual Rhetoric Definition Is the “how to” of visual literacy Visual rhetoric applies the rhetorical situation to decision.
0505 IAT 102 Graphic Design Design Basics Art Nouveau Modernism and New Typography How to present?
DTP Word 2002 Chapter 1 Understanding the Desktop Publishing Process.
0303 IAT 102 Graphic Design Design Basics Art Nouveau Modernism and New Typography.
 Swiss Graphic Designer  At Base school of Design he was developing graphic design style known as Swiss style  Books, exhibitions, stage sets, logotypes,
Typography link loop serif terminal shoulder stem bowl descender Professional Communications Copyright © Texas Education Agency, All rights reserved.
Posters, Magazines, Websites
0505 IAT 102 Graphic Design Design Basics Review Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting.
Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used with permission. 1 Poster Illustration Poster illustration.
 TYPOGRAPHY. Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. The arrangement.
Chapter 4 Typography. Objectives (1 of 2) Differentiate among calligraphy, lettering, and typography. Gain knowledge of type definitions and nomenclature.
-Subject, Form, Content -Principles and Elements of Design.
Design and Typography Chapter Designing a Publication Designing is the process of determining the format and layout, then creating Format: how and.
Bellwork!! It has been said the invention of photography has changed art more than any other invention. Citing examples, explain this statement. Be sure.
Composition & Elements of Art and Principles of Design
Tom Duncan “Principles of Advertising and IMC” 2nd ed.
Graphic Design History Clocks
Defining Desktop Publishing
09 IAT 102 Graphic Design.
DTP Terms & Techniques You will need to understand basic terms and techniques used in DTP, as well as file types used within DTP and their advantages and.
18-01 Ernst Keller, poster, 1931—Ausstellungen (Exhibition) Walter Gropius 1930—Museum of arts and crafts Zurich, exhibition of student work from the building-commercial.
Chapter 14 Design and Production
Presentation transcript:

10 IAT 102 Graphic Design

10 Review (Early Modern & New Typography) Swiss Style + New Typography Adrian Frutiger: Univers-Font Select project topic (vote)

0808 IAT 102 Graphic Design

Early Modern Art the great experiment

Jan Tschichold A Swiss national, he was a typographer, book designer, teacher and writer.typographer Tschichold became a leading advocate of Modernist design: through his most noted work Die neue Typographie (The New Typography) This book was a manifesto of modern design, in which he condemned all fonts but sans-serif (called 'Grotesk' in Germany).sans-serif He also favoured non-centered design (e.g., on title pages), and codified many other Modernist design rules. Text and image source: Wikipedia

Poster topics review - a new language of form Russian Constructivists Futurists, Dada, De Stijl, the Bauhaus, etc. -Visual form becomes the content -Perceptual experience from the arrangement of these forms

Advocated the use of sans-serfi type, asymmetrical layout and the grid as an underlying structure. The New Typography - Germany 1928

Jan Tschichold (Germany): Typographische Mitteilungen, Dynamic force should be present in each design. -Type should be set in motion. -Asymmetrical layout. -Flush left headlines with ragged edge -Kinetic asymmetrical design of contrasting elements (expressed new machine age) -San-serif type (without any embellishments) in various weights -Designs based on underlying horizontal and vertical structure -Spatial intervals important elements - Rules bars and boxes were often used for structure, balance and emphasis -White space used as structuring element -Clarity and beauty -Form from the function of the text -Photography favored over illustration

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

1928 Tschichold New Typography 50-60ies Ruder White Space 1961 Muller-Brockmann The Grid

Armin Hofmann, 1954 New York School -1950’s (International Typographic Style) - asymmetrical organization - mathmatical grid - objective photography - abstracted repeated geometric form - clear and factual - sans serif typography -Design solution comes from content Herbert Matter, Max Bill, Otl Aicher, Emil Ruder, Armin Hofmann, Josef Müller-Brockmann - (Chapter 18, Meggs)

International typographic style- 1950’s More important then the visual appearance of the work is the attitude developed by its early pioneers. Designers defined their role as objective conduits for spreading important information between components of society. Order and clarity were the ideal. Josef Muller-Brockmann

Josef Muller-Brockmann – concert series Müller-Brockmann used colour, an arrangement of elemental geometric forms, and type to express the structural and rhythmic qualities of music.

Josef Muller-Brockmann – concert series Used fonts in twoMüller-Brockmann's belief that using one typeface in two sizes (display and text) makes the message clear and accessible to the audience.

With Geometry

Josef Muller-Brockmann – auto club His photographs treat the subject as an objective symbol, gaining impact through scale

Josef Muller-Brockmann – photography Used fonts in twoMüller-Brockmann's belief that using one typeface in two sizes (display and text) makes the message clear and accessible to the audience.

Swiss International Style– Armin Hoffman

American Design– mid century European underpinnings Egalitarians society, capitalist values, limited artistic traditions, ethnically diverse Emphasis was placed on express of ideas an open, direct presentation of information. Highly competitive society, novelty of technique and originally priced. Communication problems and individual expression

New York School– Paul Rand

New York School– Paul Rand Reduced communication content to a symbolic essence “It pinpoints the distinction between abstract design without and abstract design with content,” he insisted. “You can be a great manipulator of form, but if the solution is not apt, it’s for the birds.” – Paul Rand

New York School– Paul Rand Reduced communication content to a symbolic essence

New York School– Paul Rand

New York School– Bradbury Thompson

i-clickers– Swiss international style Identify a key difference between New Typography and Swiss International Style. A.Mathematical grids B.Asymmetrical layout C.Designers defined their role as objective conduits for spreading society. D.San-serif font E.Direct communication of idea

i-clickers– Swiss international style Identify a key difference between New Typography and Swiss International Style. A.Mathematical grids B.Asymmetrical layout C.Designers defined their role as objective conduits for spreading society. D.San-serif font E.Direct communication of idea

i-clickers– Swiss international style Identify a key difference between Swiss International Style New York School. A.Mathematical grids B.Asymmetrical layout C.San-serif font D.Individual expression E.Use of white space

i-clickers– Swiss international style Identify a key difference between Swiss International Style New York School. A.Mathematical grids B.Asymmetrical layout C.San-serif font D.Individual expression E.Use of white space

i-clickers– Swiss international style Project topic. A.Movies B.Biographies C.Novels D.Famous places E.Technology (old and new)

fin