La Seitenaufbau OK
Transcript of 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
-
7/29/2019 La Seitenaufbau OK
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
-
7/29/2019 La Seitenaufbau OK
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
-
7/29/2019 La Seitenaufbau OK
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
-
7/29/2019 La Seitenaufbau OK
5/16
5SECCIoN AUREA PAGE LAYOUT
-
7/29/2019 La Seitenaufbau OK
6/16
6SECCIoN AUREA SINGLE PAGE
-
7/29/2019 La Seitenaufbau OK
7/16
7SECCIoN AUREA POSTER
-
7/29/2019 La Seitenaufbau OK
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
-
7/29/2019 La Seitenaufbau OK
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
-
7/29/2019 La Seitenaufbau OK
10/16
10CAMPoS EXAMPLES
-
7/29/2019 La Seitenaufbau OK
11/16
11CAMPoS EXAMPLES
-
7/29/2019 La Seitenaufbau OK
12/16
12CAMPoS EXAMPLES
-
7/29/2019 La Seitenaufbau OK
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
-
7/29/2019 La Seitenaufbau OK
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
-
7/29/2019 La Seitenaufbau OK
15/16
15RETICULA TIPoGRAfICA EXAMPLE
-
7/29/2019 La Seitenaufbau OK
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