LIBBY BERRIE GRAPHIC DESIGN ASSIGNMENT TERM TWO, SEMESTER ONE, 2012 LITERARY RESEARCH ESSAY - ICONIC FONTS CASLON FF DIN HELVETICA COURIER FUTURA

Size: px
Start display at page:

Download "LIBBY BERRIE GRAPHIC DESIGN ASSIGNMENT TERM TWO, SEMESTER ONE, 2012 LITERARY RESEARCH ESSAY - ICONIC FONTS CASLON FF DIN HELVETICA COURIER FUTURA"

Transcription

1 LIBBY BERRIE GRAPHIC DESIGN ASSIGNMENT CASLON FF DIN HELVETICA COURIER FUTURA TERM TWO, SEMESTER ONE, 2012 LITERARY RESEARCH ESSAY - ICONIC FONTS

2 Courier LIBBY BERRIE 2012 GRAPHIC DESIGN RESEARCH ASSIGNMENT A letter can be just an ordinary messenger, or it can be the courier, which radiates dignity, prestige, and stability. Howard Kettler Courier was designed after the output of mechanical strike-on typewriters by Howard Bud Keller for IBM s electric typewriters in This font was redrawn by Adrian Frutiger in For the IBM selectric series. Even though the was commissioned by this company, IBM didn t buy exclusive right and therefore Courier became the universal font for all electric typewriters. Courier has been redrawn to be updated to current digital technology. Their newer iterations are Courier New, Courier Final Draft and Courier standard. The fonts are near identical, apart from minor monospacing tweaks and modified ascenders. Courier itself comes in 2 weights (Regular and Bold) and has an oblique option for each of them. Courier is a monospaced font. The make of electric typewriter dictated that each glyph was given the same amount of space - no matter if it was an m or an i. Monospaced fonts are now currently used for coding and ASCII art online. The font is also classified as slab serif - The glyphs have serifs but they are squared and at QFig. 1: Comparing the Q s tail Grey: Myriad Orange: Courier a perpendicular angle to the original line. This characteristic is common in most fonts designed to emulate the classic typewriter style. Courier is most commonly referred to as the typewriter font as it replicates the most common characteristic associated with typewriter test. This would be the slab serifs and monospaced glyphs. The most notable characteristics of Courier are its slab serifs and the tail of the Q - as it descends instead of hanging off at the left like most other fonts. Courier is still used today, mainly it is an industry standard typeface for manuscripts and film scripts. All scripts are meant to be printed out in 12 point courier. Some business use it for documents such as invoices as the classic, recognisable typewriter font makes the document more trustworthy, especially for people who are not completely accustomed to modern technology. Up until 2004, the American government used 12pt Courier on all their legal documents. They changed over to a 13pt Times new Roman for its legibility Courier s monospacing means the typeface can be easily set into black paragraphs. other fonts that do not have monospacing are harder to layout in this manner. often to achieve a similar effect you d have to vary the spaces between each word, resulting in large blank spaces in each line. Because of the unified spacing between characters, no matter what their intended width, the kerning ends up inconsistent and makes blocks of texts hard to interpret. In order to make paragraph text readable in this font you d have to individually kern between characters. The iconic slab serifs of this font unfortunately make the typeface less legible - especially when set in thicker font weights. Certain letters like the lowercase q and g can be mistaken for each other because of the large serif on Fig. 2: Monospacing of glyphs M[[Hoodie vice seitan, forage mcsweeney s voluptate pop-up ut organic.]] the q s tail.

