FONT DESIGN & DEVELOPMENT

Slides:



Advertisements
Similar presentations
Typography Graphic Comm. Mr. Jarrett. Learning Objectives What is Typography What is a Serif Kerning, Tracking, & Leading Font Classifications Using Typography.
Advertisements

2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO TYPOGRAPHY DESIGN.
The art or process of printing with type Typography.
Typography the art of using (text) fonts and font styles to produce professional looking publications the art of using (text) fonts and font styles to.
Principles of Typography
The Elements of Typography. The Anatomy of Type Baseline: The invisible line where letters sit.
Typography and Imagery in Design Presented by Ashley Reeder.
content/uploads/2010/03/Death_by_Typography_by_GCORE1.jpg.
Typofaces give voice to words Typefaces give voice to words.
Multimedia & Webpage Design
Do Now: Take out your notebook and a pen. Good morning! Do Now: Take out your notebook and a pen. Good morning! Aim: What is a Font Family? Mr. Spaterella.
 Font is also commonly called type or text › They all mean the same thing You can say font face or type face but they mean the same thing.
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO TYPOGRAPHY DESIGN Vocabulary and Guidelines.
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.
Chapter 4 Typography Objectives (1 of 2) Differentiate among calligraphy, lettering, and typography. Gain knowledge of type definitions and nomenclature.
Chapter 4 Typography.
Typography Conveys mood Communicates attitude. The Letters X-height –the height of the main body of a lower case letter (literally, the x) x j Cap height.
1 SKETCHING and LETTERING Print multiple handouts on one page to save paper Select File – Print Edit the following selections to read: Select the OK button.
Introduction to Interactive Media 06: Text: Static Interactive Media Component.
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.
1 CP586 © Peter Lo 2003 Multimedia Communication Font and Text.
Multimedia Building Block : Text
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.
Typography Terms. o.php?viewkey=d26eb03e91d5741a4a 3b.
T YPOGRAPHY The study of all elements of type as a means of visual communication—from calligraphy to the use of digital type; includes the shape, size,
All of the following terms describe parts of a font that give the eye visual clues to decoding the letters while reading. Many of these terms stem from.
Graphic Design The term graphic design can refer to a number of artistic and professional disciplines which focus on visual communication and presentation.
Typography The Art of designing with words and letters.
The art of using text to produce professional looking publications.
The applied art of arranging image and text to communicate a message.
INTRODUCTION TO TYPOGRAPHY WHAT IS TYPOGRAPHY? Typography: The study of all elements of type including the shape, size and spacing of the characters.
Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”
Introduction to Interactive Media Interactive Media Components: Text.
Desktop Publishing Review. What is a rough sketch used in planning a layout and design?
Typograpy. Type Type - Categories Serif Fonts  Oldstyle  Transitional  Modern  Slab Serif Sans Serif Fonts Script Decorative Monospaced.
Typography Graphic Design Fundamentals
Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE.
Graphic Communications Chapter 4.  Distinctive designs of visual symbols that are used to compose a printed page.  Ie: Magneto, Times New Roman, Baskerville,
Typography is the art and technique of arranging type in order to make language visible. - The arrangement of type involves the selection of typefaces,
The art of using text to produce professional looking publications.
COM 365 Newspaper Layout & Design
Typography. the design and use of typefaces as a means of visual communication how to select, size, arrange, and use typefaces.
UNIT 4 - TYPOGRAPHY Digital Communications I. 3-D  an effect that gives the illusion of depth.
The Elements and Principles of Art Design. What Are They? Elements of design are the parts. They structure and carry the work. Principles of design are.
 TYPOGRAPHY. Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. The arrangement.
Introduction to Typography. UC Santa Cruz CMPS 171 – Game Design Studio II courses.soe.ucsc.edu/courses/cmps171/Winter14/01 5 February.
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.
TYPOGRAPHY in Design. OBJECTIVES 1. Understand typographic terms and measurement systems. 2. Learn how to select typefaces appropriate to a project's.
Digital Interactive Media
Introduction to typography
Typeface Classification
Digital Interactive Media
Digital Interactive Media
Typography Design.
TMD1073 Digital Illustration Chapter 3 : Typography
The designer crafted word
Graphic Design Working with Type
Digital Interactive Media
Typography and Illustrator
The art of using text to produce professional looking publications.
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
Unit 2.1: Identifying design elements when preparing graphics
Fine Tune & Tweak your Type
Typography The Art of designing with words and letters.
Desktop Publishing Terminology
Digital Interactive Media
A Few Simple Type Rules Graphics Design Tech 1.
Digital Media Notes Your Name.
Presentation transcript:

FONT DESIGN & DEVELOPMENT ONE PART PERSONALITY ONE PART LEGIBIILTY

WHAT’S IT FOR? COMMUNICATE message EFFECTIVELY ENHANCE THE MESSAGE NOT DISTRACT from it dependent on the expertise of the maker

calligraphy vs Letter construction CALLIGRAPHY VS PRESS - THE ORGANIC HAND VS. GEOMETRIC PRECISION FRENCH ACADEMY OF SCIENCES - AGE OF ENLIGHTENMENT PROPOSED A 48 X 48 GRID UNIT & NOTION OF FONT METRICS.

