Typography Style, selection, production, and psychology.

Slides:



Advertisements
Similar presentations
The Key Element in Desktop Publishing Design
Advertisements

More Information on Graphic Design & Color: A few pointers for your websites & other e- publications Dr. Jennifer Bowie.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO TYPOGRAPHY DESIGN.
Typography. Where can type face be found? What is the ultimate purpose? Why is it important?
Typography (The study of font).
Session 2—Chapter 3 Visual Literacy Learn to See, See to Learn.
Typography Typogra Typography Typogra. Designers use typography to communicate a client's message to an audience. They explore the creative possibilities.
Principles of Typography
Typography Usability & Readability
The Use of Typography in Print and Electronically. [typography] “exists to honour content” Robert Bringhurst, The Elements of Typographical Style.
Typography. What message do these fonts convey?  Jokerman  Old English Text  Brush Script  Curlz  Edwardian Script.
1.01 Investigate typefaces and fonts.
content/uploads/2010/03/Death_by_Typography_by_GCORE1.jpg.
1.01A – What typefaces should be used for various displays?????
TYPOGRAPHY & FONTS. What is Typography? Typography is the Art of Print. It exists in virtually everything we see that has words or letters. Careful thought.
1.01 Investigate typefaces and fonts.
Multimedia & Webpage Design
TYPOGRAPHY Jessica Chang. Times New Roman Georgia Baskerville Garamond  Respectable  Reliable  Traditional  Impressive  Authoritative Popular serif.
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO TYPOGRAPHY DESIGN Vocabulary and Guidelines.
Categories TYPE of Text is the most essential ingredient in design communication. With type you communicate in two distinct ways. The first message your.
Typography and Space for Web Design Important Issues From Web Style Guide.
 Layout – refers to the design and orderly formation of the various elements of an advertisement.  It is where & how you place the various elements.
Fonts Desktop Publishing. How many words can you read per minute? 250 to 300 words per minute.
Business Card Chris Valentine. Research I want my business card to work for me, which is why I have researched cards that I like the look of. My final.
Multimedia: Making it Work
Fall Unit 2. Development Module 8: Typography & Design.
Typography 2.01 Investigate typefaces and fonts..
Words are communication. What do they say? The meaning should come before the look of the type is considered. The primary task of graphic design is to.
Principles of Typography
DHS Graphic Design Typography. Type Alignment There are 5 types of type alignments: – Center – Left aligned – Right aligned – Justified – Or wrapped around.
TYPOGRAPHY.
DO NOW What are some examples of ways that companies use fonts to help sell their products? Copy your homework: Find two examples of creative uses of font.
Digital Interactive Media
Font Families by Anthony Asay. Font Family ●Font family or font face is the typeface that is applied to the text by a web browser. ●There are a lot of.
TYPOGRAPHY - DFP b6 Typeface Classifications. What is a font? Complete set of type of a particular face, style, and point size. Question: How many are.
® Forging new generations of engineers. Graphic Design.
Aim: What is Leading? Mr. Spaterella Technology Dec. 1.
Aim: What is a typeface? Mr. Spaterella Technology Dec. 1.
Welcome eager young artists! Ms. Edelman Friday, October 16, 2015  DO NOW: take out your notebook and a pen.
Creating Print Ads. Key Elements Copy –The words of an ad –Headlines, subheads, slogans, captions, body copy Art –The visual elements of the ad –Illustrations,
TYPOGRAPHY 1.01 INVESTIGATE TYPEFACES AND FONTS..
Typography Graphic Design Fundamentals
Typography 1.01 Investigate typefaces and fonts. (Rev. 2011)
Design and Typographic Principles. The Joshua Tree Principle Joshua Tree story example The four basic principles Contrast Repetition Alignment Proximity.
Visual Rhetoric and the Common Core Amy Jo Southworth Bay Shore High School
Typography. The Target Audience Publications are created to convey a message to the intended audience, called the target audience. The target audience.
What are we interested in? 1. Understand Design 0 2. Digital Image design 3 3. Time-based media Webpage design 2 1.
Typography A Key Element in Design A. Definition of Typography Typography is the appearance and arrangement of the characters that make up text on a page.
Words are communication. What do they say? The meaning should come before the look of the type is considered. Choose typographic styles and sizes that.
Graphic Design Mrs. Lacks. Typography Is the art and skill of arranging text so that language is visible Essentially, all forms of writing are typography.
Principles of Typography
Digital Interactive Media
Digital Interactive Media
Digital Interactive Media
Typography.
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Digital Interactive Media
Selecting a Typeface MKT 4123 Advertising.
Typography An introduction on how to use typefaces
Typography Typography is the art and technique of creating and composing type in order to convey a message. Words are communication. What do they say?
google. ca/imgres. imgurl= braincrumbtrail
Typography Basics 2.01 Investigate typefaces and fonts.
1.01 Investigate typefaces and fonts.
The Art of Type 9/17/2018.
Principles of Typography
Digital Interactive Media
A Few Simple Type Rules Graphics Design Tech 1.
Typography.
Digital Media Notes Your Name.
To Help Your Designs Look Better
Presentation transcript:

