Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam mehr erfahren

Grundlagen der Typografie I

Typografie ist wie ein Gewürz. Richtig angewandt, verstärkt sie den verschriftlichten Inhalt um ein vielfaches, aber nun raus aus der Küche und rein in den Kurs.

Wie der Name bereits beschreibt, geht es um die Grundlagen der Typografie.

1 RAUM

Der Buchstabe ist die kleinste Einheit der Typografie.

Er trägt, aus dem Wort-, Satz- oder Textzusammenhang gerissen, keine Bedeutung.

Von jeder inhaltlich-textlichen Aussage befreit, bleibt die grafische Form bzw. das Zusammenspiel von Form und Gegenform.

Das Zeichen verändert die Fläche, auf die es gestellt wird.
Es verändert sich auch selbst, abhängig von der umgebenden Fläche
und seiner relativen Lage auf der Fläche.

In der Gestaltung stehen typografische Elemente und Fläche als Form und Gegenform in einer Wechselbeziehung. Diese Beziehung zwischen typografischen Formen und Hintergrund ist für die Gestaltung fundamental. Beide müssen als gleichwertig betrachtet werden, ihre Beeinflussung ist gegenseitig und veränderlich.

Die Fläche bietet den Grund, das relative Umfeld für alle typografischen Elemente. Sie beeinflusst die Ausdrucksqualität der darauf verteilten Elemente. Je nach ihrer Platzierung innerhalb einer bestehenden Fläche erscheinen diese Elemente verschieden in Gewicht und Bewegung. Umgekehrt wird die optische Wirkung der Fläche durch den Charakter und die Platzierung der verschiedenen Elemente bestimmt.

Wählen Sie aus den vorliegenden Schriftmustern (Bauer Bodoni, Adobe Garamond, Berthold Akzidenz Grotesk und New Baskerville) mindestens zwei Buchstaben pro Schriftmustern aus und platzieren Sie diese einem Raum von 20x20cm.

Julia_HvW_Übung_1_Seite_02.pngJulia_HvW_Übung_1_Seite_02.png
Julia_HvW_Übung_1_Seite_05.pngJulia_HvW_Übung_1_Seite_05.png
Julia_HvW_Übung_1_Seite_04.pngJulia_HvW_Übung_1_Seite_04.png
Julia_HvW_Übung_1_Seite_03.pngJulia_HvW_Übung_1_Seite_03.png
Julia_HvW_Übung_1_Seite_06.pngJulia_HvW_Übung_1_Seite_06.png
Julia_HvW_Übung_1_Seite_07.pngJulia_HvW_Übung_1_Seite_07.png
Julia_HvW_Übung_1_Seite_08.pngJulia_HvW_Übung_1_Seite_08.png
Julia_HvW_Übung_1_Seite_09.pngJulia_HvW_Übung_1_Seite_09.png
Julia_HvW_Übung_1_Seite_10.pngJulia_HvW_Übung_1_Seite_10.png
Julia_HvW_Übung_1_Seite_11.pngJulia_HvW_Übung_1_Seite_11.png

2 ZOOM

In der (extremen) Vergrößerung wird das Zeichen nicht mehr als auf der Fläche stehend wahrgenommen: es sprengt die Fläche. 

Das Zeichen dynamisiert den Raum. Die Formwahrnehmung ändert sich, wenn Teile des Zeichens außerhalb des Formates liegen.

Bei dieser Übung werden typische Formen der einzelnen Schriftgruppen identifiziert und die Sensibilität für die Formenvielfalt und Ausdruck der Schrift geschult. Parallel dazu wird die Komposition der schwarzen und weißen Flächen im Raum geübt.

Sprengen Sie die Fläche mit ihrem Zeichen. Das Zeichen muß intakt
bleiben, darf jedoch im Anschnitt stehen.
Das Zeichen bzw. charakteristische Teilformen sollen erkennbar bleiben.

Julia_HvW_Übung_2_Seite_03.pngJulia_HvW_Übung_2_Seite_03.png
Julia_HvW_Übung_2_Seite_04.pngJulia_HvW_Übung_2_Seite_04.png
Julia_HvW_Übung_2_Seite_02.pngJulia_HvW_Übung_2_Seite_02.png
Julia_HvW_Übung_2_Seite_08.pngJulia_HvW_Übung_2_Seite_08.png
Julia_HvW_Übung_2_Seite_05.pngJulia_HvW_Übung_2_Seite_05.png
Julia_HvW_Übung_2_Seite_09.pngJulia_HvW_Übung_2_Seite_09.png
Julia_HvW_Übung_2_Seite_06.pngJulia_HvW_Übung_2_Seite_06.png
Julia_HvW_Übung_2_Seite_07.pngJulia_HvW_Übung_2_Seite_07.png
Julia_HvW_Übung_2_Seite_11.pngJulia_HvW_Übung_2_Seite_11.png
Julia_HvW_Übung_2_Seite_10.pngJulia_HvW_Übung_2_Seite_10.png

