Nate Daniel Font Basics, Usage and Layout. The Basics Fonts (also called typefaces) are a complete set of letters, numbers, and symbols – each with a.

Slides:



Advertisements
Similar presentations
The Art and Technique of Arranging Type
Advertisements

Typography 101 Using Typography to Enhance Content.
The Key Element in Desktop Publishing Design
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO TYPOGRAPHY DESIGN.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO TYPOGRAPHY DESIGN.
Typography (The study of font).
Evaluating the gestalt.  “Gestalt” means the unified whole.  We’ve approached design by using Gestalt research, planning our work by understanding how.
Copyright © 2003/4 Bolton Institute Type Anatomy We apply unique understanding to letter types and forms that can distinguish one typeface from another.
Copyright © 2003/4 Bolton Institute Typography We have looked at signs, colour, shape, images and texture to represent meaning Today we will look at the.
The Use of Typography in Print and Electronically. [typography] “exists to honour content” Robert Bringhurst, The Elements of Typographical Style.
Design and Layout Desktop Publishing Basics. Basics  Content dictates design.  The designer should have a plan for the final product.  Sketch a plan.
Listening Task Purpose of the test:
The Elements of Typography. The Anatomy of Type Baseline: The invisible line where letters sit.
LineLine What is a line? What lines do you see in this room? How can lines be different? Are they all straight?
Typography. What message do these fonts convey?  Jokerman  Old English Text  Brush Script  Curlz  Edwardian Script.
Type. Type Relationships  Type is the basic building block of any printed page.  Since it is often necessary to have more than one typeface on a page,
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO TYPOGRAPHY DESIGN Vocabulary and Guidelines.
Web Design – Sec 4-6 and 4-7 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
 Layout – refers to the design and orderly formation of the various elements of an advertisement.  It is where & how you place the various elements.