3 LIBBY BERRIE 2012 GRAPHIC DESIGN RESEARCH ASSIGNMENT Futura The first font to ever set foot on the moon Paul Renner created Futura after being issued to by the Bauer foundry in The style was based on the Bauhaus movement from 1919 to The creation of Futura introduced the idea of geometric modernism to the typographic world, as Paul tended to stick to the bare bones of a glyph - he d rely more on shapes and minimalism to convey the letter rather than fancy serifs or flourishes. Originally, the font was commissioned for use by the Bauer foundry, but in the 1950s it was a popular for for business. In 1969 A plaque was made to be sent up to the mood - the font was set in Futura. Since the 1960s, IKEA used Futura for it s corporate Identity s font and in all of their publications and brochures. It wasn t until 2010 that they changed the font from Futura to Verdana, to match their print font up with the font they used on the web. This led to a worldwide revolt, as customers and typographic enthusiasts alike complained to IKEA about ruining their design oriented image by replacing Futura with such a bland, web-oriented font. This issue has been joking referred to as Verdanagate. Aside from IKEA s use, this font is used for the labels of Louis Vuitton and the branding or Red Bull. This Modernist, Sans Serif font can also be classified as Geometric Grotesque. The reason for this is due to the minimalist drawing of each glyph. Paul relied io o Fig. 1: Demonstrating the key smilarities and unity between most glyphs in this typeface fig. 2: Comparison of font weights throughout futura. Not including oblique and condensed weights. on nothing but shape and line to convey each letter. Renner focused on the function of each letter in order to dictate its form. Futura comes originally in 6 weights; (Lightest to heaviest weight) Light, Book, Medium, Heavy, Bold and Extra Bold. All six of these weights contain an oblique version of each font. A condensed version of Futura has also been created in four weights: Light, Medium, Bold and Extra Bold. Again, all of these weight contain on oblique variant. Futura is a font that is very minimalist. No serifs are involved in any letters as Paul only relied on line and shape to jonvey letters. For example, the lowercase j has no tail. As opposed to most other fonts, there are no squared off corners. they are left sharp and more often that not exceed the ascended and median line of each typeface. A good example of this is through the uppercase M and W Closed counter letters such as G, O and Q take up considerably more space than the thinner letters because they re perfect circles, as opposed to skewed ovals like most other paragraph fonts. Fig 3: Futura in use: IKEA and Redbull (Slightly altered) Futura successfully puts function above form when trying to convey words. The minimalist style of glyph Paul utilises keeps the letters clean and appealing to the eye. In most weights the font is completely legible. Due to the minimalist nature of font, there are no serifs or swashes to give us more visual cues on each letter. Fore example, if you were to skim over text the a and o look to similar, as with the i and j. <Hoodie vice seitan, forage mcsweeney s voluptate pop-up ut organic.>

4 LIBBY BERRIE 2012 GRAPHIC DESIGN RESEARCH ASSIGNMENT FF DIN --When traffic control becomes Modernist Design-- FF DIN is a modern adaptation of DIN 1541 Mittelschrift, A font created by the D Stempel AG foundry in The latest version, named FF DIN was created by Albert Jan-Pool in 1995 It was Renamed FF DIN to fit in with the Font Foundry which now owns it (FontFont). The name DIN is an acronym for Deutsches Institut für Normung. A rough translation of this is the German institute for Standardisation. DIN 1451 was originally chosen as the industry standard font for engineering and traffic signs all across germany. The earliest Iteration of the font known as DIN was in 1902, however the font was officially released by the D Stempel AG Foundry for the Linotype printing press in Albert-Jan Pool was introduced to the idea of modernising the typeface after meeting with another typographer Eric Speikermann (Known for creating the fonts FF Meta and FF Unit). At this point there was already a version of DIN in 2 weights on the market, however it was too geometric and only in two weights. The idea was to fix the inconsistencies of the original and expand it to contain more weights, An alternate set of glyphs with subscript numbers as well as condensed and rounded versions of the font. Pool also included Greek and Cyrillic glyphs into the font so it became more accessible to different languages. FF DIN is a modern, Greek and Cyrillic sans serif font that has three different styles(regular, Italic and Condensed) - As well as one alternate version art fig. 1: DIN 1451 (Grey) and FF DIN (Orange) fig. 2: Dropped Numbers fig. 3: Filler Text Sample FF DIN in use: PORTAL 2 (c) VALVE, Header text on the University of Canberra Website, Poster from the London Festival of Design, and it comes in 5 different weights; Light, Regular, Medium, Bold and Black. FF DIN is a massive expansion of DIN 1541, which only had 2 weights. Mittelschrift (Regular) and Engscrift; a condensed weight which was only to be used when there wasn t enough room on the vehicle or sign to fit the text on otherwise. The main characteristics of FF DIN are that is is very smooth whilst still keeping it s original geometric qualities. It does so by having a consistent line weight for each horizontal and vertical line in each glyph. The lines end with squared edges which keeps the architectural element of the font. The ascending and descending glyphs of this typeface do not deviate too far away from the median. In the alternative glyph set the numbers 3, 4, 5, 7, and 9 are descending glyphs, the tittle on the I is rounded and the aperture of the uppercase C and G is wide. Compared to DIN 1451, the curves are smoother (Most apparent in the A and S) and the line weight on the tail of the uppercase Q is more consistent. Compared to older popular fonts, the popularity of FF DIN is astounding. This font has now been a massive part of the graphic design community. Notable uses of this font include: The PORTAL and HALF LIFE branding, as well as Valve Software s corporate font. The University of Canberra uses FF DIN for all its official publications. The modernisation of DIN 1451 has been quite successful. It effectively increases the font s usability by broadening its range of font weights whilst retaining its geometric and architectural style. The unified line weight per letter and the clean style of each glyph make it suitable for uses in text and web format. If there was one negative i could say, it would be in the alternate font styles, the rounded tittle s on the i s are not consistent with the test of the font, thus detracting from the entire typeface. the lost unity is not a pleasant distraction. thoodie vice seitan, forage mcsweeney s voluptate pop-up ut organic.

