Typography Concepts Typeface Anatomy Typeface Categories –Text –Display –Decorative Emphasis Strategies Point size/ Measure/ Leading.

Slides:



Advertisements
Similar presentations
The Art and Technique of Arranging Type
Advertisements

The Key Element in Desktop Publishing Design
MODULE 16: TYPOGRAPHY. Categories of typefaces share similar characteristics. Typefaces have families. Type is measured in points. Column widths should.
1 Tips You Need to Know. 2 In designing presentations…  Observe  Consistency, simplicity, neatness  present explanations  (if possible) using words.
More Information on Graphic Design & Color: A few pointers for your websites & other e- publications Dr. Jennifer Bowie.
Typography. Where can type face be found? What is the ultimate purpose? Why is it important?
Tools to Use in Your School GRAPHICDESIGN. SYMPTOMS Your design doesn’t look or feel right.
Typography (The study of font).
Session 2—Chapter 3 Visual Literacy Learn to See, See to Learn.
The art or process of printing with type Typography.
Desktop Publishing Ann Ware Fall, Desktop Publishing Using a computer with page-layout software to design, edit, and produce professional-looking.
Typography Usability & Readability
Typography Basic terminology/concepts
Chapter 10: TypographyCopyright © 2004 by Prentice Hall User-Centered Website Development: A Human- Computer Interaction Approach.
The Use of Typography in Print and Electronically. [typography] “exists to honour content” Robert Bringhurst, The Elements of Typographical Style.
Typography Principles Communications 320 Desktop Publishing.
SM5312 week 2: web design1 Web Typography Nick Foxall.
Chapter 10: TypographyCopyright © 2004 by Prentice Hall 10. Typography In this chapter you will learn about: The basic terminology and concepts of working.
TYPOGRAPHY vasuki belavadi reader dept. of communication s n school university of hyderabad.
Typography. What message do these fonts convey?  Jokerman  Old English Text  Brush Script  Curlz  Edwardian Script.
1.01 Investigate typefaces and fonts.
content/uploads/2010/03/Death_by_Typography_by_GCORE1.jpg.
Typofaces give voice to words Typefaces give voice to words.
Font The design of text – the general shape and style of a set of characters. One style and size of a particular typeface. Example: Palatino is a typeface,
Multimedia & Webpage Design
Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.
Web Fonts. Choosing Fonts for a Website: Only those fonts that are installed on our viewers' computers will display properly on our web pages. For this.
® 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.
Character Formatting MOAC Lesson 3.
Typography Conveys mood Communicates attitude. The Letters X-height –the height of the main body of a lower case letter (literally, the x) x j Cap height.
10. Typography The basic terminology & concepts of working with type
Fall Unit 2. Development Module 8: Typography & Design.
Typography 2.01 Investigate typefaces and fonts..
Art 368 WEB Design 1 Spring 2002 Type Two basic families:  Serif and Sans Serif Parts of all type Ascenders, descenders, baseline, etc. Leading= linespacing/paragraph.
Answer question 1. Answer question 2.
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.
MODULE 16: TYPOGRAPHY Typography Type selection starts with the BASICS of style and size. GROUPS OF TYPEFACES SHARE SIMILAR CHARACTERISTICS. TYPEFACES.
Aa Intro to Communications: Typography WATERFORD DISTRICT HIGH SCHOOL.
Design  Good design is good because of its fitness to a particular user fitness to a particular task  In general, you are not your user!  Our class.
Text and Fonts in CSS. Customizing fonts In CSS, fonts are divided into “font families” Only certain fonts are commonly installed on most computers Therefore.
TYPOGRAPHY 1.01 INVESTIGATE TYPEFACES AND FONTS..
A Quick Look at Graphic Design & Color: A few pointers for your websites Dr. Jennifer Bowie Electronic Writing & Publishing.
Typography The Science of Text. Fonts Style of type How many fonts in a document? Conservative--one font Typical--two fonts Use a third for emphasis.
Graphic Design  Graphic Design is a form of visual communication.  Communicate a message  Using typography and graphic elements.
TYPOGRAPHY.
Headings and Text What makes headings stand out?.
Typography Chapter 10: TypographyCopyright © 2004 by Prentice Hall.
Typography. The Target Audience Publications are created to convey a message to the intended audience, called the target audience. The target audience.
What are we interested in? 1. Understand Design 0 2. Digital Image design 3 3. Time-based media Webpage design 2 1.
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.
Changing Font After the background, the font is one of the first things people sees.
Design and Typography Chapter Designing a Publication Designing is the process of determining the format and layout, then creating Format: how and.
TYPOGRAPHY in Design. OBJECTIVES 1. Understand typographic terms and measurement systems. 2. Learn how to select typefaces appropriate to a project's.
Graphic Design Mrs. Lacks. Typography Is the art and skill of arranging text so that language is visible Essentially, all forms of writing are typography.
Digital Interactive Media
Typography Usability & Readability
google. ca/imgres. imgurl= braincrumbtrail
2.01 Investigate typefaces and fonts.
The Art of Type 9/17/2018.
2.01 Investigate typefaces and fonts.
Source: Digital Desktop Publishing--Font Basics
Typography is the strategic use of type to create texture, hierarchy, organization, and clear communication.
Desktop Publishing Terminology
Typography Usability & Readability
Typography.
Typography Usability & Readability
ATLAS WEB Web Typography.
Presentation transcript:

Typography Concepts Typeface Anatomy Typeface Categories –Text –Display –Decorative Emphasis Strategies Point size/ Measure/ Leading

Typeface Anatomy

Typeface Categories- Text Designed for readability over long passages Typically serif Times New Roman Bookman Georgia Verdana

Typeface Categories- Display Designed for titles and headings Typically sans-serif Ariel Trebuchet Verdana Tahoma Bernhardt Modern Roman

Typeface- Decorative Designed for stylistic reasons Typically unprofessional or illegible Comic Sans Jokerman Edwardian Script Rosewood

Emphasis Strategies Bold Italics Underline ALL CAPS S MALL C APS Point size Alignment

Point Size, Measure, and Leading Point size: Height of typeface, point: 1/72 inch. Measure: Line length Leading Space between lines

Rules of Thumb Balance the point size and measure so no more than two lowercase alphabets can fit on each line. Balance point size and measure so nine to ten words averaging 5 ½ characters fill the measure. Balance point size and measure so each measure contains between 27 and 70 characters, ideally around 40. With longer measures more leading is needed to help readers find the next line. Display type often needs negative leading