ADOBE’S DESIGN PROCESS CONCEPT RESEARCH - DETERMINE TYPEFACE PRIMARY FUNCTION MODEL KEYWORD IN A GEOMETRIC SPACE FULL CHARACTER SET COMPLETION SET SPACING, KERNING, AUXILIARY PARAMETERS SUCH AS HINTS

CONCEPT DEVELOPMENT DESIGN PROJECT USUALLY FALL INTO 3 CATEGORIES: HISTORICAL ADAPTION OF EXISTING LETTER TYPEFACE, NEW DESIGN NOT BASED ON ANY PRE-EXISTING MODEL OR RETROFIT OF A TYPEFACE TO A NEW MEDIA.

KEYWORD EXPLORATION HAMBURGEVONS/hamburgevons MOST OFTEN USED MOST USEFUL SET OF LETTERS DUE TO ALL MAJOR STROKE TYPES REPRESENTED - STRAIGHT, ROUND, DIAGONAL AND S-CURVE CAPITAL AND LOWERCASE KEYWORD LETTERS GIVES EARLY IMPRESSION OF HOW LETTERFROMS FIT TOGETHER EASIER TO MAKE GLOBAL CHANGES BEFORE COMMITTING TO FULL ALPHABET primary exploration stage of shape and letterspacing

WEIGHT & TEXTURE (COLOR) FONT CHARACTERS NEED BALANCE OF STROKE WEIGHT AND CONSISTENT COLOR (GREY TONE OR VALUE) MUST NOT HAVE DARK SPOTS IN STEMS, JOINS OR CROTCHES MUST NOT HAVE LIGHT AREAS IN BOWLS OR HAIRLINES COUNTERFORMS MUST APPEAR CONSISTENT

PROPORTIONS & TYPE WIDTH CLASSIC PROPORTIONS - COMBINATION OF LETTERS WITH WIDER AND NARROWER LETTERFORMS EQUAL PROPORTIONS - LETTERS ARE MORE OF EQUAL WIDTH HAMBURGE HAMBURGE

LETTER SPACING nanbncndnenfngnhninjnknlnmnnnonpnqnrnsntnunvnwnxnynz WORK OUT BASIC letter FIT USING CONTROL CHAINS FOR lowercase string n & o - UPPERCASE STRING H & O nanbncndnenfngnhninjnknlnmnnnonpnqnrnsntnunvnwnxnynz lowercase control chain oaobocodoeofogohoiojokolomonooopoqorosotouovowoxoyoz UPPERCASE CONTROL CHAIN HAHBHCHDHEHFHGHHHIHJHKHLHMHNHOHPHQHRHSHTHUHVHWHXHYHZ OAOBOCODOEOFOGOHOIOJOKOLOMONOOOPOQOROSOTOUOVOWOXOYOZ

TYPEFACE FUNCTION IS THE FONT FOR DISPLAY FUNCTION? DISPLAY TITLES LEGIBILITY BETWEEN 18 TO 72 POINTS IS THE FONT FOR TEXT SETTING? TEXT BODY COPY LEGIBILITY BETWEEN 6 TO 18 POINTS

MRS. EAVES DESIGNED BY ZUZANA LICKO - 1996 Revival design based on Baskerville, the mid-18th century typeface created by John Baskerville. Tribute to Sarah Ruston Eaves, the love of John Baskerville’s life. Sarah Eaves and her children lived with Baskerville for 16 years after her husband Richard Eaves abandoned them. Sarah Eaves cared for the Baskerville- Eaves home and collaborated with Baskerville, becoming his partner in his typesetting business and in life. Sarah Ruston Eaves Baskerville continued her second husband’s typesetting business following John Baskerville’s death in 1775. Ms Ličko states “In translating this classic to today’s digital font technology, I focused on capturing the warmth and softness of letterpress printing that often occurs due to the gain of impression and ink spread.” Rounded the serifs and terminals - lowered the contrast of Baskerville’s thicks and thins. The result is more organic and softer.

CALVERT BRODY TYPEFACE Neville Brody’s remixed design based on Royal College of Art’s house original font created by Margaret Calvert. Used as an identity typeface for the university. "The idea is like bringing in a producer and doing a remix of music, so I remixed Margaret's font," Brody told Dezeen. "I've tried to make it both more classical by making it more exaggerated and thick and thin, and at the same time make it more industrial and contemporary, by bringing in the - hopefully interestingly - redrawn pieces plus the stencil."

PROGRESS TWO TYPEFACE This original monolinear sans with a soft, organic edge and striking joins, has eclectic, almost abstracted letter forms. Gareth Hague built Progress Two off of his first typeface concept - Enabler. He made it more mainstream by making the characters rounder, more organic and flexible multiple weights for both the display and text use.

REFERENCE ADOBE PUBLICATION: DESIGNING MULTIPLE MASTER TYPEFACES http://partners.adobe.com/public/developer/en/font/5091. Design_MM_Fonts.pdf