TYPOGRAPHY. ascender arm (as on the capital T) descender bar (as on the capital H) counter ear (as on the lower case g and r)

Size: px
Start display at page:

Download "TYPOGRAPHY. ascender arm (as on the capital T) descender bar (as on the capital H) counter ear (as on the lower case g and r)"

Transcription

1 TYPOGRAPHY Parts of letters: base line x-height ascender arm (as on the capital T) descender bar (as on the capital H) extenders bowl counter ear (as on the lower case g and r) serif stroke tail (as on the capital Q) terminal (finishing stroke) Terminology: Uppercase/lower case Text type Leading Letter spacing Tracking Small caps Display type Kerning Word spacing Ligature

2 Type groupings I. Races A. Text type or black letter This is Old English. Many newspapers use this for their flags, but it is hard to read for text. B. Roman 1. old style This is Times Roman, the workhorse of the newspaper world. This is Garamond, your instructor s favorite font. 2. transitional Baskerville was invented by an Englishman. 3. modern This is an example of Bodoni, which was drawn by an Italian of the same name. This is another modern roman. You can tell by the extreme differences in the thicks and thins.

3 C. Square serif (also called Egyptian, block serif or slab serif) This is Rockwell bold. This is Playbill, a common font used in Wanted posters. D. Sans serif This is Arial, a face similar to Helvetica. It has a large x-height. This sans serif is called Gill Sans. E. Cursive or script (Note: this is NOT italic.) This is a script face called Palace Script. This is Edwardian Script. Much easier to read. F. Novelty This is Comic Sans. Please, please, don t ever use it. This is Broadway. This is Jokerman. Yikes!

4 II. Families Differences based on: A. Width (ranges from condensed to expanded) This is Arial condensed. This is Arial narrow. B. Weight (ranges from light to black) C. Form (roman and italic) This is Arial black. Roman refers to upright letters. Italic refers to slanted letters. III. Font A complete set of one member of a family. Includes upper and lowercase type, punctuation, numbers and symbols. abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ fl!@#$%^&*() Note: Some fonts, such as Copperplate or Engravers mt, have ONLY uppercase letters! IV. Series From metal type days: The ranges of sizes available in one family. (We don t have to worry about this now, as computers allow us to have type any size we wish.)

5 Identifying type 1. Serifs 2. Terminators on tops of the E, F or T 3. Weight of strokes 4. Shape of rounded characters BCGOPQbcgopq 5. Length of descenders 6. Formation of terminals on J and F 7. Formation of the ears (look at r and g) 8. The shapes of key letters (a,e,g,r, m, H) 9. General proportions 10. Overall appearance on the page Type considerations: Use sparingly: Type in color Type on photos Outline fonts Do not mix: Scripts, novelties, black letters. Only pair sans serifs with these. Do not italicize or bold: Script Black letter Novelty

6 Watch your letterspacing and kerning! Um? Tomado Watch? History Individual letters kept in a job case; assembled by a handpegger and returned to case by printer s devil In the 1880s, Mergenthaler invented Linotype. Casted the type each time: hence, hot type Today, cold type or computer generated

7 Legibility: The measurement of the speed and accuracy with which type can be read and understood. Readability: The measurement of the difficulty of the content. Nine factors determining legibility: 1. Reader interest 2. Type design For text, use a serif or sans serif face. 3. Type size 9-12 points is easiest to read. x-height is a more accurate measurement of size. 4. Line width For 9-12 point text, no less than 8 picas and no more than 18 picas wide. If the text is larger than 12 point, it can be set wider. 5. Word spacing and letter spacing It is harder to read widely spaced words. It is harder to read words with tight letter spacing. 6. Leading Type with large x-height needs more leading. Sans serif type needs more leading. Headlines need less leading. 7. Form Bold Italics ALL CAPS Justified vs. ragged right 8. Contrast Reverse type (white on black) Color screens 9. Reproduction