5 LIBBY BERRIE 2012 GRAPHIC DESIGN RESEARCH ASSIGNMENT Helvetica And I think I m right calling Helvetica the perfume of the city. It is just something we don t notice usually but we would miss very much if it wouldn t be there - Lars Müller Helvetica was originally designed by Max Meidiger with help from Eduard Hoffman in It was originally designed to compete with a popular sans serif font known as Akzidenz Grotesk (Günter Gerhard Lange, 1896) Originally, Max intended the font to be called Haas Grotesk due to the font foundry he was working with at the time, however in 1960 the font was changed to Helvetica to be more appealing to an international market. They decided to call it Helvetica because it was the latin word for Swiss. Nowadays, the font is immensely popular. It is the go-to font for most designers to the point where it is becoming overused. Some notable uses, however, include brands like Apple Inc. (Default font for ios), Microsoft and Panasonic. It has commonly been referred to as the hipster font, as popular culture tends to stereotype the hipster clique as Helvetica obsessed. Helvetica is a Modern, Sans Serif typeface. This typeface is also known as a Grotesque(Sometimes spelt Grotesk) as that was the term given to the earliest iterations of sans serif fonts. The reason for this term is because back then it was a foreign and strange concept to have fonts without their serifs. It is also classified as greek and Cyrillic as it supports all european languages. Although it wasn t originally created for this purpose, Helvetica is classified as a good web font as well as being intentionally a high performing page font. This is mainly due to the clean lines of each glyph After its original creation, Helvetica has many iterations after it. These include Helvetica Neue, Inserat, Light, and Compressed. There is also a version of Helvetica for universal languages called Helvetica World. Most, if not all of these fonts come in these weights: Ultralight, Light, Roman, Regular, Bold and Black. All of these have an oblique variant. To define Helvetica against Akzidenz Grotesk or the newer Arial the best thing to look for are the distinct squared ends. Especially with the lowercase t. other defining characteristics include the aperture of open counters being closed up- the square ends of letters like c end parallel to each other, instead of at an angle. Furthermore, letters like a in Helvetica have attached slab serifs, and the f and t in the glyph set are distinctly narrower. Left: Helvetica; the movie (Documentary) Top: Toyota logo Above: ios screenshot Helvetica is a timeless font. It s simple lines and straight finials mean it is very adaptable. The neutrality of this font makes it versatile for designers to use. The even lines on each glyph make the font more suitable to the web, but not in the thinner weights. The issue with helvetica is that there are many fonts out there that look almost identical to helvetica, to the point where the font is less appreciated. The overuse of helvetica and similar fonts have ruined this iconic font s reputation. Hoodie vice seitan, forage mcsweeney s voluptate pop-up ut organic.

