08 IAT 102 Graphic Design.

Slides:



Advertisements
Similar presentations
0202 IAT 102 Graphic Design Typography Typeface Spacing.
Advertisements

Interactive Power Point
Session 2—Chapter 3 Visual Literacy Learn to See, See to Learn.
Principles of design caroline burdett. repetition balance proximity simplicity contrast.
10 IAT 102 Graphic Design.
Corporate IdentityAndres Wanner, SIAT IAT 102 Graphic Design.
Chapter 6.1 Visual Design. 2 Visual Design The management and presentation of visual information Two dimensional & three dimensional communication The.
Day 6 Layout. Objectives  Learn about some principles of perception  Learn how grids can help you organise a site’s content  Learn about the golden.
C.R.A.P Contrast The elements being very different from one element to the next. For example the title font size would be very large and the text information.
0202 IAT 102 Graphic Design Typography: origin of movable type Typeface Grid.
Corporate IdentityAndres Wanner, SIAT IAT 102 Graphic Design.
Stop Pollution Now! Or You Will Miss The Sun. By Henry Lo, Fred Wu & Lei Liang.
Introduction to Design Principles The Wonderful World of Page Design Contrast / Repetition / Alignment / Proximity / Color Theory ENGL 106 Fall 2012.
Design Trends Graphic Design has been around long before the computer…
The Elements of Typography. The Anatomy of Type Baseline: The invisible line where letters sit.
14-Aug-15 Design Principles. Design principles In The Non-Designer’s Design Book: Design and Typographic Principles for the Visual Novice, Robin Williams.
Elements and Principles of Graphic Design Communications Technology 11.
0808 IAT 102 Graphic Design Modernism and New Typography Grid Review.
09 IAT 102 Graphic Design.
Document Etiquette. White space An essential design element Should balance text and graphics Allows readers to digest what is being communicated Carries.
Design Principles for PowerPoint
Print Medium. • Advantages & Limitations • Typography • Readability • Layout.
Visual Design.  My first graphic design class ever was typography  draw the Futura R in black plaka.  type is the center of design.
Multimedia & The World Wide Web winny HCI 201 Multimedia and the www.
Introduction to Principles of Design. Basic Design Principles Contrast Contrast Repetition Repetition Alignment Alignment Proximity Proximity.
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,
Six Principles of Good Design
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO GRAPHIC DESIGN MOVEMENT, BALANCE, UNITY, CONTRAST, EMPHASIS, LINE, AND COLOR.
1 Introduction to Computer Graphics – CGS-1586C Spring Quarter 2011 Instructor: Amanda Dickinson Tues/Thurs from 6:00PM to 7:50 PM.
10 IAT 102 Graphic Design. 10 Review (Early Modern & New Typography) Swiss Style + New Typography Adrian Frutiger: Univers-Font Select project topic (vote)
Corporate IdentityAndres Wanner, SIAT IAT 102 Graphic Design.
Chapter 6 Repetition…. Objectives (1 of 2) Reinforce the importance of the principle of repetition. Understand the effect of repetition in a design. Appreciate.
Contrast Repitition Alignment Proximity Fonts Quizzzzz DESIGN PRINCIPLES AND FONT RULES
Design Principles - CARP Contrast Alignment Repetition Proximity Fonts Quiz.
ART ART ART Mr. Erdmans. Applied & Visual Arts  Graphic Design  Photography  Drawing  Painting  Printmaking.
0303 IAT 102 Graphic Design. Reminders: Draft 1 of project two – bring with you to Lab next week (see WebCT for requirements) If you do not have a team.
Desktop Publishing D ESIGN P RINCIPLES 1 “The point of design is to encourage and facilitate communication between the viewer and the media being viewed.
0707 IAT 102 Graphic Design Design Basics Design Tools.
0505 IAT 102 Graphic Design Design Basics Art Nouveau Modernism and New Typography How to present?
VISUAL RHETORIC All the C.R.A.P. you need to know… The Purdue Writing Lab.
Let’s Learn Visual Literacy. What is it telling you? 2 Please click on the graphic to see the answer!
Design Principles and Font Rules Katie Zilisch Contrast Repetition Alignment Proximity Font Quiz.
Power Point Graphic Design Principles. Symmetrical Balance Symmetry – equal on both sides This slide shows a symmetrical balance.
DESIGN PRINCIPLES Copyright © 2013 MyGraphicsLab / Pearson Education MyGraphicsLab: Adobe Photoshop CS6 ACA Certification Preparation for Visual Communication.
Index Contrast Repetition Alignment Proximity Font Styles Quiz Created by: Lauren Boresch.
Effective Poster Design: The Non-Designer’s Design Book by Robin Williams Dec 2010.
Four important design principles to improve your work
CRAP The Wonderful World of Page Design
What to know about Graphic designs?
Balance in Photography
Unit 2: Identifying design elements when preparing graphics
The Principles of Graphic Design
Design A unique Design is present in all things, whether they are natural or man-made, and a good design always attracts the eye It is a plan or drawing.
The Principles of Graphic Design
Composition and Design Techniques
Chapter 6.1 Visual Design.
09 IAT 102 Graphic Design.
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.
White Space Balance Shape
Chapter 6.1 Visual Design.
Design Principles 8-Dec-18.
Wolfgang & New Wave Design
CRAP The Wonderful World of Page Design
So what is Graphic Presentations
Introducing: CRAP TECH MENTORING
Design Principles 5-Apr-19.
“The point of design is to encourage and facilitate communication between the viewer and the media being viewed. Effective design initiates this connection.
Balance in Photography
Elements and Principles For Design!
Presentation transcript:

