Adjust the point size

Size: px
Start display at page:

Download "Adjust the point size"

Transcription

1 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 typefaces on separate lines, create contrast in scale as well as style or weight. Mix big, light type with small, dark type for contrasting textures.

2 Lining Numerals take up uniform widths of space, enabling numbers to line up. They are the same height as capital letters, so they can look bulky. Non-lining numerals have ascenders and descenders, each one has its own set width.

3 {[,.;:" ]} 5'2" It s {[,.;:" ]} 5'2" It s Helvetica s comma is chunky and Bodoni s is thin stemmed. A common error is the use of straight hatch marks in place of apostrophes and quotation marks.

4 Expanding letter spacing creates a more airy look. When san-serifs, caps, or small caps are used, more letter spacing is preferred. Negative spacing is not desirable.

5 type type tightly spaced letters create one form, so harder to read loosely spaced letters look like individual letters, so harder to read space letters for an easy read type Negative letter spacing creates tightly spaced letters, loosely spaced letters look like individual letters. Space the letters for an easy read.

6 spacing leading spacing leading Line spacing measures the space between lines of text. Tight line spacing happens when the ascender and descender interfere with each other. Large x-heights need more space.

7 Designers play with line spacing or leading to create distinctive typographic arrangements. Reducing the distance creates a denser color, while risking collision between ascenders and descenders. Expanding the spacing creates lighter, open text blocks.

8 theiwordsiareispacedievenly Word spacing measures the space between words. Word spacing can be defined by the width of the lowercase i. Always reduce the amount of space, never increase it.

9 type type blackoak 54 pts. large set width louder, more aggressive, greater importance The set width is the body of the letter plus the empty space around it. universe 54 pts. condensed set width softer, quieter type type by helvetica 76 pts. x height larger appears large mrs. eaves 76 pts. x height smaller appears small A typeface is measured from the ascender to the descender in points. A letter has a horizontal measure called its set width and a vertical measure. Look for typefaces that are condensed, compressed, wide, extended, tall or short x-height.

10 M M M M bracketed serif hairline serif slab serif sans serif joins at a curve joins at a 90 blocklike serif no serif or detail top counter is smaller middle crossbar is curved letters (SCQUGO) pointed tips (AVMNW) diagonal strokes drawn than lower counter, shorter than the hang below baseline, so appear shorter, because with different angles, because pull of gravity top and bottom it doesn t appear smaller EOVA angle begins immediately reduces lateral emphasis Serifs have detail or feet at the end of the letters stem. Sans-serif has no detail or feet at the end of the letters stem.

11 X-HEIGHTS Mr. Big versus Mrs. & Mr. Little 32-Pt helvetica 32-Pt mrs eaves 32-Pt mrs eaves The x-height of a typeface affects its apparent size, its space efficiency, and its overall visual impact. Like hemlines and hair styles, x-heights go in and out of fashion. Bigger type bodies became popular in the midtwentieth century, making letterforms look larger by maximizing the area within the overall point size. 12/14 helvetica Typefaces with small x-heights, such as Mrs Eaves, use space less efficiently than those with big lower bodies. However, their delicate proportions have lyrical charm. 12/14 mrs eaves Like his lovely wife, MR EAVES has a low waist and a small body. His loose letterspacing also makes him work well with his mate. 12/14 mr eaves Because of its huge x-height, Helvetica can remain These texts are set in the same point size, but their perceived scale is completely different

12 X-HEIGHTS 32-Pt scala Pro 32-Pt interstate regular 32-Pt bodoni 32-Pt mrs eaves Do I look fat in this paragraph? When two typefaces are set in the same point size, one often looks bigger than the other. Differences in x-height, line weight, and set width affect the letters apparent scale. Mrs Eaves rejects the twentieth-century appetite for supersized x-heights. This typeface, inspired by the eighteenth-century designs of Baskerville, is named after Sarah Eaves, Baskerville s mistress, housekeeper, and collaborator. The couple lived together for sixteen years before marrying in Mr. Big versus The perceived size of a typeface is a function of its x-height The perceived size of a typeface is a function of its x-height as well as its cap height. as well as its cap height.

13 SCALE THE WORLD IS FLAT THE WORLD IS FLAT type crime Minimal differences in type size make this design look tentative and arbitrary. scale contrast The strong contrast between type sizes gives this design dynamism, decisiveness, and depth. Scale is Scale the relationship is the size among of elements design within elements a composition in or comparison hierarchy. to other elements in a layout, hierarchy.

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

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

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

TYPO GRA PHY THE ANATOMY OF TYPE A BRIEF HISTORY OF TYPOGRAPHY WHAT IS YOUR TYPE ACTUALLY SAYING? OPEN FONT DISCUSSION

TYPO GRA PHY THE ANATOMY OF TYPE A BRIEF HISTORY OF TYPOGRAPHY WHAT IS YOUR TYPE ACTUALLY SAYING? OPEN FONT DISCUSSION THE ANATOMY OF TYPE A BRIEF HISTORY OF TYPO WHAT IS YOUR TYPE ACTUALLY SAYING? OPEN FONT DISCUSSION THE ANATOMY OF TYPE Typeface Anatomy The upward vertical stem on some lowercase letters, such as h and

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

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

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

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

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

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

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

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

Crimes Against Typography. Shela Vang 13 images Collaborative Partner: Daha Lee 12 images

Crimes Against Typography. Shela Vang 13 images Collaborative Partner: Daha Lee 12 images 13 images Collaborative Partner: Daha Lee 12 images Table of Contents 1 Alignment 3 Dashes 4 Hierarchy 5 Kerning 6 Line Spacing 7 Scale 8 Tracking 9 Widow 10 Thumbnail Images alignment alignment Poorly

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

pokemon starters and the Classification of Type By: Sarah Cornell

pokemon starters and the Classification of Type By: Sarah Cornell pokemon starters and the Classification of Type By: Sarah Cornell Table of Contents Old Style Type Kanto Starters... 4-7 Transitoinal Type Hoenn Starters... 8-11 Modern Type Alola Starters... 12-15 Slab

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

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

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

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

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

H A-Z of DTP Features

H A-Z of DTP Features A-Z of DTP Features H Alignment One of the principles of design, alignment refers to lining up the top, bottom, sides, or middle of text or graphic elements on a page. See also Text Alignment. Ascender

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

GD I // SPRING

GD I // SPRING GD I // SPRING 2018 1 PROJECT I : TYPOGRAPHIC COLOR Timothy Samara, author of Typography Workbook, defines typographic color as the visual texture of language. It is similar to chromatic color (like green,

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

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

PRESENTATION BOARD LAYOUT

PRESENTATION BOARD LAYOUT NEW YORK CITY COLLEGE OF TECHNOLOGY THE CITY UNIVERSITY OF NEW YORK ARCHITECTURAL TECHNOLOGY DEPARTMENT written by annie boccella spring 2010 1. BEFORE YOU BEGIN... Organize yourself. What is your argument

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

Text Topics. Human reading process Using Text in Interaction Design

Text Topics. Human reading process Using Text in Interaction Design Text SWEN-444 Text Topics Human reading process Using Text in Interaction Design Humans and Text the Reading Process Saccades quick, jerky eye movements forward 8-10 letters at a time plus CR/LF to the

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

Lost & FOUNDRY ABCDEFGHIJKLMNOPQR STUVWXYZ #$ % _ '".,:;!? &(){}[]/\* ABCDEF GHIJKLMNOPQRSTUV

Lost & FOUNDRY ABCDEFGHIJKLMNOPQR STUVWXYZ #$ % _ '.,:;!? &(){}[]/\* ABCDEF GHIJKLMNOPQRSTUV Information Guide Volume 1.0 ABCDEFGHIJKLMNOPQR STUVWXYZ0123456789#$ % _ '".,:;!? &(){}[]/\* ABCDEF GHIJKLMNOPQRSTUV Lost & FOUNDRY WXYZ0123456789 ABCDEFGHIJKLMNOPQRSTUV WXYZ0123456789#$ % _ - '".,:;!?

More information

FOUNDATION IN GRAPHIC DESIGN. with ADOBE APPLICATIONS

FOUNDATION IN GRAPHIC DESIGN. with ADOBE APPLICATIONS FOUNDATION IN GRAPHIC DESIGN with ADOBE APPLICATIONS CAN YOU ALL HEAR ME? SPECIAL ANNOUNCEMENT Win a Lifetime Membership to Shaw Academy The draw will be held live during Lesson 8 * CONDITIONS Attend at

More information

PRESENTED BY : RIZWAN AARIF رضوان عارف

PRESENTED BY : RIZWAN AARIF رضوان عارف PRESENTED BY : RIZWAN AARIF رضوان عارف Abstract Introduction Advantages Attributes of MM Fonts Dimensions of MM Fonts Using MM fonts with TEX Interpolating Multiple Master Fonts Designing MM fonts Application

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

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

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

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

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

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

Typography guidelines

Typography guidelines University of Alberta Sign Systems Guidelines Typopgraphy guidelines Typography guidelines Introduction Consistency and legibility are key components of an effective sign system. This section defines:

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

David Glen Smith. Fonts of Influence

David Glen Smith. Fonts of Influence David Glen Smith Fonts of Influence Charlesworth {Charlemagne}. (THERE ARE NO LOWERCASE CHARACTERS) Poster Bodini Helvetica Neue Gill Sans My intentions are to merge a thick poster font with a thinner

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

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

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

art 118: intro to communication design // FALL 2011

art 118: intro to communication design // FALL 2011 t y p e specimen Due: Wednesday, November 30 ov e r v i e w A type specimen is a publication, that shows the range of a particular typeface in use. Printers and typographers have produced type specimens

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

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

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

WCSD Graphic Standards and Logo Use Guide

WCSD Graphic Standards and Logo Use Guide SM WCSD Graphic Standards and Logo Use Guide WCSD Logo WCSD logo with slogan SM The WCSD logo should be used on all school district signage and every District-generated publication, website or webpage,

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

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

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

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

Build websites that suit the needs and abilities of users

Build websites that suit the needs and abilities of users Goal 1 Build websites that suit the needs and abilities of users The main goal of many websites is to display information users need. 2 Tools for indicating importance in the visual information hierarchy

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

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

The Ohio State University, Paul Nini, Instructor

The Ohio State University, Paul Nini, Instructor Typeface Poster: Shaina Meyers (undergraduate) The Ohio State University, Paul Nini, Instructor I always have students prepare a written rationale statement for their projects, along with a process document

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

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

MuirMcNeil. Five. A stencil type system in three geometric contours

MuirMcNeil. Five. A stencil type system in three geometric contours MuirMcNeil Five A stencil type system in three geometric contours MuirMcNeil Five Five is one of a series of stencil type systems published by MuirMcNeil in 2017. Constructed from basic geometric segments,

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

Tools of Design Select Mode vs. Text Mode Select Mode allows you to alter the position and size of both text and clipart Text Mode allows you change text size, font and characters but you CANNOT

More information

HEL HEL HEL HEL VETIC HEL VETIC HEL HEL VETICA HEL HEL ETICA ETIC VETIC HEL VETIC HEL HEL C VETICA ETI- HEL HEL VETI HEL VETICA VETIC HEL HEL VETICA

HEL HEL HEL HEL VETIC HEL VETIC HEL HEL VETICA HEL HEL ETICA ETIC VETIC HEL VETIC HEL HEL C VETICA ETI- HEL HEL VETI HEL VETICA VETIC HEL HEL VETICA CA C C CA C C CA Max Miedinger with Eduard Hoffmann C C CA C CA ETI- ETI- L istory elvetica was developed in 1957 by Max Miedinger with Eduard Hoffmann at the Haas sche Schriftgiesserei of Münchenstein,

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

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

O M. O M logo specs. O M O M O M O M

O M. O M logo specs. O M O M O M O M overview. The useum of odern Art, or oa, is an art museum in anhattan that holds and displays a wide range of modern and contemporary art. oa is considrered to be one of the most influential museums in

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

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

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

Ferrysavers Brand Guidelines

Ferrysavers Brand Guidelines 2 Contents 3 4 5 6 7 8 9 10 11 12 13 Introduction The Ferrysavers Logo Protecting Our Master Logo Incorrect Master Logo Application Ferrysavers Family Logos Typography Print Typography Digital Typography

More information

An innovative 3D typeface. 4 weights & 2 shading styles

An innovative 3D typeface. 4 weights & 2 shading styles An innovative 3D typeface IG V.1 SHADED SPECIMEN 4 weights & 2 shading styles ABOUT IG SHADED ig Shaded is a chromatic 3D type family with a geometric sans serif at its heart. As its name suggests, ig

More information

Chapter 2 - Graphical Summaries of Data

Chapter 2 - Graphical Summaries of Data Chapter 2 - Graphical Summaries of Data Data recorded in the sequence in which they are collected and before they are processed or ranked are called raw data. Raw data is often difficult to make sense

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

ASMP Website Design Specifications

ASMP Website Design Specifications Page 1 ASMP Website Design Specifications Page 2 All Pages 130 pixels (background = #ffffff) 100 pixels (background = #000000) Header Bar Use logo provided in PSD file. Match size and placement. AMERICAN

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

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

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

BRAND GUIDE JANUARY 2013 PREPARED BY JULIE ZACK GRAPHIC DESIGNER

BRAND GUIDE JANUARY 2013 PREPARED BY JULIE ZACK GRAPHIC DESIGNER BRAND GUIDE JANUARY 2013 PREPARED BY JULIE ZACK GRAPHIC DESIGNER 716.517.6298 BRIEF AERIS Latin word meaning air, atmosphere, ether, or weather. SPECIFICS Asbestos abatement Lead hazard control Mold mitigation

More information

Typography Controlling Visual Hierarchy Introduction to Grid Theory Design Consistency

Typography Controlling Visual Hierarchy Introduction to Grid Theory Design Consistency Typography Controlling Visual Hierarchy Introduction to Grid Theory Design Consistency ART-2413 Fall 2017 Typography Controlling Visual Hierarchy Introduction to Grid Theory Design Consistency ART-2413

More information

Chapter 7 Typography, Style Sheets, and Color. Mrs. Johnson

Chapter 7 Typography, Style Sheets, and Color. Mrs. Johnson Chapter 7 Typography, Style Sheets, and Color Mrs. Johnson Typography Typography refers to the arrangement, shape, size, style, and weight of text. Affects the navigation and usability of a web site and

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

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

Brand Identity Guide. September 2017

Brand Identity Guide. September 2017 Brand Identity Guide September 2017 Welcome At Canada Drives our goal is to be the number one consumer lending company in Canada by making financing simple and accessible to every Canadian while maintaining

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

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