Typografie und Layout \ Catrin Sieber \ Wintersem ester \ Hochschule für Künste Bremen \ Studiengang Digitale Medien \ Mediengestaltung \

Ähnliche Dokumente
Typografie und Layout \ Catrin Sieber \ Wintersem ester 2005/06 \ Hochschule für Künste Bremen \ Studiengang Digitale Medien \ Mediengestaltung \

proportionen 1 5 InDesign CS6

Typografie und Layout \ Catrin Sieber \ Wintersem ester 2005/06 \ Hochschule für Künste Bremen \ Studiengang Digitale Medien \ Mediengestaltung \

Typografie und Layout \ Catrin Sieber \ Wintersem ester 2005/06 \ Hochschule für Künste Bremen \ Studiengang Digitale Medien \ Mediengestaltung \

Kapitel 6 Abstände. Buchstabenabstand Dickte und Laufweite

5 Methoden zur genauen Ermittlung des Goldenen Schnittes:

Gestaltgesetze Figur-Grund-Beziehung

Der Goldene Schnitt! Hans Walser!

Satzspiegelentwurf. Satzspiegelentwurf

Kompositionsgeometrie in Renaissance-Gemälden

Das Zebra-Buch zur Geometrie

Optische Phänomene. Hier täuscht uns die Perspektive und die Gewohnheit. Der kleine Junge ist eigentlich genauso groß wie der ältere Herr.

PRÄSENTATIONSDESIGN Handout. Layout

Entwickeln Sie eine transformatorische Flächenteilung mittels einer Linie, analog Aufgabe 14.

1 Goldener Schnitt. und a = m + M. 1, und wird im Allgemeinen mit τ (griechisch: tau) bezeichnet. Das Verhältnis M m hat den Wert 1+ 5

Kapitel 4 Die Schriftgröße

Die erste Erscheinung von Printprodukten wird wesentlich von dem gewählten Papierformat bestimmt.

Was haben die folgenden Dinge gemeinsam?

l nicht von oben fotografieren l Mitten meiden (kein mittlerer Horizont)

Abstimmungen und Freigaben zur Gestaltung erfolgen durch das Team Corporate Design. Tel , intern

Goldener Schnitt Fibonacci-Zahlen Nachträge

Gestaltgesetze der Wahrnehmung. DI (FH) Dr. Alexander Berzler

Grabgestaltung. Anwendung von Gestaltungsgrundsätzen Formatvorlage des Untertitelmasters durch Klicken bearbeiten

Lernförderliche Faktoren und Rahmenbedingungen

Pythagoreische Rechtecke Vier gleiche rechtwinklige Dreiecke 1.1 Allgemeiner Fall Startdreieck

Workshop Typografie & Printdesign

1 Der Goldene Schnitt

Schrift & Typografie I. DI (FH) Dr. Alexander Berzler

Die Goldene Spirale Der Goldene Schnitt Das Goldene Rechteck Gruppenarbeit... 8

Künstlerinterview Prof. Tepe, Heinrich Heine Universität Düsseldorf, Wissenschaft und Kunst (w/k) (Auszug)

Interesse steuert die Wahrnehmung. Kommunikation gibt Informationen weiter.

Fotografieren mit der Digitalkamera

Inhalt. 1 Der Flyer: Konzeptionsphase. 2 Der Flyer: Gestaltungsphase. TEIL I Der Flyer. Inhalt. Vorwort Einleitung... 15

Versuche an verschiedenen Beispielen zu erklären, worauf die jeweilige optische Täuschung beruht.

Was uns die Natur über Heilige Geometrie lehren kann

Was ist Typografie? Textgestaltung :54

3. Zeichen und Schrift

3. Zeichen und Schrift

Gegenstände der Geometrie

Montessori-Diplomkurs Inzlingen Geometrische Mappe Die metallenen Dreiecke

Aufgabe 3 An welcher Stelle bricht die Argumentation zusammen, wenn man einen analogen Beweis für die Irrationalität von 4 führen wollte?

