0202 IAT 102 Graphic Design. 0202 Typography: origin of movable type Typeface Grid.

Slides:

Advertisements

Similar presentations

The Key Element in Desktop Publishing Design

Advertisements

102 Font review Susan Clements-Vivian. Illuminated manuscript Psalter-Hours English, 13th Century A.D. Walters Art Museum, Baltimore, MD. Before the invention.

SM2222: Information Design and Visualization Session 3: Typography 23 September 2005.

0202 IAT 102 Graphic Design Typography Typeface Spacing.

More Information on Graphic Design & Color: A few pointers for your websites & other e- publications Dr. Jennifer Bowie.

Typography (The study of font).

Understanding editorial and print design. what is print media? Communications delivered via paper or canvas. Print media is a process for reproducing.

Typography the art of using (text) fonts and font styles to produce professional looking publications the art of using (text) fonts and font styles to.

Principles of Typography

Creating Accessible Presentations Training Guide.

Meaningful Jargon Or, All You Need to Know to Speak Like a Geek Design and Typography 3/3/98.

10 IAT 102 Graphic Design.

The Use of Typography in Print and Electronically. [typography] “exists to honour content” Robert Bringhurst, The Elements of Typographical Style.

08 IAT 102 Graphic Design.

Designing Pages and Screens Comm Arts II Mr. Wreford.

Graphic Design: An Overview for Effective Communication.

DESIGNING DOCUMENTS And page layout. What is document design?  Refers to page layout, that is, where the visuals and information are placed on a page.

Designing With Type part 1. “Everyone is a typographer now. How good a typographer you are is up to you!” - Jason Cranford (designer)

RIDDLE What goes around the world but stays in a corner?

Thinking with Type A Critical Guide for Designers, Writers, Editors, & Students ELLEN LUPTON v.

1.01A – What typefaces should be used for various displays?????

1.01 Investigate typefaces and fonts.

Investigating Texts What is Typography?. Simply put, typography is the study of type and letterforms. In our daily lives we are constantly surrounded.

Categories TYPE of Text is the most essential ingredient in design communication. With type you communicate in two distinct ways. The first message your.

Typography and Space for Web Design Important Issues From Web Style Guide.

 Layout – refers to the design and orderly formation of the various elements of an advertisement.  It is where & how you place the various elements.

09 IAT 102 Graphic Design.

_ The design universal principles Typography, Grids & Golden section

Chapter 8 Document Design 2 Page Layout

Elements of Visual Interface Design. Overview Layout Grid Systems Visual Flow Typography Typefaces Typographic Guidelines Colour Basics Materials & shape.

Document Etiquette. White space An essential design element Should balance text and graphics Allows readers to digest what is being communicated Carries.

Typography 2.01 Investigate typefaces and fonts..

DHS Graphic Design Typography. Type Alignment There are 5 types of type alignments: – Center – Left aligned – Right aligned – Justified – Or wrapped around.

Chapter 9 Text. So, chapter 10 is about Photography, now Chapter 9 is about text What should it look like, how big should it be, how do colors contrast,

Print Medium. Advantages & Limitations Typography Readability Layout.

Visual Rhetoric: Headers and Typography Professor Stevens Amidon Department of English and Linguistics, IPFW.

Desktop Publishing Your Guide to Concepts and Terminology.

All of the following terms describe parts of a font that give the eye visual clues to decoding the letters while reading. Many of these terms stem from.

INTRO TO TYPOGRAPHY BASICS Graphic Design II. What is Typography? the art or process of printing with type. In every piece of type you see, somebody has.

Graphic Design The term graphic design can refer to a number of artistic and professional disciplines which focus on visual communication and presentation.

Fun Damental Tech Talk History Highlights Typo File Star Struck $400 $600 $800 $1000 $200 $400 $600 $800 $1000 $200 $400 $600 $800 $1000 $200 $400 $600.

Typography and Illustrator The History of Typography & Using Illustrator to create.

Typography The Art of designing with words and letters.

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.

Introduction to Typography 09/5/2013 Typography IIntroduction to Typography.

