designing with type part 1

40
Designing With Type part 1

Upload: betrys

Post on 23-Feb-2016

38 views

Category:

Documents


0 download

DESCRIPTION

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 - PowerPoint PPT Presentation

TRANSCRIPT

What is Graphic Design?

Designing With Typepart 1

Everyone is a typographer now. How good a typographer you are is up to you!

- Jason Cranford (designer)What is Typography?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 othersWhere Did It All Start?Books During Middle AgesThese Illuminated Manuscripts were created by hand

Guttenbergs Printing Press1455 the 1st printing press is born

movable type cast from metal

Guttenbergs Printing Press

Guttenbergs Bible

Before Gutenbergspress - 30,000 booksthroughout Europe.By 1500 - more than9 Million books.

Modern PrintingGuttenbergs press was used for the next500 years.

Example of modernmovable type

As books became more widespread, printersbegan developing more interesting typefaces.Nicholas Jenson, a Frenchprinter and publisher,designs Trajan typeface.

William Caslon designs Caslon typeface - 18th c.

Giambattista Bodoni designs Bodoni - 1788

Hot Type Press starting 1800HOT 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 separatedeach line of type.

Modern Printing ProcessesCOLD TYPE is type produced througha photographic process. Cold type process was created in 1950.

DIGITAL TYPE is typeelectronically producedon a computer.

Example: The 57 ASCII character font from 2513 character generator ROM.

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

Serif TypefacesSerifs 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 SerifsSans Serif TypefacesFonts that dont have serifs. Typical Sans Serif fonts have low contrast or no visible contrast between vertical and horizontal strokes at all.

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

Preparing for Project 2, ExercisesWhat is Expressive Typography?Letters are not just abstract notions, carriers ofmeaning; 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 FontsEach typeface has its own distinct personality.

Type can be:StylishElegantBoldFriendlyArial BlackPristinaArial RoundedEdwardian ScriptDifferent Personalities of Type (To a T, video):http://www.typeculture.com/academic_resource/movies/

compare these logos

Illustrative Type

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?http://www.dafont.comhttp://www.urbanfonts.comFamous Graphic DesignersDavid Carsonhttp://www.hillmancurtis.com/index.php?/film/watch/david_carson/

Paula Scherhttp://www.hillmancurtis.com/index.php?/film/watch/paula_scher/

Installing Fonts on a MACDownload the font that you want.Double-click on the fonts folder you downloadedin order to uncompress it.Look inside the folder for a file that has either one of these icons: TT or ODouble-click on the font to install it.Once the font is installed, you should be able to access it in Illustrator, Photoshop, etc.Installing Fonts on a PCClick on the Download link.Save the font folder on your desktop.Double-click on the folder you just downloaded to unzip it.The font file will have a .ttf extension. Select it and drag it to the desktop. (Delete later!)Select the font and copy it.Add the font to the Fonts folder. (located in the Control Panel)