Tipografska mrea

Srednji vijek
Villard de Honnecourt, XVIII st.
Zlatni rez

Renesansa
Nauni pristup
Matematiki prorauni

Izmeu dva rata

Jan Tschichold; Die Neue Typografie, 1927.

Asimetrija
Hijerarhija
White space
Sans-serif

Poslije Drugog svjetskog rata;

Swiss Style
1950; Max Bill, Emil Ruder, Armin Hoffnann
Josef Mller-Brockmann;
Gestaltungsprobleme des Grafikers (1961.)
Raster Systeme fr die visuelle Gestaltung (1981.)

Swiss Style
/International Typographic Style
Jednostavnost
Jasnoa / itljivost
Objektivnost
Urednost

Elementi mree
Type area
Mrea osnovne linije
Vertikalni i horizontalni
odjeljci
Polja
Gutter

Konstrukcija mree
Format
Margine
Paginacija
Veliina i stil pisma
Vrsta sadraja
Medij

 Knjige
Web
Do 52 slova

This is a headline
Modular grids are created by positioning horizontal guidelines in relation to
abaseline gridthat governs the whole document. Baseline grids serve to
anchor all (or nearly all) layout elements to a common rhythm. Create a
baseline grid by choosing the typesize and leading of your text, such as 10-pt
Scala Pro with 12 pts leading (10/12). Avoid auto leading so that you can work
with whole numbers that multiply and divide cleanly. Use this line space
increment to set the baseline grid in your document preferences.
Adjust the top or bottom page margin to absorb any space left over by the
baseline grid. Determine the number of horizontal page units in relation to the
numer of lines in your baseline grid. Count how many lines fit in a full column
of text and then choose a number that divides evenly into the line count to
create horizontal page divisions. A column with forty-two lines of text divides
neatly into seven horizontal modules with six lines each. If your line count is
not neatly divisible, adjust the top and/or bottom page margins to absorb the
leftover lines.
To style headlines, captions, and other elements, choose line spacing that
works with the baseline grid, such as 18/24 for headlines, 14/18 for subheads,
and 8/12 for captions. Web designers can choose similar increments (line
height in CSS) to create style sheets with neatly coordinated baselines. Where
possible, position all page elements in relation to the baseline grid. Don't force
it, though. Sometimes a layout works better when you override the grid. View
the baseline grid when you want to check the position of elements; turn it off
when it's distracting.
Modular grids are created by positioning horizontal guidelines in relation to
abaseline gridthat governs the whole document. Baseline grids serve to
anchor all (or nearly all) layout elements to a common rhythm. Create a
baseline grid by choosing the typesize and leading of your text, such as 10-pt
Scala Pro with 12 pts leading (10/12). Avoid auto leading so that you can work
with whole numbers that multiply and divide cleanly. Use this line space
increment to set the baseline grid in your document preferences.
Adjust the top or bottom page margin to absorb any space left over by the
baseline grid. Determine the number of horizontal page units in relation to the
numer of lines in your baseline grid. Count how many lines fit in a full column
of text and then choose a number that divides evenly into the line count to
create horizontal page divisions. A column with forty-two lines of text divides
neatly into seven horizontal modules with six lines each. If your line count is
not neatly divisible, adjust the top and/or bottom page margins to absorb the
leftover lines.
To style headlines, captions, and other elements, choose line spacing that
works with the baseline grid, such as 18/24 for headlines, 14/18 for subheads,
and 8/12 for captions. Web designers can choose similar increments (line
height in CSS) to create style sheets with neatly coordinated baselines. Where
possible, position all page elements in relation to the baseline grid. Don't force
it, though. Sometimes a layout works better when you override the grid. View
the baseline grid when you want to check the position of elements; turn it off
when it's distracting.
Modular grids are created by positioning horizontal guidelines in relation to
abaseline gridthat governs the whole document. Baseline grids serve to
anchor all (or nearly all) layout elements to a common rhythm. Create a
baseline grid by choosing the typesize and leading of your text, such as 10-pt
Scala Pro with 12 pts leading (10/12). Avoid auto leading so that you can work
with whole numbers that multiply and divide cleanly. Use this line space
increment to set the baseline grid in your document preferences.
Adjust the top or bottom page margin to absorb any space left over by the
baseline grid. Determine the number of horizontal page units in relation to the
numer of lines in your baseline grid. Count how many lines fit in a full column
of text and then choose a number that divides evenly into the line count to
create horizontal page divisions. A column with forty-two lines of text divides
neatly into seven horizontal modules with six lines each. If your line count is
not neatly divisible, adjust the top and/or bottom page margins to absorb the
leftover lines.
To style headlines, captions, and other elements, choose line spacing that
works with the baseline grid, such as 18/24 for headlines, 14/18 for subheads,
and 8/12 for captions. Web designers can choose similar increments (line
height in CSS) to create style sheets with neatly coordinated baselines. Where
possible, position all page elements in relation to the baseline grid. Don't force
it, though. Sometimes a layout works better when you override the grid. View
the baseline grid when you want to check the position of elements; turn it off
when it's distracting.