08 IAT 102 Graphic Design

08 Swiss Style Armin Hofmann Adrian Frutiger: Univers-Font Wolfgang Weingart: Typo-Punk Design Basics

What are the Principles of Swiss Design? (International Typographic Style)

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

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

Armin Hoffman

Armin Hoffman

Armin Hoffman “The viewers do not know it – but they can feel it”

Font Design (Swiss Style)

Leading refers to the thin strips of lead that divide the horizontal lines of type. A font size is determined by the entire piece of metal. Therefore, not all 10pt. fonts look exactly the same - they can have differing x-heights.

Univers, Adrian Frutiger, 1957

Helvetica, (Neue Haas Grotesk), Max Miedlinger 1957

http://www.anyonecanswiss.com/

Swiss Design (International Typographic Style) asymmetrical organization grid objective photography clear and factual sans serif typography Poster “the good shape” Emil Ruder

Wolfgang Weingart, Punk-Typographer

What are these Swiss designers best known for? (Tschichold, Ruder, Muller-Brockmann, Otl Aicher)

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

Design Basics

How do you lead users through information by visual means?

Style-Hints (or elements for good design): Hierarchy Balance Consistency / Repetition Contrast White space Gestalt-principles

hierarchy

What is the most important information? What should you see first? Second? hierarchy

balance

balance - symmetry

balance - asymmetry

balance – symmetry or asymmetry

contrast

visual contrast

Gestalt-principles: Proximity Similarity Good continuation Closure Uniform Connectedness Figure Ground

Proximity Information Design, Andres Wanner 2010 http://psychology.about.com/od/sensationandperception/ss/gestaltlaws.htm Information Design, Andres Wanner 2010

Similarity Information Design, Andres Wanner 2010

Good continuation Information Design, Andres Wanner 2010

Closure Information Design, Andres Wanner 2010

Uniform Connectedness http://www.andyrutledge.com/gestalt-principles-3.php Information Design, Andres Wanner 2010

figure/ground

Proximity Information Design, Andres Wanner 2010 http://psychology.about.com/od/sensationandperception/ss/gestaltlaws.htm Information Design, Andres Wanner 2010

Good continuation Information Design, Andres Wanner 2010

figure/ground

figure/ground

figure/ground

figure/ground

Announcements Next week: - quiz: all lectures + Lupton: GRID chapter This week: midterm-marks Please review IN DETAIL! your marks count as accepted, if you don’t dispute them before July 10th Questions, feedback, etc: Angela’s informal office hour, today 9:30-11 Blenz @ Mezzanine Erin, Leah office hours

fin

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

© 2024 SlidePlayer.com Inc. All rights reserved.