Designing With Type part 1. “Everyone is a typographer now. How good a typographer you are is up to you!” - Jason Cranford (designer)

Slides:



Advertisements
Similar presentations
The Art and Technique of Arranging Type
Advertisements

Definition: The style, arrangement, and appearance of text on a page.
SM2222: Information Design and Visualization Session 3: Typography 23 September 2005.
0202 IAT 102 Graphic Design Typography Typeface Spacing.
Typography ENGL Terms Concordant, conflicting, contrasting (NDDB 123) X-height (NDDB 142) Ascenders (NDDB 142) Descenders (NDDB 142) Baseline (NDDB.
Typography (The study of font).
Desktop Publishing Ann Ware Fall, Desktop Publishing Using a computer with page-layout software to design, edit, and produce professional-looking.
0202 IAT 102 Graphic Design Typography: origin of movable type Typeface Grid.
Graphic Design: An Overview for Effective Communication.
LineLine What is a line? What lines do you see in this room? How can lines be different? Are they all straight?
Typography G raphics theory. Typography Typography is the art of lettering which is… Used to create Effect Used to create Meaning Used to create some.
1.01 Investigate typefaces and fonts.
1.01 Investigate typefaces and fonts.
Multimedia & Webpage Design
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
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,
Investigating Texts What is Typography?. Simply put, typography is the study of type and letterforms. In our daily lives we are constantly surrounded.
Do Now: Log In. Open Photoshop. Good morning! Do Now: Log In. Open Photoshop. Good morning! Aim: What Photoshop tools will I use to design my book cover?
Chapter 4 Typography Objectives (1 of 2) Differentiate among calligraphy, lettering, and typography. Gain knowledge of type definitions and nomenclature.
Chapter 4 Typography.
JRN 302: Introduction to Graphics and Visual Communication - Typography Tuesday, 7/7/15.
1 CP586 © Peter Lo 2003 Multimedia Communication Font and Text.
Chapter 9 Text. So, chapter 10 is about Photography, now Chapter 9 is about text What should it look like, how big should it be, how do colors contrast,
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.
Typography Terms. o.php?viewkey=d26eb03e91d5741a4a 3b.
Digital Interactive Media
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,
Graphic Design The term graphic design can refer to a number of artistic and professional disciplines which focus on visual communication and presentation.
Typography: Basics. Type Basics Typography: The design of letterforms and the arrangement of them in two-dimensional space. Type font: A complete set.
History of Typography. What is “Typography?” printing  The art and technique of printing  The “study” and “process” of typefaces  “Study”  Legibility.
Typography and Illustrator The History of Typography & Using Illustrator to create.
Typography. TYPOGRAPHY: The art of type TYPE All the letters (abc), Numbers (123) & characters (; of the alphabet.
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.
The applied art of arranging image and text to communicate a message.
JRN 302: Introduction to Graphics and Visual Communication - Typography Tuesday, 9/22/15.
Introduction to Typography 09/5/2013 Typography IIntroduction to Typography.
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.
FONTSandTYPFACES. Pictorial Signs - (Pictograms) Pictograms are very simple drawings that represent things or ideas. This method of communication is.
Typography: The art of type and the technique of designing letter forms.
TYPOGRAPHY 1.01 INVESTIGATE TYPEFACES AND FONTS..
Typography Graphic Design Fundamentals
Typography 1.01 Investigate typefaces and fonts. (Rev. 2011)
TYPOGRAPHY What is Typography?
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,
Is the art and technique of arranging type to make written language legible, readable, and appealing when displayed.
TYPOGRAPHY.
COM 365 Newspaper Layout & 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.
JRN 302: Introduction to Graphics and Visual Communication - Typography Tuesday,
What are we interested in? 1. Understand Design 0 2. Digital Image design 3 3. Time-based media Webpage design 2 1.
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.
The designer crafted word
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Graphic Design Working with Type
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?
Image within Type -Advanced-
Typography Basics 2.01 Investigate typefaces and fonts.
Use Typography Techniques
Designing With Type part 2
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Source: Digital Desktop Publishing--Font Basics
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Digital Media Notes Your Name.
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Presentation transcript:

Designing With Type part 1

“Everyone is a typographer now. How good a typographer you are is up to you!” - Jason Cranford (designer)

What is Typography?

Typography is a practice of arranging type within a design. This includes: the selection of a typeface font size and color line and letter spacing text and image interaction

Typography evolved from handwriting A series of marks made by hand Fundamental to this process is the linear stroke Each letter of the alphabet developed as a simple mark whose visual characteristics clearly separated it from all the others Where Did It All Start?

Books During Middle Ages These Illuminated Manuscripts were created by hand

Guttenberg’s Printing Press 1455 – the 1st printing press is born movable type cast from metal

Guttenberg’s Printing Press Guttenberg’s Bible Before Gutenberg’s press - 30,000 books throughout Europe. By more than 9 Million books.

Modern Printing Guttenberg’s press was used for the next 500 years. Example of modern movable type

As books became more widespread, printers began developing more interesting typefaces. Nicholas Jenson, a French printer and publisher, designs “Trajan” typeface.

William Caslon designs “Caslon” typeface - 18 th c. Giambattista Bodoni designs “Bodoni”

“Hot Type” Press – starting 1800 HOT TYPE - a machine-set type formed from molten lead cast into letterforms. LEADING (pronounced ledding) Derived from the line or slug of lead from a Linotype machine that separated each line of type.

Modern Printing Processes COLD TYPE is type produced through a photographic process. Cold type process was created in DIGITAL TYPE is type electronically produced on a computer. Example: The 5×7 ASCII character font from 2513 character generator ROM.

2 Main Type Categories: - Serif Typefaces - Sans Serif Typefaces

Serif Typefaces Serifs are appendages, or little feet found on tops and bottoms of letters.

Serif typefaces originate from Roman Imperial inscriptions (capitals) and Renaissance humanist minuscule (lower case).

Different Types of Serifs

Sans Serif Typefaces Fonts that don’t have serifs. Typical Sans Serif fonts have low contrast or no visible contrast between vertical and horizontal strokes at all.

Origin of San Serif Fonts These fonts were widely used in the beginning of the 20 th cent. by the Bauhaus designers interested in the simplicity of form.

Preparing for Project 2, Exercises

What is Expressive Typography? Letters are not just abstract notions, carriers of meaning; they are also real, physical shapes. Paying attention to those shapes, and using them as visual elements in graphic design, is an essential part of the art of typography.

Typography adds a voice to text

Selecting Appropriate Fonts Each typeface has it’s own distinct personality. Type can be: a)Stylish b)Elegant c)Bold d)Friendly

Arial Black Pristina Arial Rounded Edwardian Script

Different Personalities of Type (To a “T”, video):

compare these logos

Illustrative Type

Expressive Type Examples

Expressive Type Example

Student Work. Project by Kat M.

Student Work. Project by Leo A.

Student Work. Project by Cynthia D.

Student Work. Project by Rachel P.

Student Work. Project by Shawn D.

Need More Fonts?

Famous Graphic Designers David Carson Paula Scher

Installing Fonts on a MAC 1.Download the font that you want. 2.Double-click on the fonts folder you downloaded in order to uncompress it. 3.Look inside the folder for a file that has either one of these icons: TT or O 4.Double-click on the font to install it. 5.Once the font is installed, you should be able to access it in Illustrator, Photoshop, etc.

Installing Fonts on a PC 1.Click on the Download link. 2.Save the font folder on your desktop. 3.Double-click on the folder you just downloaded to unzip it. 4.The font file will have a.ttf extension. Select it and drag it to the desktop. (Delete later!) 5.Select the font and copy it. 6.Add the font to the Fonts folder. (located in the Control Panel)