Hanging line

Hanging line u
ovom sluaju lijevo

Hanging line je dio

koji se nalazi sa
strane

Modular grids are created by positioning horizontal

guidelines in relation to abaseline gridthat governs the
whole document. Baseline grids serve to anchor all (or
nearly all) layout elements to a common rhythm. Create a
baseline grid by choosing the typesize and leading of your
text, such as 10-pt Scala Pro with 12 pts leading (10/12).
Avoid auto leading so that you can work with whole
numbers that multiply and divide cleanly. Use this line
space increment to set the baseline grid in your document
preferences.
Adjust the top or bottom page margin to absorb any space
left over by the baseline grid. Determine the number of
horizontal page units in relation to the numer of lines in
your baseline grid. Count how many lines fit in a full column
of text and then choose a number that divides evenly into
the line count to create horizontal page divisions. A column
with forty-two lines of text divides neatly into seven
horizontal modules with six lines each. If your line count is
not neatly divisible, adjust the top and/or bottom page
margins to absorb the leftover lines.
To style headlines, captions, and other elements, choose
line spacing that works with the baseline grid, such as
18/24 for headlines, 14/18 for subheads, and 8/12 for
captions. Web designers can choose similar increments (line
height in CSS) to create style sheets with neatly coordinated
baselines. Where possible, position all page elements in
relation to the baseline grid. Don't force it, though.
Sometimes a layout works better when you override the
grid. View the baseline grid when you want to check the
position of elements; turn it off when it's distracting.
Modular grids are created by positioning horizontal
guidelines in relation to abaseline gridthat governs the
whole document. Baseline grids serve to anchor all (or
nearly all) layout elements to a common rhythm. Create a
baseline grid by choosing the typesize and leading of your
text, such as 10-pt Scala Pro with 12 pts leading (10/12).
Avoid auto leading so that you can work with whole
numbers that multiply and divide cleanly. Use this line
space increment to set the baseline grid in your document
preferences.
Adjust the top or bottom page margin to absorb any space
left over by the baseline grid. Determine the number of
horizontal page units in relation to the numer of lines in
your baseline grid. Count how many lines fit in a full column
of text and then choose a number that divides evenly into
the line count to create horizontal page divisions. A column
with forty-two lines of text divides neatly into seven
horizontal modules with six lines each. If your line count is
not neatly divisible, adjust the top and/or bottom page
margins to absorb the leftover lines.
To style headlines, captions, and other elements, choose
line spacing that works with the baseline grid, such as
18/24 for headlines, 14/18 for subheads, and 8/12 for
captions. Web designers can choose similar increments (line
height in CSS) to create style sheets with neatly coordinated
baselines. Where possible, position all page elements in
relation to the baseline grid. Don't force it, though.
Sometimes a layout works better when you override the
grid. View the baseline grid when you want to check the
position of elements; turn it off when it's distracting.
Modular grids are created by positioning horizontal
guidelines in relation to abaseline gridthat governs the
whole document. Baseline grids serve to anchor all (or
nearly all) layout elements to a common rhythm. Create a
baseline grid by choosing the typesize and leading of your
text, such as 10-pt Scala Pro with 12 pts leading (10/12).
Avoid auto leading so that you can work with whole
numbers that multiply and divide cleanly. Use this line
space increment to set the baseline grid in your document
preferences.
Adjust the top or bottom page margin to absorb any space
left over by the baseline grid. Determine the number of
horizontal page units in relation to the numer of lines in
your baseline grid. Count how many lines fit in a full

