LIBBY BERRIE GRAPHIC DESIGN ASSIGNMENT TERM TWO, SEMESTER ONE, 2012 LITERARY RESEARCH ESSAY - ICONIC FONTS CASLON FF DIN HELVETICA COURIER FUTURA
|
|
- Avis McGee
- 6 years ago
- Views:
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 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 informationFont 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 informationart 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 informationVOICE 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 informationMODULE 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 informationChapter 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 informationHURME 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 informationFont, 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 informationfonts 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 informationTYPOGRAPHY. 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 informationPre-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 informationjasonjuwono 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 informationHow 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 informationAlphabet. 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 informationunderstanding 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 informationFont 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 informationGraphic 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 informationTypography 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 informationProject 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 informationHEL 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 informationLESSON 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 informationEnvSci360 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 informationFriendly 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 information3/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 informationGraphic 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 informationBaskerville. 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 informationIn 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 informationAccessible 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 informationF 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 informationanatomy 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 informationTYPE 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 informationThe 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 informationConcepts 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 informationTypefaces 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 informationUnit 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 informationTrust 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 informationsection 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 informationPutting 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 informationTHINGS 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 informationUser-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 informationTYPE. 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 informationThe 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 informationDavid 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 informationTYPOGRAPHY. 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 informationa 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 informationIntroduction 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 informationAIM 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 informationABOUT 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 informationThe 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 informationBasic 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 informationTemplate 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 informationWEB 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 informationHomeNet 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 informationIntroduction 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 informationTypography 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 informationSynopsis 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 informationTribunal. 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 informationTypography. 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 informationBrand 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 informationLOGO & 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 informationBREE 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 informationVeto 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 informationDesign 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 informationOUR 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 informationBRAND. 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 informationBardax. 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 informationA 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 informationSunshine 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 informationText 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 informationGood 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 informationEssentials 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 informationLogo & 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 informationHow 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 informationCorporate 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 informationB 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 informationCORPORATE 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 informationBASIC 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 informationOCA 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 informationGÉ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 informationLogo 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 informationOCA 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 informationHow 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 informationHistory 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 informationUsing 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 informationDocument 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 informationTypographic. 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 informationModifying 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 informationONE 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 informationThe 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 informationDESIGNING 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 informationThis 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 informationInDesign. 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 informationTypography 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 informationType 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 informationGuiding 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 informationPushpay 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 informationDesigning 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 informationINTRODUCING 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 informationINTRODUCTION 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 informationSELECTING 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