6 Caslon LIBBY BERRIE 2012 GRAPHIC DESIGN RESEARCH ASSIGNMENT Common phrase used in the design world: When in doubt, Use Caslon. Caslon as a font describes a suite of fonts based of the typographic designs by William Caslon. Caslon s main font was created in At the turn of the 18th century, William Caslon filled the empty niche for english based fonts, as previously the country relied on holland for their letterpresses. The creation of Caslon was a turning point of Type Foundry in England. William based Caslon on the typographic lettersets sent from holland, but he added delicate serifs and ligatures to glyph conversation The most popular version of Caslon s fonts is Adobe Caslon Pro - Redrawn by Carol Twomby for Adobe in 1990, Based on William Caslon s original printed specimens. It is classified as an old-style Serif font. Semibold and Italic. All three weights have an Italic variant. Some distinct characteristics of Caslon are the flourishes and swashes that William Caslon included in the original glyph set. For example, the uppercase Q has a long tail that can span up to 3 glyphs. When italicised, some glyphs in Caslon change a lot. For example, the tail of the Q curls around and the double story a turns into a single story a when when it is oblique. There are also spefic ligatures for specific character types. Some gould examples of this is with the combinations of fi, ffi and in some cases ft. Caslon is disputed to be the first letterset created by an english foundry. Therefore, its purpose was to provide a legible font for all letterpresses and therefore all publications, whist still remaining appealing to the eye. A notable use of Caslon is the United States of America s Declaration of Independence. Caslon is a popular font to use for most publications nowadays. It is intended for print view so is more suited to books and, because of its distinct style, Business magazines. Different Caslon replicants could contain many different font siblings. For this example we re going to be covering Adobe Caslon, but there have been a lot of replications on the original font created by many different designers. Adobe Caslon comes in three different weights; Bold, Q a Fig. 1: some of the largest differences between the regular and italicised Caslon Caslonas a font is very timeless. the varied line weight greates intrigue and gives the reader more visual cues towards the glyph being presented. This font is a great font for printed documents, of course, this is mianly because the font was intended for that medium, and internet was not around in the 18th century. In smaller font sizes, the ascenders and descenders of each font appear to taper towards the ends despite the serifs on them. this could result in a font that looks slightly wrong when used in small paragraphs. Hoodie vice seitan, forage mcsweeney s voluptate pop-up ut organic.

7

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

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

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

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

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

Chapter 18: The International Typographic Style

Chapter 18: The International Typographic Style Chapter 18: The International Typographic Style International Typographic Style A graphic design style emphasizing cleanliness, readability and objectivity developed in Switzerland in the 1950s. Specifics

More information

HURME GEOMETRIC SANS

HURME GEOMETRIC SANS No.1 SHARP No.2 ALTERNATIVE HURME TYPEFACE SPECIMEN PRINT SAMPLES No.3 BLUNT No.4 SWASH Hurme Geometric Sans Typeface Specimen 03/20/2013 2 Page heading: Black. 30pt/30pt. Byline: Regular/Bold SmallCaps.

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

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

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

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

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

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

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

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

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

Graphic Standards 1/28/13

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

More information

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

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

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

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

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

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

3/20/16. International Typographic Style. International Typographic Style. International Typographic Style ARTH 4573 HISTORY OF GRAPHIC DESIGN

3/20/16. International Typographic Style. International Typographic Style. International Typographic Style ARTH 4573 HISTORY OF GRAPHIC DESIGN ARTH 4573 HISTORY OF GRAPHIC DESIGN Section 9a international typographic style (swiss style) } American Modernism } 1913 } 1930s } The Depression } World War 2 } After the War } } Basel and Zurich, Switzerland

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

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

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

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

F PROT. Sub-brands FILE SERVER SECURITY

F PROT. Sub-brands FILE SERVER SECURITY BRANDING MANUAL Logo The F PROT Circle Icon was designed by Ágúst Gunnarsson and was introduced in 2006. We consider it very strong and it is at the focal point of a lot of our material. The latest update

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

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

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

Concepts and Terms. production assignment 01 review V. Different Typefaces Same Name. I. Vector vs Raster Graphics

Concepts and Terms. production assignment 01 review V. Different Typefaces Same Name. I. Vector vs Raster Graphics production assignment 01 review 01.0 Concepts and Terms I. Vector vs Raster Graphics A. Vector graphics (aka object graphics) are resolution independent. Illustrator is vector- or object-based drawing

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

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

Trust runs deep. Brand Communications Guidelines. Version 12.1,

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

More information

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

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

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

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

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

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

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

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

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

AIM Mail Centers Style Guide

AIM Mail Centers Style Guide AIM Mail Centers Style Guide * The following booklet contains the style guide for the AIM Mail Centers brand only. If you have questions regarding style guides for the PostalAnnex+, Navis Pack & Ship,

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

The International Typographic Style

The International Typographic Style The International Typographic Style Ernst Keller was one of the pioneers of Swiss design. His work used symbolic imagery, simplified geometric forms and vibrant contrasting color. Poster for the Rietberg

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