The Typographic grid

Modular grids are created by positioning horizontal guidelines in relation to

abaseline gridthat governs the whole document. Baseline grids serve to
anchor all (or nearly all) layout elements to a common rhythm. Create a
baseline grid by choosing the typesize and leading of your text, such as 10pt Scala Pro with 12 pts leading (10/12). Avoid auto leading so that you can
work with whole numbers that multiply and divide cleanly. Use this line
space increment to set the baseline grid in your document preferences.
Adjust the top or bottom page margin to absorb any space left over by the
baseline grid. Determine the number of horizontal page units in relation to
the numer of lines in your baseline grid. Count how many lines fit in a full
column of text and then choose a number that divides evenly into the line
count to create horizontal page divisions. A column with forty-two lines of
text divides neatly into seven horizontal modules with six lines each. If your
line count is not neatly divisible, adjust the top and/or bottom page margins
to absorb the leftover lines.
To style headlines, captions, and other elements, choose line spacing that
works with the baseline grid, such as 18/24 for headlines, 14/18 for
subheads, and 8/12 for captions. Web designers can choose similar
increments (line height in CSS) to create style sheets with neatly
coordinated baselines. Where possible, position all page elements in relation
to the baseline grid. Don't force it, though. Sometimes a layout works better
when you override the grid. View the baseline grid when you want to check
the position of elements; turn it off when it's distracting.
Modular grids are created by positioning horizontal guidelines in relation to
abaseline gridthat governs the whole document. Baseline grids serve to
anchor all (or nearly all) layout elements to a common rhythm. Create a
baseline grid by choosing the typesize and leading of your text, such as 10pt Scala Pro with 12 pts leading (10/12). Avoid auto leading so that you can
work with whole numbers that multiply and divide cleanly. Use this line
space increment to set the baseline grid in your document preferences.
Adjust the top or bottom page margin to absorb any space left over by the
baseline grid. Determine the number of horizontal page units in relation to
the numer of lines in your baseline grid. Count how many lines fit in a full
column of text and then choose a number that divides evenly into the line
count to create horizontal page divisions. A column with forty-two lines of
text divides neatly into seven horizontal modules with six lines each. If your
line count is not neatly divisible, adjust the top and/or bottom page margins
to absorb the leftover lines.
To style headlines, captions, and other elements, choose line spacing that
works with the baseline grid, such as 18/24 for headlines, 14/18 for
subheads, and 8/12 for captions. Web designers can choose similar
increments (line height in CSS) to create style sheets with neatly
coordinated baselines. Where possible, position all page elements in relation
to the baseline grid. Don't force it, though. Sometimes a layout works better
when you override the grid. View the baseline grid when you want to check
the position of elements; turn it off when it's distracting.
Modular grids are created by positioning horizontal guidelines in relation to
abaseline gridthat governs the whole document. Baseline grids serve to
anchor all (or nearly all) layout elements to a common rhythm. Create a
baseline grid by choosing the typesize and leading of your text, such as 10pt Scala Pro with 12 pts leading (10/12). Avoid auto leading so that you can
work with whole numbers that multiply and divide cleanly. Use this line
space increment to set the baseline grid in your document preferences.
Adjust the top or bottom page margin to absorb any space left over by the
baseline grid. Determine the number of horizontal page units in relation to
the numer of lines in your baseline grid. Count how many lines fit in a full

2 kolone
Kada se koriste slike, grafikoni i sl.
Nudi vie mogunosti

Baseline grid

