Reading Typography—Writing Typography

Reading TypographyWriting Typography?

Typography:The writing of shapes?

Typography:The shape of writing?

Before the Law

“Before the law sits a gatekeeper. To this gatekeeper comes a man from the country who asks to gain entry into the law. But the gatekeeper says that he cannot grant him entry at the moment.” —Franz Kafka

As a philosophy student I thoughtthat “The Law” is the law of thetext, in other words: “Rhetoric.”

15 years later...

I believe that“Rhetoric” is to speaking what“Typography” is to writing.

Inside The Law...

“Typography has one plain duty before it and that is to convey information in writing.” —Emil Ruder, 1969

The form in in-formation madeconscious (and consciously made)in order to convince.

ReadingTypography WritingInformation

Typography is visualizinginformation. Webdesign is...

5 rules for 95% of Web Design

1. Relative font size

2. Active white space

3. Screen friendly line height

4. Clear color contrast

5. Discern text and images

What about the other 5%?

Web design is 95% typography anda little bit of interface design

Eye Read Think NavigateText Hand

Interface DesignInformation Design TypographyInteraction Design ChessInformation Architecture Philosophy

“Typography has one plain duty before it and that is to convey information in writing.” —Emil Ruder, 1969

How much reading is in writing?

Eye Read Think WriteText Navigate Hand

Same Rules...

1. Relative font size

2. Active white space

3. Screen friendly line height

4. Clear color contrast

5. Discern text and images

What’s different?

6. Monospaced (light) font

Why monospaced?

Why light?

7. Soup Nazi

The Soup Nazi Rules

A. No Navigation!

B. No Settings!

C. No Noise!

D. No Mouse!

E. No Fumbling With Type!

F. No Bread for You!

(Thank you)

http://www.desarrolloweb.com	4461
http://www.sobookonline.fr	323
http://www.uxgeek.co	282
http://paper.li	123
http://desarrolloweb.com	103
http://www.macromedios.net	91
http://localhost	54
http://a0.twimg.com	44
http://www.scoop.it	29
http://us-w1.rockmelt.com	26
http://www.uxabilidad.com	11
http://www.netvibes.com	4
http://cynthiajarami.wikispaces.com	3
http://translate.googleusercontent.com	1
http://zootool.com	1
http://twitter.com	1
https://twitter.com	1

Reading Typography—Writing Typography

by Oliver Reichenstein

Accessibility

Categories

Upload Details

Usage Rights

17 Embeds 5,558

Statistics

Reading Typography—Writing Typography Presentation Transcript