La Seitenaufbau OK

7/29/2019 La Seitenaufbau OK

1/16

ESTRUCTURA

University: Elisava, Barcelona

Course: Typograpic systems

Proessor: Rosa Llop

Semester: 5

Year: 2012

Autor: Bjrn Blclinger, Daniel Beintner

Elisava


2/16

INDEX

ESTANDAR (STANDART SIZES) 3

SECCIoN AUREA (GOLDEN RATIO) 4

PAGINA TRADITIoNAL (TRADITIONAL PAGE) 8

CAMPoS (FIELDS) 9

MARGIN (MARGIN) 13

RETICULA TIPoGRAfICA (GRID) 14

DIRECToRIo (BIBLIOGRAPhY) 16


3/16

3

Standardsizes is in western Europe usually

te DIN-ormat. For some oter designcallenges are also ormats outside te Din.

3:5

2:3

5:8

DIN A4

1:3

1:

5

NoTE!

Try dierent ormats or dierent books, ...

Te ormat inuence all your urter steps

ESTANDAR (STANDART SIZES)

1

2

2

3

3

4

5

6

4 5 6

1


4/16

4SECCIoN AUREA (GOLDEN RATIO)

Term or a matematical division ratio

a : b = b : (a + b) Te golden ration is elt in all western

cultures as armoniously

First time in ancient Greece Time observed

Dedected by Leonardo Fibonacci

Used as Book and Space ormats since

te Renaisannce1

NoTE!

Proportion o te Paper

Proportion between type area

Books

Magazine

Newspaper

Poster

1 ttp://www.typolexikon.de/g/goldener-scnitt.tml


5/16

5SECCIoN AUREA PAGE LAYOUT


6/16

6SECCIoN AUREA SINGLE PAGE


7/16

7SECCIoN AUREA POSTER


8/16

8

A traditional page layout is base on te golden ratio.

NoTE!

Its maybe conservative, but all in a good

armony

PAGINA TRADITIoNAL (TRADITIONAL PAGE)

2 3

4

1


9/16

9

In grapic design, te felds belongs to te

macro typograpy. he divides a layout gridin column (column, set columns), grid lines

(line spacing), table grid, image grid and

surace grid. In te classic book typograpy

o design patterns is reerred to as page

layout and book layout.

horizontal spacing

Vertical spacingPicture feld

Text feld

NoTE!

Beore you make te type area, coose te

ormat o your book,...

Te grid elps your working

organized more eectively

Te eigt o te feld corresponds to a

particular Number o lines o text

Te widt o te felds is identical to te

widt o te columns

CAMPoS (FIELDS)

1

1

2

3

4

2

3

4


10/16

10CAMPoS EXAMPLES


11/16

11CAMPoS EXAMPLES


12/16

12CAMPoS EXAMPLES


13/16

13

Te edges between type area and te

paper edge called margin. Tat tere is noconusion, tey ave dierent names:

head margin

Foreedge margin

Back margin

Foot margin

NoTE!

Pagina

Footnotes

Fret

Wite space

Foot margin sould be in a book bigger

tan te head margin

Look to te armony o te page

MARGIN (MARGIN)

1

2

2

3

3

4

4

1


14/16

14

Jose Mller-Brockmann describes grid

as te solution o a logical puzzle, weregrouping and organizing texts and illu-

strations elps to empasize te most

important [elements] 2:

Type area

Column

Baselinegrid

Picture-, table- and feldgrid

NoTE!

Grid brings organization to your work

A grid makes you work aster

Columwide results rom te

number o te letters

Look to wide between te columns

or good legibility

Grid can be variable

RETICULA TIPoGRAfICA (GRID)

2 Mller-Brockmann, Jose, 1996

1

2

2

3

4

1

Vullum velisim verat ut

loborpe rcilit iriureet

velit nonulla accum vel

dolum Bortions equat.

Isl il dit ut volortin

ulputet ing euipisl

ulluptat. Pit praessisis

adigniscipis enit wissi.

Im ipit lobortie volupta-

tis aliquat. Corem zzrilit

velit acincinit nos nisi

tie venim ipit, vendre

molore te delisim delit,

consequipit alit ip eu

euipisl ulla

3

4


15/16

15RETICULA TIPoGRAfICA EXAMPLE


16/16

16bIbLIoGRAPhY

bIbLIoGRAPhY

1 Wolgang Beinert (2008), ttp://www.typolexikon.de/g/goldener-scnitt.tml, access on 4t October 2012

2 Mller-Brockmann, Jose (1996): Rastersysteme r die visuelle Gestaltung. Verlag Niggli AG, Sulgen/Zric

3 Sieber, Catrin (2006), ttp://www.syntax-design.de/typografeweb/docs/gestaltungsraster.pd

ILLUSTRATIoN INDEX

Autor uknown, date unknown, ttp://natacabevers.fles.wordpress.com/2012/03/500px-golden_ratio_line.png

Autor uknown, date unknown, ttp://natacabevers.fles.wordpress.com/2012/03/500px-fbonacci_spiral_34.png

Autor uknown, date unknown, ttp://antonydecarolis.com/resources/Golden%20Ratio/botlarge.jpg

Autor uknown, date unknown, ttp://www.burningsettlerscabin.com/?tag=golden-section

Autor uknown, date unknown, ttp://www.kamilkamysz.com/2012/01/grid-subjective-guide-to-designing.tml

Autor uknown, date unknown, ttp://stepaniealsone.fles.wordpress.com/2011/11/tracing-grids-woooo2.jpg

Autor uknown, date unknown, ttp://25.media.tumblr.com/tumblr_m6wrq027zA1run4g4o8_1280.jpg

La Seitenaufbau OK

Documents

Transcript of La Seitenaufbau OK