Issuu on Google+

A book about basic typography with a “circuiting” twist.


circuiting Typography

Da n i e l A r t u r o N a r a n j o - M o r e t t


circuiting Typography

Da n i e l A r t u r o N a r a n j o - M o r e t t

01


Copyright Š 2013

By Daniel Artuto Naranjo-Morett All rights reserved. No part of this book may be reproduced in any form or by any means without permission from the publisher (or in the case of photocopying in Canada, without a licence from Cancopy, the Canadian Copyright Licensing Agency). Critics, however, are welcome to quote brief passages by way of criticism and review.

02


D e dic ate d to my family w ho suppor ted me through this ver y rough year for us. To my friend and her family and my teachers that helped and understood.

03


Contents

04


07 Alphabetic Symbols Alignment Grid System Contrast 17 Typographical Terms Paragraph St yles Kerning Leading 27 Widows & Orphans Hierarchy Dashes Quotations

05


06


1

Alphabetic Symbols Alignment Grid System Contrast

07


a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

08


Frutiger 14 / 2 0 +12 0 t r a c k i n g

0 1 2 3 4 5 6 7 8 9 ! ¡ @ # $ % & ( ) _ - – — + = [ ] ? \ / { } “ . , > < ~ Á Ä É Ë Í Ï Ñ Ó Ö Ú Ü á ä é ë í ï ñ ó ö ú ü

09


right align A tex t which is flush right margin visually form s a ver tic al line, while the lef t hand m a r g i n i s r a g g e d ( i r r e g u l a r) . Frutiger 7/14 +100

centered Centered tex t is when a tex t column is centered, each line is s e parately ce nte re d within the specified limit s of the column. Frutiger 7/14 +100

10


justified Justified tex t is when the line s are aligne d b oth to the lef t and right margins. The increase in spacing should occur only between the words, not between the let ters.

Frutiger 7/14 +100

left align Te x t t h a t i s v e r t i c a l l y a l i g n e d o n i t â&#x20AC;&#x2122;s l e f t- h a n d s i d e . O n t h e r i g h thand side, a ragged alignment is used, with or without word breaks. Frutiger 7/14 +100

11


1

2

3

4 5

12


1

2

Modules

COLU M NS

The individual units

Ver tic al group s of

of space separated by

modules spanning

regular intervals,

acros s the live area.

which create columns

T he se c an have similar

and rows when repeated in a pattern.

or var ying widths.

3 M A RGINS

The space between the format edge and the live area. Margins ac t as a negative space to give air around the live area as well as for subordin a t e i n f o r m a t i o n s u c h a s m a r ke r s .

4 F LOWLINES ( h a n g l i n e s )

5

Alignments that break the live area i n t o h o r i zo n t a l b a n d s , c r e a t i n g a consistent star ting or ending point

SP ATI A L Z ONES

for information.

Group s of module s that form spaces for images, headlines or tex t.

13


14


15


16


2

Typographical Terms Paragraph St yles Kerning Leading

17


U p p er c a s e

Circuiting Cr o s s B a r

18

St e m

Throat


Lo w er c a s e Cap Height X-Height Baseline

Ascender

Typography Bowl

Descender

19


I n t e r lo c k

Margins

20


Indent

Exdent

P i lc r ow ¶

21


-12

-9

-8

-11

-11

C ircuiting -10

22

-8

-28

-18


-7

25

-2

-17

-8

T ypography 35

-2

-1

-8

23


24pt Leading

8pt Leading

14pt Leading

24


28pt Leading

6pt Leading

10pt Leading

25


26


3

Widows & Orphans Hierarchy Dashes Quotations

27


Widow is the last line of a paragraph standing alone in a new column or on a new page. If this line is full or almost f u ll , a n d i s n o t f o ll o w e d i m m e d i a t e l y b y a blank line, it is acceptable. O ther wise a solution should be found, especially if it is only one or a few words; the text should not remain in this form.

28


A n o r p ha n i s th e f ir s t lin e of a p a ra g ra p h at the bot tom of a page or column. In general this should be avoided.

29


SPACE

30


Color Contrast Weight

Position

Size

31


Hyphen

Em- Dash

32


En- Dash

33


â&#x20AC;&#x153;Creating something out of thin air is easy.

34


It’s finding the air that’s

hard.”

-A sher Trotter

35


C o lo p h o n Bound by FedEx Ep s o n H e a v y We i g ht M a t t e Frutiger L i g ht Italic Roman Bold Bold Italic

T h i n k i n g W i t h Ty p e Ellen Lupton

L e t t e r F o u nt a i n Joep Pohlen

Sy l l a b u s D a v i d H a ke

36



Circuiting through Typography