Template Tidbits. Q How do I get the places I can enter copy to show up? (Highlight Fields Bar)

Template Tidbits. Q How do I get the places I can enter copy to show up? (Highlight Fields Bar) Template Tidbits This document is not intended to replace the individual guidance documents that accompany each template. Instead, it is a general document that addresses questions frequently asked by

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

HomeNet Automotive Visual Identity Guide

HomeNet Automotive Visual Identity Guide HomeNet Automotive Visual Identity Guide Official Care and Feeding of the HomeNet Automotive Brand Version 1.2 September 3, 21 Table of Contents HomeNet Automotive s Branding Mission - A letter from Jesse

More information

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

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

More information

Typography Main typography EC Square Sans Pro

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

More information

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

Tribunal. ewjduhiz tvnsgfq. Typotheque type specimen & OpenType feature specification. Please read before using the fonts.

Tribunal. ewjduhiz tvnsgfq. Typotheque type specimen & OpenType feature specification. Please read before using the fonts. Typotheque type specimen & OpenType feature specification. Please read before using the fonts. Tribunal OpenType font family supporting Latin based languages with their own small caps, with extensive typographic

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

Brand Guidelines. Version 1 / May 2016

Brand Guidelines. Version 1 / May 2016 Brand Guidelines Brand Guidelines 02 Contents 01 Introduction 03 02 Identity 04 02.1 The Hadrian s Wall World Heritage Site logo 04 02.2 Exclusion zone 05 02.3 Separated logo 06 02.4 Non UNESCO logo 07

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

BREE FONT FAMILY UPDATE WHAT HAS CHANGED

BREE FONT FAMILY UPDATE WHAT HAS CHANGED BREE FONT FAMILY UPDATE WHAT HAS CHANGED BREE FAMILY The Bree font family is a spry sans serif by Veronika Burian and José Scaglione that delivers a spirited look and feel for branding and headline usage.

More information

Veto Font Family (Linotype Library) - consisting of 8 font weights

Veto Font Family (Linotype Library) - consisting of 8 font weights Document published and visible in internet. MY ACCOUNT / LOGIN presented in: Marathon Book FONT LOUNGE > For a larger view please click on the image Back to Unobtrusively italic Veto is a functional font

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

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

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

More information

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

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

More information

Bardax. Process GD350 ADVANCED TYPOGRAPHY REFLECTION ON PRACTICE ERSAN ÇELİKTAŞ

Bardax. Process GD350 ADVANCED TYPOGRAPHY REFLECTION ON PRACTICE ERSAN ÇELİKTAŞ 1 1. Turkish tea glass is called ince belli bardak in Turkish, which means thin waisted glass. 2. Adobe Illustrator is a computer software that enables users to design, modify and edit vector graphics

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

Sunshine Pack & Ship Style Guide

Sunshine Pack & Ship Style Guide Sunshine Pack & Ship Style Guide * The following booklet contains the style guide for the Sunshine Pack & Ship brand only. If you have questions regarding style guides for the PostalAnnex+, Handle With

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

Good Typefaces. 680pt Adobe Garamond. Humanist/ Old Style Serif Adobe Garamond Garamond Goudy Hoefler

Good Typefaces. 680pt Adobe Garamond. Humanist/ Old Style Serif Adobe Garamond Garamond Goudy Hoefler 30 Good Typefaces 680pt Adobe Garamond Franklin Gothic Demi Humanist/ Old Style Serif Adobe Garamond Garamond Goudy Hoefler Transitional Serif Baskerville Caslon Minion Mrs.Eaves Perpetua Times New Roman

More information

Essentials for Text and Graphic Layout

Essentials for Text and Graphic Layout 5. Essentials for Text and Graphic Layout This section provides specific text and graphic guidelines that will help create a unified series of interpretive signs around Humboldt Bay. Text refers to the

More information

Logo & Brand Identity Guidelines. Media Sonar Technologies

Logo & Brand Identity Guidelines. Media Sonar Technologies Technologies Logo & Brand Identity Guidelines 0 Contents 1.0 Logo Specifics 2.0 Typeface Details 3.0 Icons 4.0 Colour Specifications 5.0 Logo Styles (lock-ups) 5.1 Logo Best Practices Logo Construction

More information

How to work with text