3 VERFREMDUNG

Jedes Schriftzeichen besteht aus einer bestimmten Anzahl von Teilformen. Der Aufbau reflektiert die Bewegung der schreibenden Hand. Die relative Lage der Teilformen zueinander ist festgelegt. 

Formen und Teilformen der Schriftzeichen sind sehr weitgehend konventionalisiert. Geringfügige Abweichungen können zur Unkenntlichkeit führen.

Verfremden Sie das Zeichen, indem Sie es zerlegen und neu zusammensetzen. Erfinden Sie ein neues Zeichen.

Sie müssen jede der Teilformen für das neu entstehende Zeichen einsetzen und dürfen nicht mehr als die Summe der Teilformen anwenden.

Julia_HvW_Übung_35.pngJulia_HvW_Übung_35.png
Julia_HvW_Übung_36.pngJulia_HvW_Übung_36.png
Julia_HvW_Übung_34.pngJulia_HvW_Übung_34.png
Julia_HvW_Übung_32.pngJulia_HvW_Übung_32.png
Julia_HvW_Übung_33.pngJulia_HvW_Übung_33.png
Julia_HvW_Übung_38.pngJulia_HvW_Übung_38.png
Julia_HvW_Übung_37.pngJulia_HvW_Übung_37.png
Julia_HvW_Übung_310.pngJulia_HvW_Übung_310.png
Julia_HvW_Übung_39.pngJulia_HvW_Übung_39.png
Julia_HvW_Übung_311.pngJulia_HvW_Übung_311.png

4 SPATIONIEREN

Durch das Ausgleichen (Spationieren) der einzelnen Buchstaben zueinander werden die Abstände zwischen den jeweiligen Lettern bestimmt, die sich nicht in geometrische oder rechnerische Schemata fassen lassen. Durch das bewußte Verschieben werden Störungen wie weiße Löcher oder schwarze Kleckse verhindert.

Montieren Sie aus den vorhandenen Schriftmustern der Akzidenz Grotesk und der Garamond Ihren Vornamen sowohl in Minuskeln als auch in Majuskeln.

Julia_HvW_Übung_4_Seite_2.pngJulia_HvW_Übung_4_Seite_2.png
Julia_HvW_Übung_4_Seite_3.pngJulia_HvW_Übung_4_Seite_3.png
Julia_HvW_Übung_4_Seite_5.pngJulia_HvW_Übung_4_Seite_5.png
Julia_HvW_Übung_4_Seite_4.pngJulia_HvW_Übung_4_Seite_4.png

Für Übung 4 gab es eine weitere Unteraufgabe. Dabei sollte Typografie im Alltag untersucht und am eigenen Vornamen ausprobiert werden.

Da ich selbst viele Schallplatten besitze, habe ich nun mehr auf die typografischen Aspekte von diesen geachtet.

Übung 4a-3.pngÜbung 4a-3.png
Übung 4a-34.pngÜbung 4a-34.png
Übung 4a-33.pngÜbung 4a-33.png
Übung 4a-32.pngÜbung 4a-32.png

5 SEMANTISCHE TYPOGRAFIE

Semantische Typographie bedeutet die Auseinandersetzung mit der Bedeutung eines Wortes und dessen Gestalt. 
Dabei kann der Ausdruck der Worte durch typographische Gestaltung gesteigert und formal verdichtet werden.

Wählen Sie zehn Wörter und erforschen Sie deren expressive Qualitäten. Dabei soll die Bedeutung des Begriffs durch die Wahl der typographischen Mittel (Schriftgröße, Schriftschnitte, Laufweite und Anordnungen) unterstützt werden. Vermeiden Sie das Wort einfach zu wiederholen oder gar ein Illustration aus den Buchstabenformen zu erzeugen.

Übung 54.pngÜbung 54.png
Übung 56.pngÜbung 56.png
Übung 55.pngÜbung 55.png
Übung 52.pngÜbung 52.png
Übung 510.pngÜbung 510.png
Übung 57.pngÜbung 57.png
Übung 58.pngÜbung 58.png
Übung 512.pngÜbung 512.png
Übung 511.pngÜbung 511.png
Übung 59.pngÜbung 59.png
Übung 513.pngÜbung 513.png

6 NEGATIVFÄCHE IN DER TYPOGRAFIE