Typografie. Griechisch typos (=Gestalt) und graphein (=schreiben) Die bewußte Verteilung von Schriftzeichen in einem vorgegebenen Raum

DER GOLDENE SCHNITT. Ein Verhältnis, das es in sich hat A B C D E F G

K U R S S T A T I K / F E S T I G K E I T S L E H R E

Gestaltungsprinzipien: Rhythmus und Dynamik die Typografie lernt laufen

DAS REGULÄRE FÜNFECK UND DAS P ENTAGRAMM

2 ist Teiler von p² fl 2 ist Teiler von p, p kann also geschrieben werden als p=2a

Forschungsdossier Künstlerinnen/Künstler

S T E R N E U N D P O L Y G O N E

MATRIX AIR. Die Innovative und äußerst elegante Lösung wenn es um Zutrittskontrolle geht

MATHEMATIK IN KUNST UND NATUR. Fibonacci Zahlen und der goldene Schnitt

Euklid ( v. Chr.) Markus Wurster

1. Übung zu QuarkXPress 1.1 Format

Themenbereich: Besondere Dreiecke Seite 1 von 6

Euklid von Alexandria

Geometrie der Polygone Konstruktionen Markus Wurster 1

Arm Horizontale Linien bei Großbuchstaben. Cauda Abstrich am Q. Lateinischer Begriff für Schwanz.

3. Zeichen und Schrift

Arm Horizontale Linien bei Großbuchstaben. Cauda Abstrich am Q. Lateinischer Begriff für Schwanz.

Mathematisches Denken. Übungsserie 1. γ : [0, 2] IR 2,t r(t) := 2t 1

Kunst und Wissenschaft

Learning by Doing. Vorwort

4.22 Buch XI der Elemente

Inhalt: Die vorliegenden Folienvorlagen enthalten folgende Elemente:

Ernst Mach: Über die Wirkung der räumlichen Verteilung des Lichtreizes auf die Netzhaut

Ohne Durchschuß schreiben. überlappend untereinander schreiben. mit viel Durchschuß schreiben. mit normalem Durchschuß schreiben.

GruppeA B1GK. Die symmetrische Anordnung entsteht durch die Wiederholung gleicher Formen. Das kann mittels Reihung, Rotation oder spiegelbildlicher

DOKUMENTATION HGKZ IAD / 1. SEMESTER WS MODUL DIGITAL DESIGN ELEMENTS II KURS SCREENTYPOGRAFIE

Körper erkennen und beschreiben

Überblick Designtheorie Web Web-Design

DAS DETAIL IN DER TYPOGRAFIE GRAFIK 2

Bessere Bilder - warum wollen Sie dieses Bild schiessen?

Fächerverbindender Unterricht Renaissance

Dreiecke, Quadrate, Rechtecke, Kreise erkennen und benennen Würfel, Quader, Kugeln erkennen und benennen

Satzspiegel. Außensteg. Pagina. Beispiel: Headline: Univers Extended 16 pt. Univers Extended Kolumnentitel: Univers Extended 8,5 pt.

TAG DER NIEDERSACHSEN 2017 LOGO-GUIDELINE JANUAR 2017

1. Übung zu QuarkXPress 1.1 Format

Gestaltgesetze. Grundlagen der Gestaltung. bbw Berlin Internet Grundlagen Seite 1 / 21

2. Goldener Schnitt. Der Goldene Schnitt ist das wohl berühmteste Zahlenverhältnis.

TABEA WIPPERMANN ÜBUNGSBUCH

BERÜHMTE KURVEN Logarithmische Spirale. Die Logarithmische Spirale wird durch eine Gleichung in Polarkoordinaten angegeben: r(φ)=a*e k φ

Hans Peter Willberg Friedrich Forssman Lesetypografie

Leonardo da Pisa alias Fibonacci

Das Zebra-Buch zur Geometrie

Ein Gelenkmechanismus zur Teilung des Winkels.

17. Berliner Tag der Mathematik 2012 Wettbewerb Stufe III: Klassen 11 bis 12/13

Bildschirmtypografie MG 43 Block 2.2

Ebene Geometrie; Kreis