INTRODUCTION TO TYPOGRAPHY WHAT IS TYPOGRAPHY? Typography: The study of all elements of type including the shape, size and spacing of the characters.

Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”

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

Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE.

Typography is the art and technique of arranging type in order to make language visible. - The arrangement of type involves the selection of typefaces,

Typography Classifying Typefaces. Typeface Classification - Serif, Sans and Script Type can be classified into 3 broad categories: SERIF, SANS SERIF and.

Headings and Text What makes headings stand out?.

Posters, Magazines, Websites

COM 365 Newspaper Layout & Design

March 2004Andrea Infantino©Copyright Jan 2006Adapted from A.Infantino©Copyright 2004 Visual Literacy A Critical Key to Effective Communication.

$1 Million $500,000 $250,000 $125,000 $64,000 $32,000 $16,000 $8,000 $4,000 $2,000 $1,000 $500 $300 $200 $100 Welcome.

Typography A Key Element in Design A. Definition of Typography Typography is the appearance and arrangement of the characters that make up text on a page.

Words are communication. What do they say? The meaning should come before the look of the type is considered. Choose typographic styles and sizes that.

Introduction to typography

The designer crafted word

Graphic Design Working with Type

The art of using text to produce professional looking publications.

Typography Typography is the art and technique of creating and composing type in order to convey a message. Words are communication. What do they say?

Treatments that effect typography

Study Guide By Tanner Galloway.

2.01 Investigate typefaces and fonts.

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.

2.01 Investigate typefaces and fonts.

Desktop Publishing Terminology

Presentation transcript:

0202 IAT 102 Graphic Design

0202 Typography: origin of movable type Typeface Grid

Design elements essential to good visual communication:  Shape and Form  Spatial Awareness (layout and grid systems)  Typography: understanding what type is + how to work with it  Dynamics, Emphasis and Contrast  Using Colour for emphasis, orientation or decoration

Typography Content and images taken from: Lupton’s Thinking with Type, Megg’s History of Graphic Design and Jubert’s Typography and Graphic Design

Psalter-Hours English, 13th Century A.D. Walters Art Museum, Baltimore, MD. Before the invention of the printing press, handwritten documents were riddled with errors. Scribes invented visual, artistic ways to salvage these laboriously crafted objects.

Illuminated Manuscripts (1342 A.D.) Celtic, 12 th century, Hungary

Early European block printing (1466 A.D.) - book design

Gutenberg’s moveable Type in Europe ( A.D.) metal type

Chinese movable type (c B.C.)

Letterpress technology a classic typographic page Typographic design is not only an act of mark making, but also of spacing.

Typographic design with white space Emil Ruder, 1967

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.

origin

Letter anatomy

Typeface Content and images taken from: Craig’s Designing with Type and Saffer’s Designing for Interaction

Typefaces commonly called fonts categorized into two groups called serif sans-serif

(top) Garamond circa 1500s and (bottom) Gill Sans 1927 typeface Serif typefaces are easy to read and are excellent for long passages of text (e.g. books) Sans-serif typefaces are generally used for shorter passages of text and for text that is meant to be scanned quickly (e.g. signage)

Typeface, serif + sans serif

Old Style Font: (Centaur) - Axis inclined - Moderate contrast

Transitional Font: (Baskerville) - Axis vertical - Moderate contrast

Modern Font: (Bodoni) - Axis vertical - strong contrast

Egyptian Font: (Rockwell) - low contrast - strong serifs

Sans Serif Font (Grotesque): (Helvetica) - no serifs

widow

A single line on the top of a page is also called widow

orphan if the first line of a paragraph appears on its own at the bottom of a page, we call it an orphan

widows and orphans

Typeface is an important choice in any visual interface, providing not only a platform for useable, readable, and clear labels and text, but also personality.

word spacing

line length

Grids

Grids are the underlying structure of any document.

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

A grid is a reusable system for multi-page and/or multi-issue publications.

single-column grid

multi-column grid

modular grid

How to work with a grid?

1. Select a page format and a type area

2. Divide type area into columns

3. Insert horizontal divisions

4. Choose appropriate font sizes

Josef Müller-Brockmann

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

Announcements: - Pop Quiz next week

fin