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

Size: px
Start display at page:

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

Transcription

1 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, Right-justified or Ragged left Centered Fully justified ALL CAPS Text set completely in UPPERCASE or all capital letters. Also refered to as: Uppercase ALPHABET A group of symbols that represent the elementary sounds of a spoken language. AMPERSAND (&) A stylized character of the Latin et used to represent the word and. APOSTROPHE ( ) A punctuation mark in languages that use the Latin alphabet. In English, it serves three purposes: The marking of the omission of one or more letters (as in the contraction of do not to don t). The marking of possessive case (as in the eagle s feathers, or in one month s time). The marking by some as plural of written items that are not words established in English orthography (as in P s and Q s). Apostrophe s ( ) should not be confused with prime symbols (") BLACKLETTER (CLASSIFICATION) Based on early written forms, a style of typeface that features elaborate thick to thin strokes and serifs. The Gutenberg Bible, the first book ever printed with movable type, was set in a Blackletter Typeface to mimic the manuscript writing of the time. Also Known As: Old English BODY TEXT Body of written content on a page or document. Also referred to as Body Copy or Text. BOLD A typeface with thicker strokes than regular. Bold type is used for emphasis to make certain words and phrases stand out from the surrounding text. BULLET ( ) A typographic symbol used to call attention to lines of text such as in a list. Bullets can be round, square or composed of small pictures or icons such as those found in dingbat or symbol fonts. CALLIGRAPHY The design and execution of lettering with a broad tip instrument, dip pen, or brush to produce expressive marks. CAPTION Text under an illustration or picture to explain or draw attention to. CEDILLA A hook shaped mark added under certain letters to modify their pronunciation; as when a C is pronounced as an S. Example: Façade

2 COLOR The relative lightness or darkness of a block of text created by variances in letterform weight & structure, kerning, tracking, leading, type size, and x-height. COLUMN One or more vertical blocks of content positioned on a page. CONDENSED (TYPE) Font where the shape of the letterforms are made narrow. CONCORDANT RELATIONSHIP Occurs when only one type family is used allowing the page to remain harmonious. This creates a formal, quiet appearance without much variety in style, size, and weight. CONFLICTING RELATIONSHIP Occurs when typefaces are combined that are too similar in style, size, and weight. The similarities are disturbing because the visual attractions are not the same as with concordant, but neither are they contrasting, so they conflict. CONTRASTING RELATIONSHIP Occurs when separate typefaces are combined that are clearly distinct from each other. These combinations achieve a level of contrast and are more visually appealing than with a concordant relationship. DAGGER ( OR ) Used to indicate footnotes in a text. Typically, an asterisk* is used for the first footnote, a dagger for the second footnote and a double dagger for the third. DASH ( OR ) A punctuation mark that is similar to a hyphen or minus sign, but differs from both of these symbols primarily in length and function. DECORATIVE (CLASSIFICATION) Designed for visual impact, decorative typefaces often employ flamboyant ornamentation, outlines/ inlines, shaded or cast-three dimensional shadows. These typefaces should be used sparingly as their trendy nature lacks longevity. Examples include: Curlz, Braggadocio, bastian DIACRITICAL MARK (Á) Symbols added to letters of the alphabet to indicate different pronunciation than the letters are usually given. These marks are often referred to as accents. Example: Résumé DINGBATS ( ) Once known as printer s flowers, these are the small decorative marks, bullets, or symbols that usually make up a specialty face. Examples include: Zapf Dingbats, Wingdings, Marlett DROP CAP The first letter of a paragraph that is enlarged to drop down two or more lines, as in the next paragraph. Drop caps are often seen at the beginning of novels, where the top of the first letter of the first word lines up with the top of the first sentence and drops down to the four or fifth sentence to the beginning of a section. ELLIPSIS ( ) A series of dots that usually indicates an intentional omission of a word, sentence, or whole section from a text without altering its original meaning. Depending on their context and placement in a sentence, ellipses can also indicate an unfinished thought, a leading statement, a slight pause, a mysterious voice, or a nervous or awkward silence.

3 EM-DASH ( ) The em dash is used to make a break be tween parts of a sen tence. Use it when a comma is too weak, but a colon, semi colon, or pair of paren the ses is too strong. The em dash puts a nice pause in the text and it is un der used in pro fes sional writing. EN-DASH ( ) The en dash has two uses It in di cates a range of val ues ( , pages , Ex hi bits A E). If paired with from use to in stead of an en dash (from 1880 to 1912, not from ) It de notes a con nec tion or con trast be tween pairs of words (con ser v a tive liberal split, Ari zona Nevada reci proc ity, Sar banes Ox ley Act). EXPANDED (TYPE) Font where the shape of letterforms are stretched wide. FAT FACE Roman type style consisting of extreme contrast and weight. Examples include: Abril Fatface, Dude FLUSH The alignment of text or graphics against one side or another of the page. FONT A complete set of letterforms (upper and lowercase), numerals, and punctuation marks in a particular typeface that allows for typesetting by keystroke on a computer or other means of typographic composition. FULLY JUSTIFIED Text that is aligned to both the left and right margins. GLYPH Graphical representations of a character. Example: a and A are the same character, but a is a glyph and A is a different glyph. GOTHIC (TYPE) Typefaces intended to look like European Medieval calligraphy. GUTTER The space between columns of printed text, including the gap between facing pages. HEADLINE The extra large opening statement used in a layout, used to grab the reader s attention and usually summarizes what the text is about. Also referred to as Display Type. HEIRARCHY The organization of content, emphasizing some elements and subordinating others. HYPHEN (-) The hyphen has three uses A hy phen ap pears at the end of a line when a word breaks onto the next line. Some mul ti part words are spelled with a hy phen (topsy-turvy, cost-effec tive, bric-a-brac). A hy phen is used in phrasal ad jec tives (lis tener-sup ported ra dio, dogand-pony show, high-school grades) to en sure clar ity.

4 INDENTS A inward offset from the margin setting. ITALICS (EMPHASIS) Angled typeface that has different design characteristics from its upright, roman companion. They are most often a separate yet complementary design, with unique features and often different character widths. Many italics have a somewhat calligraphic appearance, especially those that are designed for a serif typeface. KERNING The adjustment of spacing between letters in words. Usually pre-defined by the type designer. Also referred to as Letterspacing or Character Spacing. LATIN ALPHABET Root of the modern alphabet; came to the Romans from Greece by way of the Etruscans. LEADING The distance between lines of text. This distance, (usually measured in points) is from the baseline of one line of text, to the baseline of the next line. Also referred to as Line Spacing. LEGIBILITY The ease with which a reader can recognize individual characters in text. Aspects that affect legibility include x-height, character shapes, stroke contrast, counter size, serifs or lack thereof, and weight. LIGATURE ( fi ) Two or more letters combined into one character make a ligature. In typography ligatures are used primarily to make type more readable on the page such as the fl and fi ligatures. In most cases, a ligature is only available in extended characters sets or special expert sets of fonts. LINING FIGURES A modern style of numerals where all figures are of the same height. There are two types of lining figures: Proportional: Variable spacing, comparable to that of upper and lowercase characters. This spacing maintains the even, balanced color of the rest of the alphabet, allowing the figures to blend in nicely with horizontal text. Tabular: Monospaced and work best when rows and columns of numbers need to align such as in tables, financial documents, and numbered lists. LOGOGRAM Graphic signs which represent entire words. Examples include: &, % LOWERCASE The little letters glyphs or non-capital letters of the alphabet. Also referred to as miniscules. MARGIN White space at the top and bottom, left and right edge of a page. MEANLINE The top of many lowercase letters such as e, g and y. It is also at the curve of letters like h. MODERN (CLASSIFICATION) Recognizable by their dramatic thick/ thin strokes, vertical stress and flat/ thin horizontal serifs. Modern fonts generally project elegance and are perfect for headlines or sub-headings. Examples include: Bodoni, Didot MONOSPACE (CLASSIFICATION) Also referred to as fixed-width, or non-proportional, Monospace is a font whose letters and characters occupy the same amount of horizontal space. Examples include: Andale Mono, Courier, Monaco

5 MOVABLE TYPE Block letterforms that can be arranged and rearranged for printing. NUMERO ( ) An abbreviation of the word number(s) indicating ordinal numeration, especially in names and titles. OLDSTYLE (CLASSIFICATION) Originally created between the late 15th & mid-18th centuries, these early roman types are characterized by curved strokes whose axis inclines to the left, and little contrast between thick and thins. Their exceptional readability makes them a great choice for lengthy bodies of text. Examples include: Bembo, Berkely Oldstyle, Goudy Oldstyle. OLDSTYLE FIGURES Numbers with varying heights, some aligning to the baseline and some below. Example: ORNAMENTS Instead of alphanumeric characters, ornamental typefaces contain decorative embellishments such as pictures or symbols. Example: T e x Okn ORPHAN LINE A single line of a paragraph at the top of a page or column. Similar to a widow an Orphan is considered poor typography and should be corrected. OUTLINE (TYPE) A font style that makes use of a letterforms contours, leaving centers open and non-printing. PERIOD (.) A punctuation mark placed at the end of a sentence or at the end of individual letters such as U.S.A. Sometimes referred to as Baseline Dot. PERSPECTIVE (TYPE) A three-dimensional font often using shadow to create a sense of depth. PICA The unit used to measure lines of text. One pica is equal to 12 points, and six picas are equal to one inch. PILCROW ( ) A typographical character marking individual paragraphs. Sometimes referred to as Paragraph Mark. POINT The unit used to measure the size of a font. One point is equal to 1/72 of an inch. When a character is referred to as 12pt, the full height of the text block (such as a block of movable type), and not just the character itself, is being described. Because of this, two typefaces at the same point size may appear as different sizes, based on the position of the character in the block and how much of the block the character fills. PULL QUOTES Short excerpts from text that are enlarged and set off from the page with boxes or lines. These are used for emphasis or to fit text copy into columns. PRIME SYMBOL (") Are used to designate several different units and for various other purposes in mathematics, the sciences, linguistics and music. Example: 4'-10" would be expressed as four feet, ten inches. Prime symbols (") should not be confused with apostrophes ( ).

6 READABILITY The ease with which written text can be understood by a reader. The readability of a particular text depends both on its content (the complexity of its vocabulary) and on typography (font size, line height, and line length). REVERSE (TYPE) Letterforms are open (non-printing) leaving the appearance of white on black letters. RIVERS Unsightly areas of white space that occur in fully justified columns where spaces between words are unusually wide. These rivers should be corrected with tracking or re-sizing text. ROMAN In Western typography, Roman is the normal typography style in widest use and refers to any upright typeface (as opposed to italic), or sans serif faces. SANS SERIF (CLASSIFICATION) Typefaces without serifs or brackets. Sans serif fonts are often used when a large typeface is necessary, such as in a magazine headline. Sans serif fonts are also common for website text, as they are generally easier to read on screen. Examples include: Helvetica, Gill Sans, Futura. SCRIPT (CLASSIFICATION) A typographic style that simulates the look of calligraphy, hand-writing or brush. Examples include: Bickham Script, Snell Roundhand, Edwardian Script. SERIF (CLASSIFICATION) Typefaces with serifs or brackets. Serif fonts are recognizable by the small lines at the ends of the various strokes of a character. As these lines make a typeface easier to read by guiding the eye from letter to letter and word to word, serif fonts are often used for large blocks of text, such as in a book. Examples include: Palantino, Times New Roman, Adobe Garamond SLAB SERIF (CLASSIFICATION) Also referred to as Mechanistic, Square Serif or Egyptian, this is a type of serif typeface characterized by thick, block-like serifs. Terminals may be either blunt & angular or rounded and generally have no bracket. Slab Serifs are perfect for large headlines but do not work well for body text. Examples include: Rockwell, ITC Lubalin Graph, Clarendon SMALL CAPS uppercase characters set at the same height and weight as surrounding lowercase letters. Well-designed small capitals are not simply scaled-down versions of normal capitals; they retain the same stroke weight as other letters and have a wider aspect ratio for readability. SWASH A typographical flourish, such as an exaggerated serif, terminal, tail, entry stroke, etc. on a glyph. Example: Always & Forever TITLING CAPITALS A variant of uppercase designed for heading and titles. The stroke width is reduced for use at larger point sizes where the stroke weight used in smaller text sizes would be too heavy. TRACKING The overall spacing between letters to affect density in a block of text. Sometimes referred to as Letterspacing. Not be confused with Kerning which affects the space between individual letters.

7 TRANSITIONAL (CLASSIFICATION) Named for the transition from Old Style into Modern, Transitional typefaces provide greater contrast between thick & think strokes, larger x-height, vertical stress, numerals and cap-height are consistent in size. Examples include: Baskerville, Adobe Caslon Pro, Times New Roman TYPEFACE A group of characters, such as letters, numbers, and punctuation, that share a common design or style. Times New Roman, Arial, Helvetica and Courier are all typefaces. TYPE FAMILY The different options available within a font. Many fonts are at a minimum available in Roman, Bold and Italic. Other families are much larger, such as Helvetica Neue, consisting of Condensed Bold, Condensed Black, UltraLight, UltraLight Italic, Light, Light Italic, Regular, etc. TYPESETTING The process of putting text into the right style and size of type and the desired arrangement on the page in preparation for printing. Typesetting was once the realm of skilled typesetters but today is handled by the designer, using desktop publishing software to set type. Also Known As: textsetting, type layout, text layout TYPOGRAPHY The vi sual com po nent of the writ ten word. UNCIALS A majuscule script (CAPITAL LETTERS) commonly used from the 4th to 8th centuries AD by Latin and Greek scribes. UPPERCASE The capital letters of the alphabet are UPPERCASE GLYPHS, normally used at the beginning of sentences and as the first letter of proper names. The term uppercase is derived from the days of metal type where the lesser used capital letters were kept in the harder to reach upper case while the more frequently used letters were kept nearer at hand, in the lower case. WIDOW LINE A single line of a paragraph at the bottom of a page or column. A widow is considered poor typography because it leaves too much white space between paragraphs or at the bottom of a page. This interrupts the reader s eye and diminishes readability.

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)

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) 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

TYPOGRAPHY 1. letter-form mechanics. letter-form MECHANICS

TYPOGRAPHY 1. letter-form mechanics. letter-form MECHANICS letter-form MECHANICS The Anatomy of Letter-forms The letters of all alphabets, whether classical or modern, display the same basic structural characteristics and adhere to similar conventions in drawing

More information

Type on the Web: Dos, Don ts and Maybes Ilene Strizver

Type on the Web: Dos, Don ts and Maybes Ilene Strizver Type on the Web: Dos, Don ts and Maybes Ilene Strizver What exactly is Type on the Web? How does it differ from print? Type in print Fixed Predictable Controllable Appearance varies depending on: Operating

More information

DESIGNING THE PAGE FOUNDATIONS OF DIGITAL DESIGN. Layout composition, the grid and typography. Prof. Eva Machauf

DESIGNING THE PAGE FOUNDATIONS OF DIGITAL DESIGN. Layout composition, the grid and typography. Prof. Eva Machauf DESIGNING THE PAGE Layout composition, the grid and typography FOUNDATIONS OF DIGITAL DESIGN Prof. Eva Machauf prof.machauf@gmail.com THE GRID The grid is the foundation of all design. Creating and working

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

from The Elements of Typographic Style by Robert Bringhurst, page 171

from The Elements of Typographic Style by Robert Bringhurst, page 171 from The Elements of Typographic Style by Robert Bringhurst, page 171 from The Elements of Typographic Style by Robert Bringhurst, page 148 h Dunt augue et, sum ad dolore do od estionse feum iure magna

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

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

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

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

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

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

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

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

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

The 12 most common newsletter design mistakes

The 12 most common newsletter design mistakes The 12 most common newsletter design mistakes www.targetmarketingnetwork.com By: Roger C. Parker Your newsletter s success depends on its design. An attractive, easy to read newsletter encourages readers

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

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

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

Goudy Old Style & Garamond. A Type Comparison Book by Brittany Hansard

Goudy Old Style & Garamond. A Type Comparison Book by Brittany Hansard Goudy Old Style & Garamond A Type Comparison Book by Brittany Hansard Frederic W. Goudy created this old style typeface in the late 1920s and it is known as one of his most adored typeface alphabets within

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

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

> 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

Typographic. Alphabet. Book. Interactive PDF of typographic rules & terms YOU NEED TO KNOW. Home. Table of Contents

Typographic. Alphabet. Book. Interactive PDF of typographic rules & terms YOU NEED TO KNOW. Home. Table of Contents Typographic Alphabet Table of Contents > Rules That Every Typographer Should Know... 2-3 Book Interactive PDF of typographic rules & terms YOU NEED TO KNOW > Baseline... > Gutter... > Hierarchy... > Kerning...

More information

BDA Dyslexia Style Guide

BDA Dyslexia Style Guide BDA Dyslexia Style Guide This Guide is in three parts: 1. Dyslexia Friendly Text 2. Accessible Formats 3. Website design 1. Dyslexia Friendly Text. The aim is to ensure that written material takes into

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

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

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

Detailed Format Instructions for Authors of the SPB Encyclopedia

Detailed Format Instructions for Authors of the SPB Encyclopedia Detailed Format Instructions for Authors of the SPB Encyclopedia General Formatting: When preparing the manuscript, the author should limit the use of control characters or special formatting. Use italics

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

Knightswood Secondary School. Graphic Communication. Desktop Publishing otes. Auto Tracing

Knightswood Secondary School. Graphic Communication. Desktop Publishing otes. Auto Tracing Auto Tracing The process of converting a bit mapped image into a vector image. In a bit-mapped image, each object is represented by a pattern of dots, while in a vector image every object is defined geometrically.

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

Chapter 8: Rococo Graphic Design 18 th century

Chapter 8: Rococo Graphic Design 18 th century Chapter 8: Rococo Graphic Design 18 th century Romain du Roi (French for King s Roman) The first printing of the Romain du Roi at the beginning of the eighteenth century signified a shift to transitional

More information

WATER (No kerning) WATER (Automatic Kerning) WATER (Manual Kerning).

WATER (No kerning) WATER (Automatic Kerning) WATER (Manual Kerning). Styles Learning to use styles is a very effective way to save time and improve the consistency of publications. A style is a group of attributes that can be applied at once, to one or more paragraphs,

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

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

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

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

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

Using Text in Photoshop

Using Text in Photoshop Using Text in Photoshop So, we re going to take a break for a while from talking about photographs and how to manipulate them, and instead focus on some design elements! We re going to spend a while talking

More information

SAMPLE PAGES. Syllabus coverage chart. viii Syllabus coverage chart

SAMPLE PAGES. Syllabus coverage chart. viii Syllabus coverage chart viii Syllabus coverage chart Syllabus coverage chart The chart below shows how each Unit and Topic relates to the ICT syllabus and the Computer Studies syllabus. Computer Unit 11.1 Computer Fundamentals

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

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

Identity Guidelines 2018

Identity Guidelines 2018 Identity Guidelines 2018 Table of Contents The Signature Clear Space Minimum Size Color Formats Signature Misuses Color Palette Primary Color Palette Secondary Color Palette Support Typography: Sans Serif

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

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

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

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

BRAND GUIDELINES + UPDATED

BRAND GUIDELINES + UPDATED + UPDATED NOVEMBER 2015 Primary Mark Guidelines Vertical Lockup is the primary style and should be used across all applications. Do not change the color unless using one of the alternate logos provided

More information

C L A S S 2 T Y P O G R A P H Y. FOUNDATIONS OF GRAPHIC DESIGN MW 8 a.m.

C L A S S 2 T Y P O G R A P H Y. FOUNDATIONS OF GRAPHIC DESIGN MW 8 a.m. C L A S S 2 T Y P O G R A P H Y FOUNDATIONS OF GRAPHIC DESIGN MW 8 a.m. Typography Typography separates graphic design from visual art. In every piece of type you see, somebody has considered how the letters,

More information

Before & After. Use the Principles Cheatsheet! From The Non-Designer s Design Book, Robin Williams Non-Designer s Design 8

Before & After. Use the Principles Cheatsheet! From The Non-Designer s Design Book, Robin Williams Non-Designer s Design 8 Before & After Use the Principles Cheatsheet! From The Non-Designer s Design Book, Robin Williams Non-Designer s Design 8 Before & After From The Non-Designer s Design Book, Robin Williams Non-Designer

More information

Typographic hierarchy: How to prioritize information

Typographic hierarchy: How to prioritize information New York City College of Technology, CUNY Department of Communication Design Typographic Design III Instructor: Professor Childers pchilders1@mac.com Typographic hierarchy: How to prioritize information

More information

Guiding Principles for PowerPoint Presentations

Guiding Principles for PowerPoint Presentations Guiding Principles for PowerPoint Presentations Karen Fujii Media Services Manager Center for Instructional Support Office Faculty Development & Academic Support October 12, 2017 History Developed 30 years

More information

COPY/PASTE: Allows any item within a document to be copied and pasted within the same document or within compatible software applications.

COPY/PASTE: Allows any item within a document to be copied and pasted within the same document or within compatible software applications. You will need to understand basic terms and techniques used in DTP, as well as file types used within DTP and their advantages and disadvantages. This is separate from Elements and Principles of DTP which

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

Document Design Chunking Similar Information Together

Document Design Chunking Similar Information Together Document Design Dieter Rams, a famous German designer whose work has influenced Apple s design aesthetic, is noted for his formula: Good design is as little design as possible (Rams). As a document designer,

More information

Structure of Text. Creating Memory Aids through Typography

Structure of Text. Creating Memory Aids through Typography Structure of Text Creating Memory Aids through Typography Edward Rushton MFA Donald Armel PhD Legibility Readability Definitions Legibility Legibility is dependent on the design of the typeface, the letterforms

More information

Basic Elements > Typeface. Contents

Basic Elements > Typeface. Contents Contents At a glance: DB Head DB Sans DB Sans Condensed DB Sans Compressed DB Office DB Serif DB News DB Plan Corporate design guidelines: Font families and font styles Basic typographical principles File

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

anatomy cap height x-height baseline descender ligature finial terminal ascender spine small capital uppercase counter cross bar lowercase

anatomy cap height x-height baseline descender ligature finial terminal ascender spine small capital uppercase counter cross bar lowercase Type Anatomy anatomy cap height x-height baseline stem bowl serif descender ligature ascender finial terminal ascender spine uppercase small capital cross bar counter lowercase 36 thinking with type cap

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

A Crash Course in Typography: Principles for Combining Typefaces - noupe

A Crash Course in Typography: Principles for Combining Typefaces - noupe A Crash Course in Typography: Principles for Combining Typefaces Cameron Chapman When combining typefaces, there are a couple of important principles you ll need to keep in mind, namely contrast and mood.

More information

Lumin Lumin Sans Lumin Sans Condensed Lumin Display

Lumin Lumin Sans Lumin Sans Condensed Lumin Display Typotheque type specimen & OpenType feature specification. Please read before using the fonts. Lumin Lumin Sans Lumin Sans Condensed Lumin Display OpenType font family supporting Latin based languages

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

IT82: Mul timedia. Practical Graphics Issues 20th Feb Overview. Anti-aliasing. Fonts. What is it How to do it? History Anatomy of a Font

IT82: Mul timedia. Practical Graphics Issues 20th Feb Overview. Anti-aliasing. Fonts. What is it How to do it? History Anatomy of a Font IT82: Mul timedia Practical Graphics Issues 20th Feb 2003 1 Anti-aliasing What is it How to do it? Lines Shapes Fonts History Anatomy of a Font Overview Types of Fonts ( which do I choose? ) How to make

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

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

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

Typography One Project Two

Typography One Project Two Typography One Project Two Typographic Systems, Emphasis and Hierarchy An important design problem is to aid reader comprehension of information through carefully considered logic, structure and order.

More information

CMPT 165: More CSS Basics

CMPT 165: More CSS Basics CMPT 165: More CSS Basics Tamara Smyth, tamaras@cs.sfu.ca School of Computing Science, Simon Fraser University October 14, 2011 1 The Favorites Icon The favorites icon (favicon) is the small icon you see

More information

Design Principles. Advanced Higher Graphic Presentation. Professional Graphic Presentations by kind permission of

Design Principles. Advanced Higher Graphic Presentation. Professional Graphic Presentations by kind permission of Design Principles Advanced Higher Graphic Presentation Professional Graphic Presentations by kind permission of Design Principles:- Balance Balance in Composition Three different types of balance :- *

More information

INTRODUCTION TO TYPOGRAPHY DESIGN

INTRODUCTION TO TYPOGRAPHY DESIGN INTRODUCTION TO TYPOGRAPHY DESIGN Goals of typographic design Typography plays an important role in how audiences perceive your document and its information. Good design is about capturing your audience

More information

laurengregory laurengregorydesign.com

laurengregory laurengregorydesign.com THSPA November 25, 2013 Topic: Basic Design Tips and Photoshop Helps 1. Layout Page layout is one of the most important graphic design disciplines. laurengregory lauren@briererows.com laurengregorydesign.com

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

InDesign. your. Resumé. a how-to guide for creating a professional resumé using InDesign

InDesign. your. Resumé. a how-to guide for creating a professional resumé using InDesign InDesign your Resumé a how-to guide for creating a professional resumé using InDesign Table of Contents p4. Glossary p5. The Importance of Good Design p6. Setting up the Document p10. Creating a Grid p12.

More information

a e yp fi Letterform Anatomy Ascender Shoulder Tittle Bowl Crossbar Stem or Main Stroke Terminal Leg Ascent Line Cap Line Mean Line Baseline

a e yp fi Letterform Anatomy Ascender Shoulder Tittle Bowl Crossbar Stem or Main Stroke Terminal Leg Ascent Line Cap Line Mean Line Baseline Letterform Anatomy Tittle Ascender Shoulder Ascent Line Cap Line Mean Line Baseline Crossbar Bowl Stem or Main Stroke HtiQfgxR Terminal Ear Counter Leg Descent Line Crossbar Serif Tail Loop or Bowl Juncture

More information

CHAPTER 2 Information processing (Units 3 and 4)

CHAPTER 2 Information processing (Units 3 and 4) CHAPTER 2 Information processing (Units 3 and 4) Information-processing steps (page 54) a For each of the following information-processing steps, state its purpose and provide two examples of technology

More information

WORD XP/2002 USER GUIDE. Task- Formatting a Document in Word 2002

WORD XP/2002 USER GUIDE. Task- Formatting a Document in Word 2002 University of Arizona Information Commons Training Page 1 of 21 WORD XP/2002 USER GUIDE Task- Formatting a Document in Word 2002 OBJECTIVES: At the end of this course students will have a basic understanding

More information

ABOUT RESEARCH POSTERS

ABOUT RESEARCH POSTERS ABOUT RESEARCH POSTERS Research posters summarize information or research concisely and attractively to help publicize it and generate discussion. The poster is usually a mixture of a brief text mixed

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