Die Blume des Lebens

Kurs 7 Geometrie 2 MSA Vollzeit (1 von 2)

Basistext Geometrie Grundschule. Eine Strecke bezeichnet man einer direkte Verbindung zwischen zwei Punkten:

Die Abbildung (x 1 ;x 2 ) 7! (x 1 ;x 2 ; 1) ist eine Einbettung von R 2 in P 2 (als Mengen). Punkte mit z 6= 0 sind endliche" Punkte mit inhomogenen K

Typografie Farbgestaltung Schreiben fürs Web

Typografie und Layout

KERSTIN KRUSCHINSKI PETRA WALDMINGHAUS. Lebensgefühl BRILLE. Verkaufen mit Stylingkompetenz

Analogie- bzw. Symmetriebetrachtungen zum arithmetischen und harmonischen Mittel *

EINFÜHRUNG GRAFIK 1 Von Elvira Stein

Unterrichtsmaterialien in digitaler und in gedruckter Form. Auszug aus: Geometrie - Übungen zur Mathematik (4.-6. Klasse)

2. Fraktale Geometrie

Transkript:

Typografie und Layout \ Catrin Sieber \ Wintersem ester 2005-06 \ Hochschule für Künste Bremen \ Studiengang Digitale Medien \ Mediengestaltung \ Medieninformatik

Optische Grundlagen Typografie und Layout \ Catrin Sieber \ Hochschule für Künste Bremen \ St udiengang Digitale Medien

Kann man die optisch ausgeglichene Symmetrie eines Gesichtes auf die Harmonie einer Schrift übertragen? Ensteht durch die Veränderung der Proportionen einer Schrift eine Karrikatur? - Schleife des»a«zu hoch angesetzt - tiefer angesetzte horizontale beim»e«mathematische Mitte Zeile in optischer Mitte Eine Zeile, die mathematisch in der Mitte einer Fläche steht, steht optisch zu tief. Wird die Zeile optisch korrigiert, steht sie richtig.

Optische Regeln Stellt man große und kleine Schriften nebeneinander, können sie entweder an der Schriftlinie aliniert werden, oder aber an den Mittellängen. So können die Satzgruppen zu zusammenhängenden Satzgruppen verbunden werden.

Proportionen Natur und Geometrie Die verschiedenen Teilungen des Kreises waren schon den Pharaonen in Agypten bekannt. Pentagramm (Sternfünfeck) Die Linien stehen zueinander im Verhältnis des goldenen Schnittes. Goldenes Sechseck Die Form entsteht, wenn man einem Doppelquadrat einen Kreis umschreibt. Es hat jeweils zwei und vier gleiche Seiten. Die Strecken stehen im Verhältnis des Goldenen Schnittes. Spirale Die logarithmische Spirale ist eine Kurve, die in unendlich vielen, immer weiter werdenden Windungen einen Pol umläuft.

Goldener Schnitt»Dass zwei Dinge sich auf eine schöne Art vereinigen, ohne ein Drittes ist unmöglich. Denn es muß ein Band zwischen ihnen entstehen, daß sie vereinigt. Das kann die Proportion am Besten vollbringen. Denn wenn von irgend drei Zahlen die mittlere sich zu der kleinsten verhält, wie die größte zu der mittleren selbst und umgekehrt, die kleinste zu der mittleren wie die mittlere zu der größten, dann wird das Letzte und Erste das Mittlere und das Mittlere Erstes und Letztes, alles wird also mit Notwendigkeit dasselbe und da es dasselbe wird, bildet es ein Einziges.«Platon»Timaios«Kapitel 7

Goldener Schnitt Das Seitenverhältnis tritt auf, wenn eine Strecke in zwei ungleiche Teile unterteilt wird und das Verhältnis des kleineren Teils zum größeren gleich dem Verhältnis des größeren zur gesamten Strecke ist. Jede beliebige Strecke hat nur einen Punkt, an der sie in dieser wechselseitig aufeinander bezogenen Weise in zwei ungleiche Teile geteilt werden kann, und diesen Punkt nennt man den»schnitt«. Im 19. Jahrhundert wurde er als der»goldene Schnitt«bekannt. m : M = M : (m + M) 5:8

