0202 IAT 102 Graphic Design. 0202 Typography Typeface Spacing.

Slides:

Advertisements

Similar presentations

The Art and Technique of Arranging Type

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.

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

Typography (The study of font).

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

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

10 IAT 102 Graphic Design.

08 IAT 102 Graphic Design.

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

The Elements of Typography. The Anatomy of Type Baseline: The invisible line where letters sit.

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.01 Investigate typefaces and fonts.

14-Aug-15 Design Principles. Design principles In The Non-Designer’s Design Book: Design and Typographic Principles for the Visual Novice, Robin Williams.

® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO TYPOGRAPHY DESIGN Vocabulary and Guidelines.

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.

_ The design universal principles Typography, Grids & Golden section

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

Fall Unit 2. Development Module 8: Typography & Design.

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.

Digital Interactive Media

Fonts! Week 3 – Intro to Desktop Publishing. Typography Definition: The study of type and its characteristics Type does many things – Conveys the message.

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.

TypographyBasics. Typography.

Typography The Art of designing with words and letters.

The art of using text to produce professional looking publications.

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”

Typograpy. Type Type - Categories Serif Fonts  Oldstyle  Transitional  Modern  Slab Serif Sans Serif Fonts Script Decorative Monospaced.

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

Typography 1.01 Investigate typefaces and fonts. (Rev. 2011)

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?.

COM 365 Newspaper Layout & Design

UNIT 4 - TYPOGRAPHY Digital Communications I. 3-D  an effect that gives the illusion of depth.

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.

Principles of Typography

Digital Interactive Media

Introduction to typography

Digital Interactive Media

Digital Interactive Media

Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.

Graphic Design Working with Type

Digital Interactive Media

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?

Vocabulary & Guidelines

2.01 Investigate typefaces and fonts.

The Art of Type 9/17/2018.

Typography The Art of designing with words and letters.

Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.

2.01 Investigate typefaces and fonts.

Principles of Typography

Digital Interactive Media

A Few Simple Type Rules Graphics Design Tech 1.

Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.

02 IAT 102 Graphic Design.

Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.

Presentation transcript:

0202 IAT 102 Graphic Design

0202 Typography Typeface Spacing

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

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

Chinese movable type (c AD)

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

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.

personality

“Typography is mostly an act of dividing a limited space.” Willi Baumeister, 1923.

Word spacingCharacter spacing (kerning) Linespacing (leading)

kerning

Flush left: the vertical alignment may seem irregular, especially when the first letter in each line is a cap. Letters having straight vertical strokes, such as B, E, F, H, I, M, N, P and R, align perfectly, while IRREGULAR CAP LETTERS SUCH AS A, C, J, O, T, V, W, AND Y, MUST BE ALIGNED OPTICALLY. kerning

optical letter spacing

word spacing

line length

Announcements: -Pop Quiz next week -Recognize fonts, Lupton, classification p. 42 -Read Sturken, Practices of looking

fin