How to work with text How to work with text Adobe Flash Professional lets you add text to a Flash application in two formats: You can add Text Layout Framework (TLF) text. You can add Classic text. Using the Text Layout Framework

More information

Corporate Identity Guidelines

Corporate Identity Guidelines Corporate Identity Guidelines CONTENTS 1.0 TRADEMARK Watco Companies Logo Logo Clear Space Logo Variations Project Logos Proper Logo Use 03 04 05 06 07 08 2.0 TYPOGRAPHY Type Family 3.0 COLOR Brand Color

More information

B R A N D GUIDELINES

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

More information

CORPORATE GRAPHIC STANDARD GUIDELINES. Revision: 07/17/2014

CORPORATE GRAPHIC STANDARD GUIDELINES. Revision: 07/17/2014 CORPORATE GRAPHIC STANDARD GUIDELINES Revision: 07/17/2014 Graniterock Corporate Graphic Standard Guidelines 2 INTRODUCTION The Graniterock logo and graphics are an important part of our Company s identity.

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

OCA Graphic Design: Core Concepts 1 Assignment 5 - Penguin Books Jane Braybrook Jane511794

OCA Graphic Design: Core Concepts 1 Assignment 5 - Penguin Books Jane Braybrook Jane511794 OCA Graphic Design: Core Concepts 1 Assignment 5 - Penguin Books Jane Braybrook Jane511794 Supporting Blog Post: https://jane511794.wordpress.com/category/assignments/assignment-5/ Critical Evaluation

More information

GÉANT CORPORATE IDENTITY GUIDELINES FOR USE. connect communicate collaborate

GÉANT CORPORATE IDENTITY GUIDELINES FOR USE. connect communicate collaborate GÉANT CORPORATE IDENTITY GUIDELINES FOR USE connect communicate collaborate THE LOGO The GÉANT logo is the core element within the brand. From printed brochures and datasheets through PowerPoint presentations

More information

Logo Style Guide. February 20, 2008

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

More information

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

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

More information

How to use this manual

How to use this manual GRAPHIC STANDARDS How to use this manual This manual provides a framework for creating consistent and impactful marketing communication material that is refl ective of NEO s core essence. It serves as

More information

History of Typography. (History of Digital Font)

History of Typography. (History of Digital Font) History of Typography (History of Digital Font) 1 What is Typography? The art and technique of printing The study and process of typefaces Study Legibility or readability of typefaces and their layout

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

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

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

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

ONE K CREATIVE. tools for social impact storytelling: CREATING A CONSISTENT BRand

ONE K CREATIVE. tools for social impact storytelling: CREATING A CONSISTENT BRand ONE K CREATIVE tools for social impact storytelling: CREATING A CONSISTENT BRand key elements to define for brand consistency DEFINING THE BASIC ELEMENTS OF YOUR BRAND ALLOWS YOUR TEAM - STAFF, BOARD MEMBERS,

More information

The use of eye-tracker technology to evaluate typefaces, Greek fonts and publication design for screen.

The use of eye-tracker technology to evaluate typefaces, Greek fonts and publication design for screen. Typography in Publication Design The use of eye-tracker technology to evaluate typefaces, Greek fonts and publication design for screen. Evripides Zantides, Cyprus University of Technology, Lemesos, Cyprus,

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

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

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

Typography Manual. Edition Number 02, 2016 by Chris Do 2016 Chris Do

Typography Manual. Edition Number 02, 2016 by Chris Do 2016 Chris Do Typography Manual Edition Number 02, 2016 by Chris Do 2016 Chris Do 01 Justify Left When in doubt, set your type justify left rag right. Why? In western culture, people read from top to bottom, left to

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

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

Pushpay Simple Brand Guide. Volume 1.0

Pushpay Simple Brand Guide. Volume 1.0 ushpay Simple Brand Guide Volume 1.0 rimary Logo HORIZONTAL VERTICAL INFO The ushpay logo is the face of the brand. It is the one element that is used on all communication pieces and should always be implemented

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

INTRODUCING THE Transition family

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

More information

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

SELECTING THE RIGHT TYPE FOR THE JOB

SELECTING THE RIGHT TYPE FOR THE JOB CHAPTER FOUR SELECTING THE RIGHT TYPE FOR THE JOB ype has the power to make or break a job. Every typeface has a distinct personality and conveys a different mood, message, or feeling. Display typefaces,

More information