Modulor von Le Corbusier Der Modulor beschäftigt sich mit Dimension und Proportion im Zusammenhang mit dem menschlichen Körpermaß. Nach vielen Versuchen wurde ein sechs Fuß hoher Mensch als Grundlage genommen. 1 Fuß = 30,48 cm 6 Fuß = 183 cm Le Corbusier findet eine proportionale, harmonische Gliederung der menschlichen Figur nach dem Goldenen Schnitt: Der Schnittpunkt von Major und Minor liegt auf der Höhe des Nabels. Le Corbusier beabsichtigte mit dem Modulor die Dimensionierung von Räumen und Einrichtungsgegenständen nach den menschlichen Maßen zu regeln. es handelt sich darum, für die Gesten eines stehenden, sitzenden oder liegenden Menschen die richtige Umgebung zu schaffen.

Papierformate Das Papierformat hat einen proportionalen Aufbau Verhältnis von Basis zu Höhe. Besonders beim Rechteck entstehen Proportionen von der kurzen zur langen Seite. Unterscheiden kann man zwischen einem quadratischen, hochrechteckigem, querrechteckigem. Ist das Verhältnis der Breite zur Höhe (oder umgekehrt) 1:2 oder mehr, spricht man vom Schmalformat. Zusätzlich gibt es auch freie Formate, wie Kreise, Ovale oder Dreiecke

Bildschirmformate Das Seitenverhältnis digitaler Anwendungen ist aufgrund der technischen Gegebenheiten meist 4:3 in den entsprechenden Auflösungen (1024x768, 800x600,..)

Fläche und Grauwerte Der Umgang mit Helligkeitswerten spielt in der Gestaltung mit Typografie eine große Rolle. Alles was zwischen den unbedruckten und den bedruckten Teilen geschieht kann beeinflusst werden. Durch bewußten Einsatz dieser Gestaltungsmittel bekommt eine Drucksache ihre»gestalt«schriftblöcke werden als Flächenelement als Grauwert wahrgenommen. Fette Schrift hat einen flächigen Charakter Bestellkarten für die Zeitschrift Octavo

Fläche und Grauwerte Eine Textgruppe wirkt wie ein Flächenelement. Eine Fläche entsteht immer dann, wenn es sich um eine größere Textmenge handelt. Der Helligkeitswert wird durch die Farbe, die Frorm, die Laufweite und die Länge der Zeilen, durch die Satzart, den Schriftcharakter, den Schriftschnitt und den Zeilenabstand beeinflußt. Auch der unbedruckte Raum, der die Fläche umgibt, beeinflußt den Helligkeitswert der Grauwirkung.

Kontrast Kontraste entstehen durch starke Gegensätze, durch auffallende Unterschiede. Das Zusammenführen zweier Werte nach Gesetzen des Kontrastes verändert und verstärkt die Wirkung. Kontraste helfen Texte zu organisieren. Kontraste können das Lesen erleichtern. Die Aussage eines bestimmten Textteils kann durch Kontraste zum übrigen Text unterstützt werden. Kontraste wirken als Signale. Kontraste stimulieren, motivieren, fallen auf. Das heißt aber nicht, daß nur Kontraste typografische Lösungen anbieten. Als Gestalter sollten sie wissen, ob ihre Arbeit bewegt, ruhig, laut, leise... wirken soll.

Rhythmus gestalt und funktion der typografie In der Typografie gibt es viele Möglichkeiten mit rhythmischen Werten zu arbeiten. Die Schrift an sich ist ein rhythmisches Gebilde, in dem sich Mittel-, Ober und Unterlängen, Geraden, Rundungen und Schrägen abwechseln.

Symmetrie und Asymmetrie Symmetrie heißt Deckungsgleichheit, Gleich- oder Regelmäßigkeit, Ebenmaß, die harmonische Anordnung mehrerer Teile eines Ganzen zueinander. In der Typografie versteht man unter Symmetrie die axiale Zuordnung der Zeilen.