Typography Style, selection, production, and psychology

 The art of arranging type, which includes letters, numbers and symbols, so that it is pleasing to the eye. This includes not only the font that is used but how it is arranged on the page: letter by letter, size, line spacing, etc. Typography

Typeface vs. Fonts What’s the difference?

 A typeface refers to a group of characters, such as letters, numbers, and punctuation, that share a common design or style. Examples include: Times New Roman, Arial, Helvetica and Courier. Typeface

 refer to the means by which typefaces are displayed or presented (the way they look).means by which typefaces Font

 Serif  Sans-serif  Script  Display  Geometric There are many other classifications that we will not go into any further. Styles

 fonts that are recognizable by the small lines at the ends of the various strokes of a character. These lines make a typeface easier to read by guiding the eye from letter to letter and word to word, often used for large blocks of text, such as in a book. Serif

 Refers to typefaces without lines. Sans serif fonts are often used when a large typeface is necessary, such as in a magazine headline. These can be easier to read on screen.headline San-serif

Sans-serif

 Based upon handwriting and offer very fluid letterforms. There are two types: formal and casual. Script

Casual Script

Formal Script

 Based closely on geomnetric shapes: “O”s appear circular and letters are simple. Geometric

 The main characteristic is that they’re unsuitable for body copy and are best reserved for headlines or other short copy that needs attention drawn to it. Display

Typography plays a huge role in developing a strong brand identity and a solid first impression. Different fonts convey different messages. The Psychology behind Typography

Serif Fonts  Associations: authority, tradition, respect, and grandeur  Top 5: Times New Roman, Bodini, Georgia, Garamond and Baskerville. The Psychology behind Typography

Serif Fonts  When to use: On your resume, in the body text of an editorial, or when you want to give your research paper that extra assurance of success.  When not to use: on your child’s birthday party invitations, as the heading for your health and beauty blog, or anytime you are out of the office, newsroom or university really… The Psychology behind Typography

Sans Serif Fonts  Associations: clean, modern, objective, stable, and universal  Top 5: Helvetica, Verdana, Arial, Century Gothic, and Calibri The Psychology behind Typography

Sans Serif Fonts  When to use: as your corporate presentation header text, for extremely small body text (sans-serif fonts are more legible from far away), when you want to emphasise a single word, and as the body text on your website (sans-serif fonts are more legible than serif fonts when read on a computer screen).  When not to use: There are very few instances in which it is not okay to use a sans-serif font. These mainly pertain to whether the text is read on screen or on paper. If you are unsure which font to choose, a Sans-serif may be your best bet. The Psychology behind Typography

Slab Serif Fonts  Associations: Bold, Strong, Modern, Solid, and Funky  Top 5: Rockwell, Courier, Museo, Clarendon and Bevan The Psychology behind Typography

Slab Serif Fonts  When to use: on your next billboard ad, when printing on poor quality paper (slab serif fonts are known to be most legible in cases of poor quality printing), and when you want to attract attention in general  When not to use: on your afternoon tea invitation or in the body text on your website. The Psychology behind Typography

Scrip Fonts  Associations: feminine, elegant, friendly, intriguing, creative  Top 5: Lobster, Zapfino, Pacifico, Lucida and Brush Script The Psychology behind Typography

Script Fonts  When to use: on your holiday greeting card, on the place cards for guest tables at your wedding, and as the font for your creative company’s logo.  When not to use: in body text, as a sub-header, or for anything even remotely corporate. The Psychology behind Typography

Modern Fonts  Associations: exclusivity, fashionable, stylish, sharp, intelligent  Top 5: Inifinity, Eurostyle, Majoram, Matchbook, Politica The Psychology behind Typography

Modern Fonts  When to use: on your hipster photography blog header, for your designer sunglasses company logo, and when you want to attract the attention of Millennials.  When not to use: as the body text in your report, in conjunction with a script font, and on anything you are giving to your grandmother. The Psychology behind Typography

How do you select the right font?

 Know who your audience is and what they will feel is appropriate. 1. Dress for the occasion.

 The clothing analogy gives us a good idea of what kind of closet we need to put together. 2. Know your families.

 Depending on what you are doing, it is goo to have contrasting styles, such as a title of an article vs. the article itself.  It is better to have a larger diffence in font style than small, because it messes with the readers head. 3. Don’t Be a Wimp: The Principle of Decisive Contrast

Heres another clothing analogy. Look a the photos below. Just like clothing, you can use a whole lot of something and look like a clown, or use a little bit of an accent and look fashionable. 4. A Little Can Go a Long Way

Look at this font chosen for a menu title. Nice huh? 4. Contined

Look what happens when you use it for the whole menu. 4. Contined

Now look at what happens when you combine bold with simple. 4. Continued

We’ll call them “guidlines”. Be creative. It just takes an eye for what looks good together. 5. Rule Number Five Is ‘There Are No Rules’

 Design Process  Decide what your design will be based off of.  Decide which type family works with that idea.  Decide how you can incorporate and combine style with emotion/feeling.  Make several sketches to see what works best.  Create the final typeface on an illustrator program. Production of Type

Link to a free online font creator:  Production of Type

  font-should-i-use-five-principles-for-choosing-and- using-typefaces/ font-should-i-use-five-principles-for-choosing-and- using-typefaces/  typography/ typography/  typography/ typography/ Sources