Learning about the Design Process.  For your next project you will pick a partner in class and you will be creating a logo for them - the client - and.
Chapter 4 Typography Objectives (1 of 2) Differentiate among calligraphy, lettering, and typography. Gain knowledge of type definitions and nomenclature.
Typography & Product Title Analysis. Typography Analysis When choosing a typeface, the viewer needs to be able to understand what message is trying to.
Principles of Design CRAP or PARC.
DTP Notes.
Print Medium. • Advantages & Limitations • Typography • Readability • Layout.
Digital Interactive Media
Graphic Design The term graphic design can refer to a number of artistic and professional disciplines which focus on visual communication and presentation.
Don’t have to be a designer to know when something just ain’t right…
English Language.
The applied art of arranging image and text to communicate a message.
Chapter 7. Designing Documents and Web Sites © 2013 by Bedford/St. Martin's1 Document and Web design has five goals: to make a good impression on readers.
What is Good Power Point Design? Six Rules for the Effective Design Summary PurposeDesignClearConsistentSimple Big Click the words to explore Press
AMERICAN PSYCHOLOGICAL ASSOCIATION (APA) WRITING AND DOCUMENTATION STYLE.
Website Usability presentation by Pasha Souvorin for Georgia Pathway in Advanced Web Design evaluating and planning for web design.
Welcome Back! 1.Walk quietly to your seat 2.Place your backpack under your seat 3.Turn on your computer and log in 4.Log into (remember,
Don’t have to be a designer to know when something just ain’t right…
Typography Graphic Design Fundamentals
Using Microsoft Word First, make sure that you are on the home tab across the top. Next locate the word Font in the ribbon, again, across the top.
In Business Series © Prentice Hall Microsoft Office Word 2007 In Business Core Chapter 2 Creating a Basic Report.
Design and Typographic Principles. The Joshua Tree Principle Joshua Tree story example The four basic principles Contrast Repetition Alignment Proximity.
Print Type Chapter 8. The Vocabulary of Typography Typeface refers to a set of letters, numbers, and other characters created by a typeface designer A.
A logo helps to give products and businesses an identity. Logos are carefully designed to suit the particular product or business. In order to design.
So many fonts, so much choice. More than 1000 fonts Just as an author struggles to find the right words, the graphic designer struggles to find the right.
Modes of Meaning. First, some terms…  Text: in this class, we will use the term “text” to mean any object we study and analyze. While a text can be a.
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.
Chapter 4 Typography. Objectives (1 of 2) Differentiate among calligraphy, lettering, and typography. Gain knowledge of type definitions and nomenclature.
TYPOGRAPHY in Design. OBJECTIVES 1. Understand typographic terms and measurement systems. 2. Learn how to select typefaces appropriate to a project's.
Friday, 01 July 2016Core Skills Communication1 Analysing and Presenting Complex Communication Outcome 1 Reading.
Digital Interactive Media
Digital Interactive Media
Digital Interactive Media
Typography Design.
Digital Interactive Media
Selecting a Typeface MKT 4123 Advertising.
Understanding and Applying Typography in CSS
INTRODUCTION TO TYPOGRAPHY DESIGN
Understanding and Applying Typography in CSS
The Art of Type 9/17/2018.
INTRODUCTION TO TYPOGRAPHY DESIGN
Principles of Typography
INTRODUCTION TO TYPOGRAPHY DESIGN
Digital Interactive Media
Business Communication
INTRODUCTION TO TYPOGRAPHY DESIGN
Evaluation Erin MacCallam
Typography.
INTRODUCTION TO TYPOGRAPHY DESIGN
INTRODUCTION TO TYPOGRAPHY DESIGN
INTRODUCTION TO TYPOGRAPHY DESIGN
Presentation transcript:

Nate Daniel Font Basics, Usage and Layout

The Basics Fonts (also called typefaces) are a complete set of letters, numbers, and symbols – each with a similar style. Typography is the technique of creating fonts, as well as the study of their creation. Creating fonts is a difficult process. All of a font’s characters (all of its letters, numbers, and symbols) must conform to the font’s overall style. This is often a matter of intensive tweaking.

When the NMSU Brand Identity Program needed to choose a font to represent the university’s logo, slogans, and header texts, they did so based on five tonal criteria: authentic, personal, vibrant, first-rate, and global. They chose a semi- serif version of Rotis.

Why is it important to use a good font? Well, to be more precise… Okay, so… …it’s important NOT to use a BAD font. Because fonts communicate a lot more than just the words they form.

More Bad Fonts! (from Douglas Bonneville’s “23 Really Bad Fonts” [bonfx.com/23-really-bad-font-choices])

…fonts have “personalities”. They can convey different meanings to the exact same sentence. To put it one way… The left advertisement’s font definitely “fits” the advertisement better. But why?

The Intuition Problem We know that some fonts are definitely better choices than others based on intuition. Sometimes, however, it’s not so clear-cut. For example, here I’m going back to Times New Roman. Normally, this font is a “safe” choice for everyday documents, but its contrast to the above font (Calibri) makes for a surprisingly jarring transition. Why exactly is that? Is it possible to determine the optimal font for something in a more quantifiable manner? Do good fonts have similar anatomical qualities?

The “Anatomy” of a Font Changing the style of small font elements can change the font dramatically. Mackiewicz’s study looks at the elements of fonts at this level to determine which typefaces work and which ones don’t, and also why.

The “Jagen” Test Mackiewicz chose five letters she believed could exemplify most of the unique elements of a font: the uppercase letter J, and the lowercase letters a, g, e, and n. We’ll call this the “Jagen Test”. Using the Jagen test, participants were able to much more easily pick apart what they liked or disliked about a font. (or so I like to call it) J a g e n

Mackiewicz’s Study Mackiewicz surveyed 62 undergraduate students from four different writing classes (two freshman-level, two upper division). None of the students had any formal experience with typography. The students were given 15 different font samples (shown below) and asked to evaluate them based on simple descriptive criteria.

Mackiewicz – Study Summary In general, Mackiewicz found that the students’ evaluation of the fifteen typefaces matched their “role” (i.e., their typical usage by typographers and graphic designers). Additionally, she was able to find a connection between font roles and their basic anatomical elements. “Professional” fonts tended to have serifs, and more angular and conservative anatomical elements. “Friendly” fonts tended to be sans-serif, and their anatomies were creative and varied. Overall, she reinforced the belief that a good choice of font can come from an observable and qualitative analysis of a font, not just a typographer’s intuition. The study can also help typographers more easily design fonts that are suited to specific purposes.

Relevance to Din Magazine The Din logo uses a good font to communicate its purpose. The letters are strong and bold; their radial motion blur, while not technically a part of the font, also help to convey the chaotic “din” feel that the magazine obviously wants to provide through its wide range (and often subject material) of its content.

Activity Open Microsoft Word. Write a sentence. Any sentence. It can be about anything in particular; just make sure it has an argument of some kind. Copy and paste the sentence ten times on ten different lines. Choose a different font for each sentence. Try to pick fonts that are different from each other. Pick fonts that work well. Pick fonts that really don’t work well. Pick some that might work well under the right circumstances. Experiment! Save and upload your sentence(s) to the wiki on the page marked “font sentences”.