Die bewußte Wahrnehmung der in der Typografie auftretenden Negativ- flächen wie Buchstabeninnenräume, Buchstaben-, Wort- und Zeilen- abstände, sowie der entstehenden Weißräume und deren Auswirkung auf Lesbarkeit und Ausdruck sollen untersucht werden.

Im Vordergrund dieser Übung steht der Umgang mit den sonst nicht bewußt wahrgenommenen Weißräumen der Typografie, den Buchstabeninnenräumen, Zeichenabständen sowie Wort- und Zeilenabständen.

Gestalten Sie eine Visitenkarte mit reduzierten Mitteln. 

Wichtig ist also das genaue Ausgleichen der Buchstabenabstände innerhalb der Wörter und die Abstimmung der Faktoren Schriftart, Schriftgröße, Wortabstand, Zeilenabstand und Spaltenbreite unter dem Aspekt der optimalen Lesbarkeit.

Format 85 x 55 mm

IncomVisitenkarte.pngIncomVisitenkarte.png

7 GESTALTUNG FOLGT INHALT

Bei dieser Übung geht es darum Text systematisch und rasterbasierend zu gestalten.

Stellen Sie eine Playlist mit Ihren zehn Lieblingstiteln zusammen.

Dazu gehören Bewertung, Song- und Albumtitel, Künstler, Komponist oder Interpret, Erscheinungsjahr, Genre (Rock, Hip-Hop, Klassik, usw.). 

Gestalten Sie damit ein CD-Booklet. Experimentieren Sie dabei mit ver- schiedenen Anordnungen der Daten, um so mögliche Zusammenhänge aufzudecken.

Vorgaben: 

-Passt in eine CD-Hülle

-max. 3 Schriftgrößen

-max. 2 Schrift- schnitte -> schwarz-weiß

-Typografische Mittel: Linien, Balken, Blöcke

Julia_HvW_Übung 7.1.pdf PDF Julia_HvW_Übung 7.1.pdf

Julia_HvW_Übung 72.pngJulia_HvW_Übung 72.png
Julia_HvW_Übung 7.pngJulia_HvW_Übung 7.png

Publikation

Zum Abschluss des Kurses sollen die Ergebnisse der Übungen in einer eignen Publikation zusammengefasst und gestaltet werden. Dabei haben wir nur die Vorgabe erhalten, dass ein Impressum enthalten sein muss.

Meine Publikation ist mit einer selbstgemachten Klebebindung gebunden.

Typo3.pngTypo3.png
Typo1.pngTypo1.png
Typo2.pngTypo2.png
Typo5.pngTypo5.png
Typo6.pngTypo6.png
Typo7.pngTypo7.png
Typo8.pngTypo8.png
Typo9.pngTypo9.png
Typo10.pngTypo10.png
Typo12.pngTypo12.png
Typo13.pngTypo13.png
Typo14.pngTypo14.png
Typo15.pngTypo15.png
Typo16.pngTypo16.png
Typo17.pngTypo17.png
_DSF3644.png_DSF3644.png
_DSF3645.png_DSF3645.png
Typo19.pngTypo19.png
_DSF3652.png_DSF3652.png

Typo.pngTypo.png
_DSF3611.png_DSF3611.png
_DSF3589.png_DSF3589.png
_DSF3607.png_DSF3607.png
_DSF3621.png_DSF3621.png

DRUCK

Zuerst habe ich das InDesign Dokument fertiggestellt und anschließend als PDF:

- mit einzelnen Seiten, die beidseitig bedruckt werden 

- mit Schnitt- und Anpassmarken 

- 3mm Anschnitt

exportiert für den späteren Druck.

Bei der Druckerei Solid Earth (Prenzlauer Berg) habe ich die einzelnen Seiten und dem Umschlag drucken lassen. Zuhause habe ich diese dann von Hand zugeschnitten. 

(Tipp: Das Lineal auf der Schneidematte mit Tape an den äußeren Seiten befestigen, sodass es weniger verrutschen und trotzdem noch leicht angehoben werden kann, um die Seiten auszutauschen.)  

BINDUNG

Um Herauszufinden wie ich selber eine Klebebindung mache, habe ich ein bisschen Unterstützung von meiner Kommilitonin Mio Daul bekommen und mich mit Hilfe von Videos und Webseiten darüber informiert. 

Was ich benutzt habe:

-Klammern oder irgendetwas zum Befestigen der losen Seiten

-Buchbinderleim 

-kleiner Pinsel

-evtl. Gaze wenn zur Verfügung

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Studienarbeit im ersten Studienabschnitt

Betreuung

foto: kh

Zugehöriger Workspace

Grundlagen der Typografie 01

Entstehungszeitraum

Wintersemester 2021 / 2022

Keywords