Der Gestaltungsraster (in der

Praxis oft das
Gestaltungsraster), auch der
typografische Raster,
Rastersystem oder auf
Englisch auch Grid genannt,
ist ein Ordnungssystem in
der visu-ellen
Kommunikation, das als Hilfskonstruktion die Organisation
von grafischen Elementen auf
einer Fl-che oder in einem
Raum erleichtert.

Gestaltungsaufgaben, in
denen der Raster
Anwendung findet, sind
meist typografischer Art
es wird dann von
Rastertypo-grafie
gesprochen.
Ein Gestaltungsraster wird
verwendet zur visuellen
Problemlsung diverser
Aufgaben. Er soll eine
planerische Geschlossenheit
mit Transparenz und Klarheit
in einer gestalterischen
Ordnung gewhrleisten, was
das Erfassen von Inhalten
frdert. So kann nicht nur
schneller und einfacher

Grnde fr die Benutzung

eines Rasters knnen
konomisch sein, da durch
geringeren Zeitaufwand der
Bewltigung einer
gestalterischen Aufgabe
geringere Kosten entstehen.
Ist die Benutzung des Rasters
rational begrndet, so mag
der einheitliche Stil dafr
sprechen, in dem sich sowohl
einfache, als auch komplexe
Aufga-ben lsen lassen. Ein
philosophischer Beweggrund
zur Rasterbenutzung kann die
geordnete Visualisierung von
Inhalten sein, wenn sie als
Ausdruck der geistigen
Haltung als ein sozialer oder
pdagogischer Beitrag zur
kultu-rellen Situation der
Gesellschaft beitragen soll.
Diese auf komplexen
rechnerischen Vorgaben
beruhenden Grundlagen der
Rastererstellung wurden
unter anderem vom schweizerischen Typographen Josef
Mller-Brockmann forciert.
Dessen streng festgelegte
Vorgehensweise der Rastererstellung gilt heute zwar
als Grundwissen fr jeden
Grafikdesi-gner, jedoch wird

Der Gestaltungsraster (in der

Praxis oft das
Gestaltungsraster), auch der
typografische Raster,
Rastersystem oder auf
Englisch auch Grid genannt,
ist ein Ordnungssystem in
der visu-ellen
Kommunikation, das als Hilfskonstruktion die Organisation
Gestaltungsaufgaben,
von
grafischen Elementen auf
in
einerdenen
Fl-cheder
oderRaster
in einem
Raum
erleichtert.findet,
Anwendung

sind meist
typografischer Art es
wird dann von
Rastertypografie
gesprochen.

Ein Gestaltungsraster wird

verwendet zur visuellen
Problemlsung diverser
Aufgaben. Er soll eine
planerische Geschlossenheit
mit Transparenz und Klarheit
in einer gestalterischen
Ordnung gewhrleisten, was
das Erfassen von Inhalten
frdert. So kann nicht nur
schneller und einfacher
gelesen werden, sondern

Grnde fr die Benutzung

eines Rasters knnen
konomisch sein, da durch
geringeren Zeitaufwand der
Bewltigung einer
gestalterischen Aufgabe
geringere Kosten entstehen.
Ist die Benutzung des Rasters
rational begrndet, so mag
der einheitliche Stil dafr
sprechen, in dem sich sowohl
einfache, als auch komplexe
Aufgaben lsen lassen. Ein
philosophischer Beweggrund
zur Rasterbenutzung kann die
geordnete Visualisierung von
Inhalten sein, wenn sie als
Ausdruck der geistigen Haltung als ein sozialer oder
pdagogi-scher Beitrag zur
kulturellen Situation der
Gesellschaft beitragen soll.
Diese auf komplexen
rechnerischen Vorgaben
beruhenden Grundlagen der
Rastererstellung wurden
unter anderem vom
schweizerischen Typographen Josef MllerBrockmann forciert. Dessen
streng festgelegte
Vorgehensweise der
Rastererstellung gilt heute
zwar als Grundwissen fr

Slike

HVALA NA PANJI