8 Using Type When selecting a headline typeface, consider: 1. Legibility. 2. The image the paper wants to project. 3. Tradition/credibility. 4. Mood/lifestyle of the community or audience. Ways to assure contrast in headlines: 1. Choose 1 weight and use size differentiation. 2. Choose 1 face and 2 or more weights. 3. Choose 1 face and use form differentiation. 4. Choose different but complementary faces. Do not mix faces from the same race (i.e., Helvetica and Futura). Look for contrasting characteristics (i.e., uniform strokes in a sans serif with bold and light strokes in a serif. When using a novelty face for an art head, use a sans serif to complement, not a serif.

9 Type should communicate, not decorate Type should communicate, not decorate

Font classification review

Font classification review Font classification review Taken from Lettering & Type by Bruce Willen Nolen Strals Old Style Transitional Modern Slab Serif Garamond ag Baskerville ag Bodoni ag Cowboys ab Sans Serif Gill Sans ag Decorative

More information

MODULE CM 2004 / STAGE 2 / SEMESTER 2 / SESSION Module title Design Principles and Context

MODULE CM 2004 / STAGE 2 / SEMESTER 2 / SESSION Module title Design Principles and Context MODULE CM 2004 / STAGE 2 / SEMESTER 2 / SESSION 06-07 Module title Design Principles and Context Typography Fonts are classified under the following headings. Old Face fonts make use of contrasting wide

More information

VOICE OF TYPE LECTURE 1

VOICE OF TYPE LECTURE 1 VOICE OF TYPE LECTURE 1 TYPOGRAPHY II COUNTY COLLEGE OF MORRIS PROFESSOR GAYLE REMBOLD FURBERT VOICE OF TYPE As you look at typefaces, analyze their forms, learn their history and learn how to use them

More information

TYPE ANATOMY jtittle

TYPE ANATOMY jtittle TYPE ANATOMY TYPE ANATOMY TITTLE j Serif Typefaces Tt HUMANIST (a.k.a. Old Style ) - Modeled after the roman typefaces of 15 th & 16 th centuries - Closely related to calligraphy and hand movement CLASSIC

More information

jasonjuwono twentyfifteen TYPEDIA _ Typography Encyclopedia

jasonjuwono twentyfifteen TYPEDIA _ Typography Encyclopedia TYPEDIA _ Typography Encyclopedia ANATOMY_ Anatomy of a typeface Anatomy of a typeface What is a Font & Typeface? A design for a set of characters. A font is the combination of typeface and other qualities,

More information

Typography One typeface classification

Typography One typeface classification Typography One typeface classification Why classify? Classification helps us describe and navigate type choices Typeface classification helps to: 1. sort type (scholars, historians, type manufacturers),

More information

Font Basics. Descender. Serif. With strokes on the extremities of the letters. T Script. Sans-Serif. No strokes on the end of the letters

Font Basics. Descender. Serif. With strokes on the extremities of the letters. T Script. Sans-Serif. No strokes on the end of the letters Font Basics Ascender Font Size d p x A X-height Cap height Counter The white space within letters Descender Bar A Serif With strokes on the extremities of the letters. T A Sans-Serif No strokes on the

More information

Font, Typeface, Typeface Family. Selected Typographical Variables

Font, Typeface, Typeface Family. Selected Typographical Variables Font, Typeface, Typeface Family Font: A font is a set of printable or displayable text character in a specific style, weight, and size. E.g. Helvetica Italic 10 Point. Typeface: The type design for a set

More information

Typefaces are character sets based on distinct design characteristics.

Typefaces are character sets based on distinct design characteristics. Level 3 WGHS VISUAL ARTS 2011 ART DESIGN Typography An Introduction to Type Type Design Since the first recordings of letterforms the concept of the typographic form has evolved into a seemingly endless

More information

Alphabet. elemental visual signs 26 characters frozen sounds

Alphabet. elemental visual signs 26 characters frozen sounds Alphabet elemental visual signs 26 characters frozen sounds Evolution Handwriting > minimum number of strokes Engraving > lowercase > minimum number of curved lines > capitals Letterforms Appearance of

More information

BASIC ABOUT TYPE TYPO GRAPHY

BASIC ABOUT TYPE TYPO GRAPHY BASIC ABOUT TYPE TYPO GRAPHY TYPOGRAPHY BASIC DESIGN Relative & Absolute measurements Absolute measurements Inche : Millimetres : Points : Pica 3 Inches 76.2 mm 216 Points 18 Picas 1 Inches = 3 Picas A

More information

Putting type on a page without incorporating typographic principles is merely word processing. Terry Rydberg, Author Exploring InDesign 3

Putting type on a page without incorporating typographic principles is merely word processing. Terry Rydberg, Author Exploring InDesign 3 Putting type on a page without incorporating typographic principles is merely word processing. Terry Rydberg, Author Exploring InDesign 3 Typography The study of all elements of type as a means of visual

More information

> what is a font? Times New Roman [10 pts] Times New Roman [12 pts] Times New Roman [14 pts] Times New Roman [18 pts] Times New Roman [24 pts]

> what is a font? Times New Roman [10 pts] Times New Roman [12 pts] Times New Roman [14 pts] Times New Roman [18 pts] Times New Roman [24 pts] > what is a font? > what is a font? A font is set of glyphs (or images) that represent a complete series of alphabetic and numeric characters, punctuations and symbols in a particular size and style (or

More information

understanding typography

understanding typography understanding typography What is typography?! it is what language looks like! it is the art and technique of modifying type and arranging it on a page What does the arrangement of type mean? the arrangement

More information

Project 2 reminders: Hand in your typed book summary/response at end of class today. Make sure to include your name and section.

Project 2 reminders: Hand in your typed book summary/response at end of class today. Make sure to include your name and section. Project 2 reminders: Hand in your typed book summary/response at end of class today. Make sure to include your name and section. Project 2 reminders: First book cover critique this Friday. Bring 3 book

More information

TYPE BASICS Cartographic Design & Principles Winter 2016

TYPE BASICS Cartographic Design & Principles Winter 2016 TYPE BASICS Cartographic Design & Principles Winter 2016 Words on a Map Everything on the Earth has a name Names on a map, make it a map Otherwise it is a picture, photograph or design Assigning names

More information

Principles of Typography

Principles of Typography Principles of Typography Different fonts send a different message to the reader. Categories: Sans serif Serif Script Decorative Fonts Sans-serif Fonts Easy to read, especially online Modern and clean Good

More information

In your lifetime you ve seen billions of letters and millions of words, yet you might never have consciously noticed the typefaces you read.

In your lifetime you ve seen billions of letters and millions of words, yet you might never have consciously noticed the typefaces you read. In your lifetime you ve seen billions of letters and millions of words, yet you might never have consciously noticed the typefaces you read. Type is important because it is an unconscious persuader. It

More information

TYPOGRAPHY. The art of type

TYPOGRAPHY. The art of type Typography TYPOGRAPHY The art of type TYPE All the letters (abc), Numbers (123) & characters (;? @) of the alphabet. MONOTYPE Trade name for hot metal composition system Monotype Corporation Machine Shop

More information

Unit 3--Alignment, Formatting Font--Size, Color, Style [Bold, Italic, and Underline] Block

Unit 3--Alignment, Formatting Font--Size, Color, Style [Bold, Italic, and Underline] Block Unit 3--Alignment, Formatting Font--Size, Color, Style [Bold, Italic, and Underline] Block Use the mouse pointer to select the text (or put a blue highlight behind it). Then, make the changes you need.

More information

ASerif. AfbcyE TYPE AND LETTERS

ASerif. AfbcyE TYPE AND LETTERS TYPE AND LETTERS Before 1455 books were made by hand. Only the wealthy could afford a book. A book could cost as much as an acre of land. Say! you bought two books for this class that will be $800,000

More information

Modifying Type: effects of a letter change COLDS

Modifying Type: effects of a letter change COLDS Modifying Type Modifying Type The goal of good typography is like fabric. It should be evenly woven together where all facets and all parts of the letter forms work together. Sometimes if you have one

More information

Typography One typeface classification

Typography One typeface classification Typography One typeface classification Why classify? Classification helps us describe and navigate type choices Typeface classification helps to: 1. sort type (scholars, historians, type manufacturers),

More information

serif: the short strokes that finish off the major strokes of the letterform. bracket: a curving joint between the serif and the stroke

serif: the short strokes that finish off the major strokes of the letterform. bracket: a curving joint between the serif and the stroke PARTS OF THE LETTER Typography evolved from handwriting, which is created by making a series of marks by hand; therefore, the fundamental element constructing a letterform is the linear stroke (stem).

More information

Elements of typographic design

Elements of typographic design Type Terminology Serif fonts Sans serif fonts Elements of typographic design Times News Roman Ariel Verdana Calligrapher 24 pt 20 pt 14 pt 10 pt Univers 45 Light Univers 45 condensed light Univers 55 Univers

More information

LESSON 7 Introduction to Typography

LESSON 7 Introduction to Typography FOUNDATION IN GRAPHIC DESIGN with ADOBE APPLICATIONS LESSON 7 Introduction to Typography Summary Notes WHAT IS TYPOGRAPHY? Typography is, quite simply, the art and technique of arranging type. Typography

More information

Pre-Venetian or Ancient Humanist or Venetian Transitional Didone Slab Serifs

Pre-Venetian or Ancient Humanist or Venetian Transitional Didone Slab Serifs Pre-Venetian or Ancient Humanist or Venetian Transitional Didone Slab Serifs 1400 1500 1700 1800 Humanist Sans Serif Transitional Sans Serif Geometric Sans Serif Display Typefaces 1900 2000 Pre-Venetian

More information

Introduction A global icon needs an iconic logo. Fashion has evolved since 1969, when Gap opened its first store. Our logo has changed with the

Introduction A global icon needs an iconic logo. Fashion has evolved since 1969, when Gap opened its first store. Our logo has changed with the Introduction A global icon needs an iconic logo. Fashion has evolved since 1969, when Gap opened its first store. Our logo has changed with the times, too. One thing that hasn t changed is our mission

More information

CNOOC Nexen Employer Brand Guidelines. A New Energy

CNOOC Nexen Employer Brand Guidelines. A New Energy CNOOC Nexen Employer Brand Guidelines A New Energy Corporate Colours The primary colour palette is used in the logo. The extended colour palette is built with a range of blues to create a spectrum that

More information

WEB TYPOGRAPHY FOR WEB DEVELOPERS. Matej Latin Lead UX/UI Designer at Autotrader.co.uk

WEB TYPOGRAPHY FOR WEB DEVELOPERS. Matej Latin Lead UX/UI Designer at Autotrader.co.uk WEB TYPOGRAPHY FOR WEB DEVELOPERS Matej Latin Lead UX/UI Designer at Autotrader.co.uk 1 A MEANINGFUL WEB TYPOGRAPHY STARTER KIT 2 Most people think typography is about fonts. Most designers think typography

More information

Unit 4. Multimedia Element: Text. Introduction to Multimedia Semester 2

Unit 4. Multimedia Element: Text. Introduction to Multimedia Semester 2 Unit 4 Multimedia Element: Text 2017-18 Semester 2 Unit Outline In this unit, we will learn Fonts Typography Serif, Sans Serif, Decorative Monospaced vs. Proportional Style Size Spacing Color Alignment

More information

OUR TYPOGRAPHY APPROVED UNIVERS FONTS. Univers 65 Bold Univers 65 Bold Oblique Univers 75 Black Univers 75 Black Oblique

OUR TYPOGRAPHY APPROVED UNIVERS FONTS. Univers 65 Bold Univers 65 Bold Oblique Univers 75 Black Univers 75 Black Oblique BRAND TYPOGRAPHY For Internal Use Only Not For Use With The Public. For help and guidance on our brand standards, contact marketinginbox@firstcommand.com. 63 OUR TYPOGRAPHY Typography is a powerful extension

More information

BRAND. For Internal Use Only Not For Use With The Public. For help and guidance on our brand standards, contact

BRAND. For Internal Use Only Not For Use With The Public. For help and guidance on our brand standards, contact BRAND TYPOGRAPHY. 1 OUR TYPOGRAPHY. Typography is a powerful extension of our brand s personality. It plays an important role in creating a consistent look for First Command across all communications and

More information

Introduction to Multimedia. MMP100 Spring 2016 thiserichagan.com/mmp100

Introduction to Multimedia. MMP100 Spring 2016 thiserichagan.com/mmp100 Introduction to Multimedia MMP100 Spring 2016 profehagan@gmail.com thiserichagan.com/mmp100 Troubleshooting Check your tags! Do you have a start AND end tags? Does everything match? Check your syntax!

More information

The Evolution of Type. Movable Type: Johannes Gutenberg Early 15th Century

The Evolution of Type. Movable Type: Johannes Gutenberg Early 15th Century The Evolution of Type Movable Type: Johannes Gutenberg Early 15th Century Studio on Fire: Minneapolis Anatomy of Type cap height cross bar Anatomy n bowl describes g counter ascender finial stem type eye

More information

TEXT MEDIA AND INFORMATION

TEXT MEDIA AND INFORMATION TEXT MEDIA AND INFORMATION Objectives Identify the basic elements in creating a text-based presentation. Evaluate the text-based presentation through the design principles and elements. But we know, irl,

More information

Typography. is the foundation of good web design

Typography. is the foundation of good web design Typography is the foundation of good web design my name is Samantha Warren I am a web designer for Viget Labs I teach web & graphic design at the Center for Digital Imaging Arts at Boston University &

More information

5. Text CHAPTER HIGHLIGHTS 10/12/2016 CHAPTER. Text tradition. Codes for computer text. t. Font technologies. Multimedia text.

5. Text CHAPTER HIGHLIGHTS 10/12/2016 CHAPTER. Text tradition. Codes for computer text. t. Font technologies. Multimedia text. CHAPTER 5. Text CHAPTER HIGHLIGHTS Text tradition. Codes for computer text. t Font technologies. Multimedia text. Guidelines for use of text in multimedia. 2 1 POWERS OF TEXT Multimedia developers value

More information

GRAPHIC IDENTITY DESIGN GUIDELINES

GRAPHIC IDENTITY DESIGN GUIDELINES GRAPHIC IDENTITY DESIGN GUIDELINES Basic guidelines and the reproduction materials necessary for the consistent and successful implementation of the new graphic identity for the Denver Performing Arts

More information

How Typography Determines Readability: Serif vs. Sans Serif, and How To Combine Fonts.

How Typography Determines Readability: Serif vs. Sans Serif, and How To Combine Fonts. 18/03/2018 How Typography Determines Readability: Serif vs. Sans Serif, and How To Combine Fonts. Harshita Arora Follow 16 y/o entrepreneur & programmer. Formerly at Salesforce and MIT Launch. Creator

More information

Graphic Design. shawacademy LESSON 5. summarynotes INTRODUCTION TO TYPOGRAPHY. For further questions visit us online at:

Graphic Design. shawacademy LESSON 5. summarynotes INTRODUCTION TO TYPOGRAPHY. For further questions visit us online at: shawacademy Graphic Design LESSON 5 INTRODUCTION TO TYPOGRAPHY summarynotes The Diploma in Graphic Design Toolkit For further questions visit us online at: www.shawacademy.com Lesson 5 S shawacademy Lesson

More information

THINGS YOU NEED TO KNOW

THINGS YOU NEED TO KNOW TYPOGRAPHY THINGS YOU NEED TO KNOW to prevent your work from appearing amateurish. (p. 151) Only one space after punctuation (p. 152) What is monospaced type? (p. 152) Correct Quotation Marks (as soon

More information

Accessible Documents & Presentations. By Amy Maes, DNOM

Accessible Documents & Presentations. By Amy Maes, DNOM Accessible Documents & Presentations By Amy Maes, DNOM 1 Overview Accessibility: What am I required to do? Disability Characteristics Creating an Accessible Word Document & PowerPoint Presentation v2010

More information

Windows Standard Fonts

Windows Standard Fonts Agency FB algerian Arial Arial Black Arial Narrow Arial Rounded MT Baskerville Old Face Bell MT Berlin Sans FB Bernard MT Condensed Blackadder ITC Bodoni MT Bodoni MT Condensed Bookman Old Style Book Antiqua

More information

EnvSci360 Computer and Analytical Cartography

EnvSci360 Computer and Analytical Cartography EnvSci360 Computer and Analytical Cartography Lecture 5 Working with Type and Labels Key Points Labels are text that locate and identify features on a map Important for readability & communication EnvSci

More information

LOGO & BRAND STANDARDS GUIDE

LOGO & BRAND STANDARDS GUIDE LOGO & BRAND STANDARDS GUIDE INTRODUCTION The SparkPost Brand Standards Guide provides key information needed to accurately and consistently produce external and internal documents and communications.

More information

CANES COMMUNITIES REGIONAL VISUAL IDENTITY MANUAL. March 2015

CANES COMMUNITIES REGIONAL VISUAL IDENTITY MANUAL. March 2015 CANES COMMUNITIES REGIONAL VISUAL IDENTITY MANUAL March 2015 Table of Contents Identity Introduction................................................. 1.0 Using This Manual... 1.1 Identity Policy.........................................................

More information

Graphic Standards Manual. Athletics

Graphic Standards Manual. Athletics Graphic Standards Manual Athletics 63 GRAPHIC STANDARDS MANUAL ATHLETICS FLAGS 64 HAS TWO ATHLETICS FLAGS. Athletics Flags Monmouth College has two athletics flags, and they are routinely displayed during

More information

8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2)

8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2) Web Development & Design Foundations with HTML5 Ninth Edition Chapter 3 Configuring Color and Text with CSS Slides in this presentation contain hyperlinks. JAWS users should be able to get a list of links

More information

Chapter 12: FORMATTING TEXT

Chapter 12: FORMATTING TEXT Disclaimer: All words, pictures are adopted from Learning Web Design (3 rd eds.) by Jennifer Niederst Robbins, published by O Reilly 2007. PART III: CSS FOR PRESENTATION Chapter 12: FORMATTING TEXT CSc2320

More information

Typography/ Layout and Design

Typography/ Layout and Design Typography/ Layout and Design What is typography? It s the study and science of fonts. Using typography is almost an art, and it takes practice to learn to use it correctly. Type is not just text that

More information

Web Site Design and Development Lecture 6

Web Site Design and Development Lecture 6 Web Site Design and Development Lecture 6 CS 0134 Fall 2018 Tues and Thurs 1:00 2:15PM Inheritance Before we talk about font properties, it needs to be known that font properties are inherited by the descendants

More information

Typesetting Tips. Put your best type forward.

Typesetting Tips. Put your best type forward. Typesetting Tips Put your best type forward. Do you want your audience to read your document? Improve your chances by making your article easy to read. Make the document difficult to read and To learn

More information

The Visual Scientist Presents Poster Design

The Visual Scientist Presents Poster Design The Visual Scientist Presents Poster Design layout fonts science! Hailpern & Danilevsky www.thevisualscientist.com Topics Covered This is a how-to-guide for effectively presenting scientific work in the

More information

BBN ANG 183 Typography Text colour: vertical and horizontal spacing

BBN ANG 183 Typography Text colour: vertical and horizontal spacing BBN ANG 183 Typography Text colour: vertical and horizontal spacing Zoltán G. Kiss & Péter Szigetvári Dept of English Linguistics, Eötvös Loránd University gkz & szp (delg) typo/spacing 1 / 43 outline

More information

section four typography contents introduction...44 helvetica neue...45 bodoni...46 examples of type usage...47 body text examples...

section four typography contents introduction...44 helvetica neue...45 bodoni...46 examples of type usage...47 body text examples... section four typography 43 contents introduction...44 helvetica neue...45 bodoni...46 examples of type usage...47 body text examples...48 introduction Consistent application of type fonts and styles allows

More information

The building block of a CSS stylesheet. A rule consists of a selector and a declaration block (one or more declarations).

The building block of a CSS stylesheet. A rule consists of a selector and a declaration block (one or more declarations). WDI Fundamentals Unit 4 CSS Cheat Sheet Rule The building block of a CSS stylesheet. A rule consists of a selector and a declaration block (one or more declarations). Declaration A declaration is made

More information

In your lifetime you ve seen billions of letters and millions of words, yet you might never have consciously noticed the typefaces you read.

In your lifetime you ve seen billions of letters and millions of words, yet you might never have consciously noticed the typefaces you read. In your lifetime you ve seen billions of letters and millions of words, yet you might never have consciously noticed the typefaces you read. Type is important because it is an unconscious persuader. It

More information

Baskerville. abcdefghijk For fun I like to jump cars while reading a quote by Albert Einstein.

Baskerville. abcdefghijk For fun I like to jump cars while reading a quote by Albert Einstein. serif Baskerville page 2 Baskerville page 3 Baskerville Baskerville Regular 26/28 while reading a quote by Baskerville italic 26/28 quote by Baskerville Semi bold 24/30 quote by Baskerville bold 24/26

More information

Graphic Standards 1/28/13

Graphic Standards 1/28/13 Graphic Standards 1/28/13 All electronic logo files can be downloaded at: www.brentredmond.com/art Logo Application Guidelines The Brent Redmond Transportation, INC Logo The Brent Redmond Transportation,

More information

What is Accessibility?

What is Accessibility? Email Accessibility What is Accessibility? 1. Extent to which a consumer or user can obtain a good or service at the time it is needed. 2. Ease with which a facility or location can be reached from other

More information

User-Centered Website Development: A Human- Computer Interaction Approach

User-Centered Website Development: A Human- Computer Interaction Approach User-Centered Website Development: A Human- Computer Interaction Approach Daniel D. McCracken City College of New York Rosalee J. Wolfe DePaul University With a foreword by: Jared M. Spool, Founding Principal,

More information

Franklin Gothic. Seniors: Use larger text that is clear and legible. (Souvenir, Times, Garamond, Helvetica)

Franklin Gothic. Seniors: Use larger text that is clear and legible. (Souvenir, Times, Garamond, Helvetica) one TYPOGRAPHY LECTURE: Do s and Don t s in Typography Do Build a basic library first. Find out who your audience is. Use appropriate type sizes. Celebrate white space. Use correct alignment. Use correct

More information

fonts Some famous (and infamous) fonts

fonts Some famous (and infamous) fonts fonts It s easy to forget that fonts have been around for hundreds of years, and the writing styles of ancient cultures have influenced their creation for thousands of years. The people who design fonts

More information

> Introduction to the Art of Typography: The Invisible Force of Design > Using Typography as a Creative Tool: Introducing Text as Art

> Introduction to the Art of Typography: The Invisible Force of Design > Using Typography as a Creative Tool: Introducing Text as Art MMA 100 Foundations of Digital Graphic Design Clare Ultimo > Introduction to the Art of Typography: The Invisible Force of Design > Using Typography as a Creative Tool: Introducing Text as Art Typography

More information

Adjust the point size

Adjust the point size Adjust the point size create contrast small and dark Strive for contrast rather than harmony. Mixing typefaces on the same line, designers usually adjust the point size so the x-heights align. Placing

More information

INTRODUCING THE Transition family

INTRODUCING THE Transition family INTRODUCING THE Transition family A TYPFACE DESIGNED BY JAN ERASMUS CIRCA 2006 INFORMATION GUIDE RELEASED AND DISTRIBUTED BY: Cybergraphics.bz ALSO DISTRIBUTED BY: Fonts.com Linotype.com ITC.com Transition

More information

Designing Research Posters. College of Art and Design Chris Jackson, Associate Dean Keli DiRisio, Assistant Professor

Designing Research Posters. College of Art and Design Chris Jackson, Associate Dean Keli DiRisio, Assistant Professor Designing Research Posters College of Art and Design Chris Jackson, Associate Dean Keli DiRisio, Assistant Professor Size and Orientation If you are NOT using the poster template: Start is with a 48"

More information

Friendly Fonts for your Design

Friendly Fonts for your Design Friendly Fonts for your Design Choosing the right typeface for your website copy is important, since it will affect the way your readers perceive your page (serious and formal, or friendly and casual).

More information

This file includes FILLABLE FORM FIELDS. Enter your answers and then save the form as a PDF with your name to submit. Ex: 4CChrisJohnson.pdf.

This file includes FILLABLE FORM FIELDS. Enter your answers and then save the form as a PDF with your name to submit. Ex: 4CChrisJohnson.pdf. BASIC SKILLS: TYPOGRAPHY This file includes FILLABLE FORM FIELDS. Enter your answers and then save the form as a PDF with your name to submit. Ex: 4CChrisJohnson.pdf Kristy Ryan Name: Overview Complete

More information

Trust runs deep. Brand Communications Guidelines. Version 12.1,

Trust runs deep. Brand Communications Guidelines. Version 12.1, Trust runs deep Brand Communications Guidelines Version 12.1, 08.25.2017 Flint & Walling logo lockup Flint & Walling logo script (includes the Zoeller Meatball) Flint & Walling logo name bar Flint & Walling

More information

Logos. North Dallas Shared Ministries

Logos. North Dallas Shared Ministries Brand Guidelines Logos The NDSM logo stands at the center of the NDSM brand. For this reason it must be reproduced and applied with consistency in all of our brand communications. It is essential that

More information

CSS. Text & Font Properties. Copyright DevelopIntelligence LLC

CSS. Text & Font Properties. Copyright DevelopIntelligence LLC CSS Text & Font Properties 1 text-indent - sets amount of indentation for first line of text value: length measurement inherit default: 0 applies to: block-level elements and table cells inherits: yes

More information

Typography Main typography EC Square Sans Pro

Typography Main typography EC Square Sans Pro 1.4 Typography 33 Main typography EC Square Sans Pro EC Square Sans Pro is the mandatory font for the Commission s logo, images incorporating texts and for professional publications. Three main weights

More information

SUCCESSFUL TYPE? Interface Aesthetics

SUCCESSFUL TYPE? Interface Aesthetics TYPO GR AP HY SUCCESSFUL TYPE? SUCCESSFUL TYPE? TYPOGRAPHY 1 2 TYPOGRAPHY /t 'p gr fi/ n. The art or process of setting and arranging types and printing from them. The style and appearance of printed

More information

Introduction. ThinManager - A Rockwell Automation Technology

Introduction. ThinManager - A Rockwell Automation Technology 1220 Old Alpharetta Road, Suite 390 Alpharetta, Georgia 30005 www.thinmanager.com info@thinmanager.com OFFICE 678-990-0945 Introduction... 1 Logo... 2 Clear space and minimum size... 3 Primary color palette...

More information

Character Formatting. Formatting the Text in Text Frames

Character Formatting. Formatting the Text in Text Frames FIGURE 4-1 Formatting the Text in Text Frames CHAPTER 4. TYPE 199 Use the Selection tool to select the text frames you want to format and apply formatting. InDesign applies the formatting to all of the

More information

Logo Style Guide. February 20, 2008

Logo Style Guide. February 20, 2008 Logo Style Guide February 20, 2008 Table of Contents Communicating the Plexera Brand. 1 The Plexera Logo. 2 Using the Plexera Logo. 3 Color Palette. 4 Logo Don ts. 5 Typefaces. 6 Product Naming Typography.

More information

ALL CAPS Text set completely in UPPERCASE or all capital letters. Also refered to as: Uppercase

ALL CAPS Text set completely in UPPERCASE or all capital letters. Also refered to as: Uppercase ALIGNMENT Refers to lining up the top, bottom, sides, or middle of text or graphic elements on a page. Horizontal text alignment is referred to as Flush-left, Left-justified or Ragged right Flush-right,

More information

Digital Media, UX-UI Design > Website Principles

Digital Media, UX-UI Design > Website Principles Contents At a glance: Page layout header To ensure the correct appearance of our brands in a broad spectrum of applications with a web front end, uniform treatment of design elements is an absolute necessity.

More information

Document and Web design has five goals:

Document and Web design has five goals: Document and Web design has five goals: to make a good impression on readers to help readers understand the structure and hierarchy of the information to help readers find the information they need to

More information

Name: Class: Teacher:..

Name: Class: Teacher:.. Name: Class: Teacher:.. Introduction Desktop publishing (DTP) is the process of designing newspapers, magazines, books, leaflets, booklets and reports on a computer. The industry that produces these items

More information

Adobe Photoshop CS Design Professional PLACING TYPE IN AN IMAGE

Adobe Photoshop CS Design Professional PLACING TYPE IN AN IMAGE Adobe Photoshop CS Design Professional PLACING TYPE IN AN IMAGE Chapter Lessons Learn about type and how it is created Change spacing and adjust baseline shift Use the Drop Shadow style Apply anti-aliasing

More information

Writing and Document Design Lecture 6 Typography

Writing and Document Design Lecture 6 Typography Writing and Document Design Lecture 6 Typography Last week We looked at Kress and van Leeuwen s work on composition/layout and considered its usefulness as both an analytic tool (a way of analysing and

More information

Topic 0b Graphics for Science & Engineering

Topic 0b Graphics for Science & Engineering Course Instructor Dr. Raymond C. Rumpf Office: A 337 Phone: (915) 747 6958 E Mail: rcrumpf@utep.edu Topic 0b Graphics for Science & Engineering EE 4386/5301 Computational Methods in EE Outline What are

More information

DIGITAL PRINT DESIGN (568 )

DIGITAL PRINT DESIGN (568 ) DESCRIPTION Create and produce digital print projects that communicates and promotes graphic communication. Develop knowledge and skills relative to the graphic design & printing industries. Includes:

More information

LECTURE 4 THE USES OF TEXT IN MULTIMEDIA

LECTURE 4 THE USES OF TEXT IN MULTIMEDIA LECTURE 4 THE USES OF TEXT IN MULTIMEDIA 1 Objective Media Types What text is How text is created and stored in the computer How text is used in Multimedia Systems Advantages and Disadvantages of using

More information

How to use text. Adding a text frame

How to use text. Adding a text frame How to use text Because Adobe InDesign CS6 is a page layout tool, working with text is an important skill. With InDesign, you add all text (and all content) into frames. Frames are shapes (called paths)

More information

Multimedia for the Web: Creating Digital Excitement. Multimedia Element Text

Multimedia for the Web: Creating Digital Excitement. Multimedia Element Text : Creating Digital Excitement Multimedia Element Text Chapter Concepts Discuss Fonts Understand Fonts Define Cascading Style Sheets (CSS) Explain Additional Options for Implementing Text on the Web Chapter

More information

Presented by: Mitch Boretz University of California, Riverside. and Colleen Jolly 24 Hour Company

Presented by: Mitch Boretz University of California, Riverside. and Colleen Jolly 24 Hour Company Presented by: Mitch Boretz University of California, Riverside and Colleen Jolly 24 Hour Company May 2008 Introduction Will font selection determine whether your proposal wins or loses? Almost certainly

More information

Graphic Identity Standards and Guidelines. Gilman School

Graphic Identity Standards and Guidelines. Gilman School Graphic Identity Standards and Guidelines Gilman School P August 21, 2009 Why We have Guidelines The graphic identity for Gilman School is summarized in these Graphic Identity Standards and Guidelines.

More information

B R A N D GUIDELINES

B R A N D GUIDELINES BRAND GUIDELINES You never get a second chance to make a first impression. 01 02 03 INTRODUCTION About the City of New Bedford s brand 5 THE LOGO The Logo and usage 7 Color & variations 7 Clearspace &

More information

JABRA CORPORATION GRAPHIC STANDARDS MANUAL

JABRA CORPORATION GRAPHIC STANDARDS MANUAL JABRA CORPORATION GRAPHIC STANDARDS MANUAL A simple reference guide for how to use the JABRA Corporation logo in real-world communications applications. INTRODUCTION Corporate image is a valuable asset,

More information

GO Transit type treatments report

GO Transit type treatments report GO Transit type treatments report Prepared for Russell McGorman Signage Services Engineering GO Transit 81 Middlefield Rd. Scarborough M1S 5A9 2002.08.15 Project overview As an adjunct to the May 2002

More information

Synopsis This module introduces calligraphy, the basic principles of typography, and applications of typography.

Synopsis This module introduces calligraphy, the basic principles of typography, and applications of typography. 8. Typography Synopsis This module introduces calligraphy, the basic principles of typography, and applications of typography. Lectures 8.1 Calligraphy 8.2 Basic Principles of Typography 8.3 Typography

More information

TYPE. Design Process

TYPE. Design Process TYPE Design Process 01 Vocabulary 02 Classification 03 Six Classic Typefaces 04 Readability 05 Ten Type Commandments 06 Inspiration 07 Assignment 01 Vocabulary 02 Classification 03 Six Classic Typefaces

More information

communication design and the web John Zimmerman HCI Institute and the School of Design, Carnegie Mellon University 17 November 2010

communication design and the web John Zimmerman HCI Institute and the School of Design, Carnegie Mellon University 17 November 2010 communication design and the web John Zimmerman HCI Institute and the School of Design, Carnegie Mellon University 17 November 2010 goals for today explore communication design familiar with basic principles

More information

OCA Graphic Design: Core Concepts 1 Assignment 4 - Show Me Jane Braybrook Jane511794

OCA Graphic Design: Core Concepts 1 Assignment 4 - Show Me Jane Braybrook Jane511794 OCA Graphic Design: Core Concepts 1 Assignment 4 - Show Me Jane Braybrook Jane511794 Supporting Blog: https://jane511794.wordpress.com/category/assignments/assignment-4/ Critical Evaluation I started this

More information

Linotype Univers CD for Mac and PC - containing 63 font weights

Linotype Univers CD for Mac and PC - containing 63 font weights presented in: Eurostile Roman Find further Font Features in our Font Feature Archive. The Univers family of fonts designed by Adrian Frutiger more than forty years ago is one of the most innovative type

More information

Basic PowerPoint Guidelines. Tips for Creating Great Presentations

Basic PowerPoint Guidelines. Tips for Creating Great Presentations Basic PowerPoint Guidelines Tips for Creating Great Presentations Fonts No more than 2 fonts per slide Serif fonts- fonts with curves - Times New Roman Sans Serif fonts- clean, block fonts- Arial Script-

More information