Tipografska mrea

Tipografska mrea

Srednji vijekVillard de Honnecourt, XVIII st.Zlatni rez

RenesansaNauni pristupMatematiki prorauni

Izmeu dva rataJan Tschichold; Die Neue Typografie, 1927.

AsimetrijaHijerarhijaWhite spaceSans-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

JednostavnostJasnoa / itljivostObjektivnostUrednost

Elementi mreeType areaMrea osnovne linijeVertikalni i horizontalni odjeljciPoljaGutter

Konstrukcija mreeFormatMarginePaginacijaVeliina i stil pismaVrsta sadrajaMedij

KnjigeWebDo 52 slova

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.

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 fullHanging lineHanging line u ovom sluaju lijevoHanging line je dio koji se nalazi sa straneModular 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 fullThis is a headlineThe Typographic grid

2 koloneKada 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 Hilfs-konstruktion 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 gelesen werden, sondern Information auch besser verstanden werden. Das Ziel ist ein systematischer, logischer Aufbau von Text- und Bildmaterial, der rhythmische, choreografisch spannungsvolle und funktionelleGrnde 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 schwei-zerischen Typographen Josef Mller-Brockmann forciert. Dessen streng festgelegte Vorgehensweise der Ras-tererstellung gilt heute zwar als Grundwissen fr jeden Grafikdesi-gner, jedoch wird inzwischen, z. B. im Editorial Design, der Raster nicht so streng eingehalten, oder gar nicht erst streng

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 Hilfs-konstruktion die Organisation von grafischen Elementen auf einer Fl-che oder in einem Raum erleichtert.

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 Information auch besser verstanden werden. Das Ziel ist ein systematischer, logischer Aufbau von Text- und Bildmaterial, der rhythmische, choreografischGrnde 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 Haltu-ng 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 Typo-graphen Josef Mller-Brockmann forciert. Dessen streng festgelegte Vorgehensweise der Rastererstellung gilt heute zwar als Grundwissen fr jeden Grafikde-signer, jedoch wird inzwischen, z. B. im Editorial Design, der Raster nicht so streng eingehalten, oder gar nicht erst strengGestaltungsaufgaben, in denen der Raster Anwendung findet, sind meist typografischer Art es wird dann von Rastertypografie gesprochen.

Slike

HVALA NA PANJI