basic type

11
BASIC TYPOGRAPHY COLOR IMAGE LAYOUT FORMAT

Upload: hans-gerhard-meier

Post on 18-Nov-2014

2.652 views

Category:

Technology


2 download

DESCRIPTION

Basic introduction to typography.

TRANSCRIPT

Page 1: Basic Type

BASICTYPOGRAPHY

COLOR

IMAGE

LAYOUT

FORMAT

Page 2: Basic Type

HISTORYBRIEF WALKTHROUGH

Page 3: Basic Type

CLASSIFICATIONTYPE SYSTEM

Block Gothic

Roman Script

Page 4: Basic Type

CHOOSINGWHICH FONT

Sans Serif

Serif

Page 5: Basic Type

SIZE & LAYOUTWHICH FONT

Fibonacci numbers0+1=1, 1+1=2, 1+2=3, 2+3=5, 8, 13, 21, 34, 54, 88, 142…

CONTrast

Page 6: Basic Type

ANATOMYOF THE CHARACTER

Acend

er

Decen

der

Baseli

ne

x-Heig

ht

Typography x-Height1.2. 3.

4.

5.

6. 7.

8.

1. Serif

2. x-høyde (x-hight)

3. Grunnstrek/Stamme

4. Underlengde (decender)

5. Overlengde (acender)

6. Bunse

7. Hårstrek (hairline)

8. Modulering

Page 7: Basic Type

PARAMETERSDIGITAL TOOL BOX

}• Font (Helvetica NEUE)

• Style (45 Thin)

• Size (31 pt)

• Leading (37,2 pt)

• T r a c k i n g• Kerning (WA)

• Alignment (left)

• Indents

Character

Paragraph

Page 8: Basic Type

COMPUTER FONTSDIGITAL SUITCASE

Type 1 (PostScript)

TrueType Font

OpenType Font

Font Book Font Explorer X

Page 9: Basic Type

DON’T DO...TYPE RULES

• Only 3 fonts

• Don’t stretch / squeeze

• Capital letters for heading

• Read the text

• Careful with centered text

• Spelling, stupd

Page 10: Basic Type

LEGIBILITYCROSS PUBLISHING

PAPIR – MOBIL – SCREEN – FAX

Page 11: Basic Type

Resources

I love typographyhttp://ilovetypography.com/

Typophilehttp://www.typophile.com/

DaFonthttp://www.dafont.com/

What typehttp://new.myfonts.com/WhatTheFont/