09 IAT 102 Graphic Design.

Slides:



Advertisements
Similar presentations
Layout of a Desktop Publishing Document 1.03 Demonstrate desktop publishing.
Advertisements

Choose the Proper Screen-Based Controls
0202 IAT 102 Graphic Design Typography Typeface Spacing.
LAYOUT OF PAGE ELEMENTS September 28 th, PATTERNS Common ways to use the Layout Elements of Visual Hierarchy, Visual Flow, Grouping and Alignment,
Preparing Business Reports
Lesson 2 — Working with Text
10 IAT 102 Graphic Design.
Corporate IdentityAndres Wanner, SIAT IAT 102 Graphic Design.
Typography Principles Communications 320 Desktop Publishing.
08 IAT 102 Graphic Design.
Screen Design. Fonts Font size should be no smaller than 24 point 3 different groups of font Serif T Sans Serif T Script WORDS IN ALL CAPS ARE HARD TO.
Design Principles 3.02 Understand business publications.
Objectives Gain knowledge of mathematical ratios and proportional systems Learn about the use of the grid.
0202 IAT 102 Graphic Design Typography: origin of movable type Typeface Grid.
Corporate IdentityAndres Wanner, SIAT IAT 102 Graphic Design.
Desain Grafis dari Era Modern sampai Postmodern Pertemuan 1
Stop Pollution Now! Or You Will Miss The Sun. By Henry Lo, Fred Wu & Lei Liang.
MULTIMEDIA FOUNDATIONS Core Concepts for Digital Design By Vic Costello Chapter 5 : Multimedia Page Design (accessible as an e-book through the VU library)
Graphic Design: An Overview for Effective Communication.
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.
HATS - A Design Procedure for Routine Business Documents Presentation by H. Allen Brizee; Adapted from Baker (2001)
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
Presentation by H. Allen Brizee; Adapted from Baker (2001) Brought to you in cooperation with the Purdue Online Writing Lab HATS - A Design Procedure for.
Swiss Typography Jasmine Branson. What is Swiss typography? Swiss style is a graphic design style developed in Switzerland in the 50s. The design would.
0808 IAT 102 Graphic Design Modernism and New Typography Grid Review.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
PAGE DESIGN PAGE DESIGN Giving Your Work the Best Possible Appearance.
Chapter 8 Document Design 2 Page Layout
Document Etiquette. White space An essential design element Should balance text and graphics Allows readers to digest what is being communicated Carries.
Chapter 13. Designing the Document © 2004 by Bedford/St. Martin's1 Seven Characteristics of Technical Communication Addresses particular readers. Helps.
Desktop Publishing Tips. Desktop Publishing (DTP) is… The process of producing professional looking products.
Desktop Publishing Your Guide to Concepts and Terminology.
Microsoft Word Building Block - Frequently used text saved in a gallery, from which it can be inserted quickly into a document. Clipboard - A storage.
BASIC PRINCIPLES OF DESIGN DESIGN, MULTIMEDIA, AND WEB TECHNOLOGIES (DMWT)
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,
Chapter 7. Designing Documents and Web Sites © 2013 by Bedford/St. Martin's1 Document and Web design has five goals: to make a good impression on readers.
Chapter 5 Multimedia Page Design. Organizing Content on a Page The visual layout of each menu is the product of multimedia page design:  Video  Graphics.
0404 IAT 102 Graphic Design Design Basics Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting (TA) Photoshop Demo: cloning.
10 IAT 102 Graphic Design. 10 Review (Early Modern & New Typography) Swiss Style + New Typography Adrian Frutiger: Univers-Font Select project topic (vote)
Fonts and Typography Section 7.3. Typography Typography: the style, arrangement, and appearance of text Well designed text makes your page more readable.
Exploring Microsoft Office XP- Microsoft Word 2002 Chapter 51 Exploring Microsoft Word Chapter 5 Desktop Publishing: Creating a Newsletter By Robert T.
Chapter 3 ADOBE INDESIGN CS3 Chapter 3 SETTING UP A DOCUMENT.
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?
Report Technical Writing
DTP Word 2002 Chapter 1 Understanding the Desktop Publishing Process.
0303 IAT 102 Graphic Design Design Basics Art Nouveau Modernism and New Typography.
Computer Literacy for IC 3 Unit 2: Using Productivity Software Chapter 4: Importing Text and Formatting a Newsletter © 2010 Pearson Education, Inc. | Publishing.
Posters, Magazines, Websites
INDESIGN TO REVIEW. TEXT TOOL Used to -change font and font size -add text to text blocks -selecting and highlighting text.
0505 IAT 102 Graphic Design Design Basics Review Art Nouveau Modernism and New Typography Short Break----- (TA) Presenting.
Key Terms and Issues in Document Design Dr. Brian Gastle Western Carolina University.
DAY 25: WORD CHAPTER Rohit March 28,
Exploring Microsoft Word
Section 7.1 Section 7.2 Identify presentation design principles
Tom Duncan “Principles of Advertising and IMC” 2nd ed.
Formatting Text and Paragraphs
Chapter 9 Layout and Design
Understanding Desktop Publishing
Exploring Microsoft Word 2003
Exploring Microsoft Word
Wiley Interactive Graphics
Study Guide By Tanner Galloway.
Layout Terms Visual Hierarchy
Designing User-Friendly Documents
09 IAT 102 Graphic Design.
Layout of a Desktop Publishing Document
Layout of a Desktop Publishing Document
Layout of a Desktop Publishing Document
Presentation transcript:

09 IAT 102 Graphic Design

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

The dispute between Max Bill and Jan Tschichold 3

Typographische Mitteilungen, 1915 Jan Tschichold Typographische Mitteilungen, 1915

Jan Tschichold (Germany): The New Typography, 1928

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

Max Bill 7

typography center aligned Max Bill typography left aligned Tschichold typography center aligned 8

Traitor! Max Bill typography left aligned Tschichold typography center 9

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

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

Grids

Grids are the underlying structure of any document.

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

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

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

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.

How to work with a grid?

1. Select a type area = define margins

2. Divide type area into columns

3. Insert horizontal divisions

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

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

Examples

single-column grid

single-column grid

multi-column grid

multi-column grid

modular grid

modular grid

Josef Müller-Brockmann

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

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

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

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

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

Swiss Design (International Typographic Style) Emil Ruder 41

Swiss Design (International Typographic Style) Armin Hofmann 42

Swiss Design (International Typographic Style) Armin Hofmann 43

Swiss Design (International Typographic Style) Herbert Matter 44

Swiss Design (International Typographic Style) Herbert Matter 45

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

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

fin

Feedback: Privacy Policy Feedback
Do Not Sell My Personal Information
About project: SlidePlayer Terms of Service

© 2025 SlidePlayer.com. Inc. All rights reserved.