Nikolas Ripka SoSe 2016

Ähnliche Dokumente
Christian Schlimok KA3.4 Darstellung, Neue Medien Wintersemester 2008 / Regeln zur guten grafischen Gestaltung

Was ist Design? Printdesign. Modedesign. Webdesign. Möbel/Interior-Design. Film-/TV-Design. Fahrzeug-Design. Heim-/Hausgeräte.

Klassische Typografiefehler

Ingo Schaefer Typografie I

I. Grundsätzliches vorab... 17

Corporate Design. Basiselemente. t Schriften

ADRIAN FRUTIGER DER MENSCH UND SEINE ZEICHEN

DAS KLEINE DESIGN HAND BUCH

Hurenkinder Zwiebelfische Augenpulver

Leitfaden Plakatgestaltung Grundlagen an einem Praxisbeispiel erklärt.

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

Initiative Junge Forscherinnen und Forscher e.v. Mach die Zukunft zu deiner Idee!

Typografie & Layout. Verfasser: Timo Schöpf KTD 04

MATURAARBEIT PRÄSENTATION DER AUSSTELLUNG KANTONSSCHULE WILLISAU

Schriftfamilien. Schriftschnitte

Zusammenfassung und Wiederholung zu Geraden im IR ²

Stadt. Gestaltungsrichtlinien zum visuellen Erscheinungsbild der Stadt Ulm Wortmarke

Satzarten. Blocksatz. Flattersatz linksbündig

Kalligraphie: Die Kunst der Schrift

Die Aufgabenstellung. Gestalterische Vorgaben. Das Werbeziel

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

[...] (es) müssen Methoden für das Darstellen von Text im digitalen

Corporate Design-Manual 11/2008 Leitfaden zur Verwendung der Dachmarke für die Region Itzehoe

I1: Computergrafik (14)

Schrift in der Zeitung: Lesbarkeit und Ästhetik

FontForum. FontForum Designer Profile: Peter Langpeter URW++ DESIGN & DEVELOPMENT GMBH. Poppenbütteler Bogen Hamburg Germany

spielraum SOLTAU Das Gestaltungshandbuch

Schrift Schrift II. Schrift und Signaletik Deutsch und deutlich Die Gestaltungsfrage Datenformate Achtung Kunde!

Präsentationsziele Vorüberlegungen zum gewählten Thema

FontForum. FontForum Designer Profile: Claudia Kipp. URW++ Design & Development GmbH. Poppenbütteler Bogen Hamburg Germany

Rückenschilder für Ordner erstellen Word

8. Schritt Die erste Seite ist fertig Schritt Die zweite Seite gestalten... 6 Die Seitenzahl einfügen... 6

Herzlich willkommen Dokumente erstellen und bearbeiten Inhalt. Inhalt 5

Erstellen von Postern mit PowerPoint

Logo Zusatz Hintergrund Hausfarbe und Hausfarbe weitere Farben weitere Farben

KUNSTFÖRDERUNG IM KINDERGARTEN

GbR < Wir sind DAS MOMENT, eine junge Markenagentur. Wir reduzieren, um auf das Wesentliche zu konzentrieren.

Mein Computerheft 3/4. Schreiben, Gestalten und Präsentieren. Jahrgangsstufe 3 und 4 Lehrerband. Elmar Fischer, Thomas Alker

Grundl agen der Typografie

LOGO HANDBUCH Definition der grundlegenden Verwendung des Logos BIKE COMPANY

Gestaltung wissenschaftlicher Arbeiten

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

Schrift auf dem Bildschirm

Werkzeuge der Informatik (CS102) Textverarbeitung

OLYMPIAPARK MÜNCHEN DESIGN GUIDE STAND DEZEMBER 2011

Hier Übersicht soll die Überschrift sein

Erscheinungsbild. Das Logo

Dokumentation zur Modellierung der Geoinformationen des amtlichen Vermessungswesens (GeoInfoDok)

EINLEITUNG. 1 Pixel Bild ist 8 Pixel hoch. Bild ist 8 Pixel breit

Erstellen der Barcode-Etiketten:

PRÄSENTATIONSDESIGN Handout. Layout

Erratum zu Mediendesign für Studium und Beruf

Corporate Design Entwicklung

Peter Sekan Mat# Sem WS 0708 ID Information Architecture

abcdeäöü abcdefloq äbcqgäöü Q U w U t? ol \J U Q m t& <gi ü i& * m * Q * * * <& * # <*> * * * * * <*> <*>

corporate design Pfadfinderinnenschaft St. Georg

Multimedia und Kommunikationsdesign

ANLEITUNG MY PRINT ED DUMMY

Lehrveranstaltung: Designanalyse und -kritik Dozent: Dipl.-Des. Boris Bandyopadhyay. Wintersemester 2005/06

Kurs Photoshop. Lehrplan zum

District Thin Hauptverwendung: Uni-Graz-Logo (Schriftzug links neben Bildmarke) und Titelschrift

Corporate Design Manual

Leitfaden Corporate Design. Das neue Erscheinungsbild des VKD e.v.

copyright by brandident - Januar 2016 DESIGN MANUAL

Hochschule für Kunst,Design und Populäre Musik Freiburg

orporate Identity der WMS früher & heute ORIGINAL: VIDEO

Typografie_Mikrotypografie Schriftästhetik und Schriftwahl. Michael Wörgötter

e Designs at por en des Cor undlag Gr! MARKETING ENGELS

mazze.ch matthias walti informationsarchitekt

Manuela Hoffmann. Modernes Webdesign. Gestaltungsprinzipien, Webstandards, Praxis. Galileo Press

KONZEPTION. zur Website der Friseurkette. Stefan Beil 2-MD 05.01

Projektvorschlag Papierbuchstabe: mein Buchstabe spricht mit mir

Ratgeber: Grundlagen für das Layout eines Gemeindebriefs

Nicolas Grichting. Mediamatiker LBVO Version 5.3

Power Point Präsentationen für Videoconferencing

Eins für alle. Das neue Prüfzeichen von TÜV Rheinland.

Das Portfolio. Vorgaben und Beurteilung

1. LPC - Lehmanns Programmier Contest - Lehmanns Logo

Typografie Farbgestaltung Schreiben fürs Web

Ainolage. 30 RZ-Mitteilungen Nr. 18, August Eine Forderung ist Lesbarkeit. Typografie. Anforderungen an Typografie.

Corporate Design Manual. Version 2.0

CORPORATE DESIGN MANUAL. Logo Farben Schrift Wordvorlagen Kopiervorlage

Technisches Zeichnen per Hand und am PC -Wahlpflicht

Kapitel 8 Texte schreiben


Dreamweaver 8 Homepage erstellen Teil 1

Die Schul(-landheim)druckerei geht auf die Methode des Reformpädagogen Celestin Freinet ( ) zurück.

Corporate-Design-Manual für Print-Anzeigen

Typografie am Bildschirm

Portfolio Aufbau deines Portfolios

Vorwort. Vorwort zur 1. Auflage

Textverarbeitungsprogramm WORD


Richtlinie Das Audi Markenzeichen

SIEHT das post

Transkript:

ypo asis Nikolas Ripka SoSe 2016 1

Inhaltsverzeichnis Vorwort Quadrate Buchstaben zeichnen Alltagstypografie Gezeichneter Schriftzug Zeichen-Alternativen Versalausgleich Semantische Typografie Musterbuch Weißraum: digitales Plakat Weißraum: analoges Plakat Kartografie Univers Bibliografie, Impressum 3 4 5 6 8 9 10 11 14 16 17 18 20 22 2 1

Vorwort Es mag vielleicht etwas klischeehaft klingen, aber nachdem wir uns mit Alltagstypografie beschäftigt haben, kann ich nicht aufhören, überall auf Schriften zu achten. Was ist das für eine Schrift auf dem Schild? Helvetica? Nein, das k sieht eher aus wie Univers. Und auf dem Etikett der Wasserflasche? Definitiv eine klassizistische Antiqua. Von der Trajansäule bis zur Smartphone-App hat Typografie eine lange Geschichte. Dazu gehört auch das Bleisatzverfahren, das wir in unserer Buchdruckwerkstatt ausprobieren konnten und ein spannender Einblick in die gute alte analoge Zeit war. Aber auch über ganz grundsätzliche Themen haben wir einen Überblick bekommen, seien es die Anatomie der Buchstaben, Schriftklassifikationen oder wie man Typografie gezielt einsetzen kann, um eine bestimmte Wirkung zu erzeugen. Dazu gab es die vielen Übungen, die in den nächsten Seiten zu sehen sind. Auch diese Dokumentation war eine Übung die letzte. Die Inhalte des Kurses sollten mit der gewählten Form möglichst harmonieren. Aber wie genau sollte nun das Layout aussehen? Wie viele Spalten, wie flexibel sollten die Inhalte dargestellt werden? Und ist die Seitenzahl beim Inhaltsverzeichnis unbedingt notwendig? (Immerhin hat das Otl Aicher auch gemacht). Ich kann diese Fragen nur so beantworten: Viel Spaß beim Lesen! 2 3

Quadrate Ein Pixel, ein Quadrat. Die einfachste Form überhaupt, um Zeichen darzustellen. In kleinen Gruppen versuchten wir, Piktogramme für verschiedene Begriffe wie schnell oder Gerechtigkeit zu bilden. Buchstaben zeichnen Um ein Gefühl zu bekommen, wie sich Schriftarten unterscheiden und auf welche Merkmale man achten sollte, ging es in unserer zweiten Aufgabe darum, Buchstaben aus fünf verschiedenen Schriften nachzuzeichnen. 4 5

Alltagstypografie Typografie ist überall. So haben wir alle Begegnungen mit Schrift (gedruckt, gezeichnet, digital) in unserem Alltag festgehalten vom Aufstehen bis zur Ankunft an der Fachhochschule. Hier eine Auswahl. 6 7

Gezeichneter Schriftzug Aus den Fotos zur Alltagstypografie konnten wir nun einige Buchstaben auswählen, um mit ihnen ein Wort unserer Wahl zu zeichnen. Zeichen-Alternativen Hier sollten wir versuchen, von einem Zeichen viele Varianten zu entwerfen. 8 9

Versalausgleich Spationierung ist ein wichtiger Teil von Typografie vor allem bei Texten in Versalien. Dazu sollten wir die einzelnen Buchstaben ausschneiden und so positionieren, dass die Zwischenräume optimal sind. Semantische Typografie Wie kann man die Bedeutung eines Wortes mit typografischen Mitteln ausdrücken? Mit fünf Wörtern haben wir das ausprobiert: Demokratie Diktatur Monarchie Minimalismus Umgekehrt r a t k i e m o e d 10 11

Minimalismus 12 13

Musterbuch Welche Ausschnite aus Magazinen lassen sich gut paaren und zu Doppelseiten zusammenfügen? Es können wiederkehrende Zeichen sein, aber auch Formen, Muster, Farben, Kontraste und Richtung. Hier eine Auswahl. 14 15

Weißraum: digitales Plakat Zum Thema Weißraum sollten wir ein Zitat suchen und ein Plakat dazu gestalten. Hier ein Zitat von Emil Ruder in der Schrift Univers. Weißraum: analoges Plakat Unsere zweite Herausforderung bestand darin, das gleiche Plakat mit dem Bleisatzverfahren in unserer Werkstatt zu drucken. Hier das gleiche Zitat in der Schrift Super Grotesk. 16 17

Kartografie In unserer vorletzten Übung sollten wir einen Ausschnitt aus dem Potsdamer Stadtplan nur mit Hilfe von typografischen Zeichen gestalten. 18 19

Univers Zum Kurs gehörte es auch, dass wir uns mit einer Schrift näher auseinandersetzen und sie präsentieren. Geschichte Univers wurde ab 1954 vom Schweizer Schriftgestalter Adrian Frutiger für die Schriftgießerei Deberny & Peignot in Paris entwickelt. Dafür verwendete er alte Skizzen aus seiner Zeit in der Kunstgewerbeschule. Diese neue Schrift war von Anfang an für Blei- und Fotosatz geplant und bestand aus 21 Schnitten, die so angelegt waren, dass die Formen bei Schriftmischungen immer wie aus derselben Schriftfamilie genommen aussahen und konsistent waren. Als Name schlug Frutiger am Anfang Monde vor, dann Europe. Da die Schrift aber international vermarktet werden sollte, schlug er den Namen Universal vor, der schließlich in Univers geändert wurde. Merkmale. Merkmale Die Schrift ist neutral, zurückhaltend, sachlich und ruhig. Auch aus größerer Distanz ist sie gut lesbar. Man kann sie beispielsweise an den besonderen Formen von Q und G und dem waagerechten Abschluss der Buchstaben gut erkennen. Das System Frutiger entwickelte ein neues Zahlensystem, das Verwechslungen vermeiden sollte. Als Ausgangspunkt wurde der Schriftschnitt Nummer 55 gewählt. Die Zehnerstellen (40, 50, 60, 70) stellen die Strichstärke dar. Ungerade Ziffern sind geradestehende Schnitte, gerade Ziffern Kursivschnitte. Dazu gibt es noch schmale und breite Schnitte. Klassifikation Nach DIN 16 518: VI Serifenlose Linear-Antiqua mit klassizistischem Charakter Nach Vox-ATypI: Moderns, Lineal, Neo-grotesque 20 21

Bibliografie Aicher, Otl. Typographie. 1988, Ernst & Sohn. de Saint-Exupéry, Antoine. Wind, Sand und Sterne. 1999, Rauch. Friedl, Friedrich. Die Univers von Adrian Frutiger. 1998, Verlag form. Kapr, Albert/Walter Schiller. Gestaltung und Funktion. 1989, Fachbuchverlag. O Doherty, Brian. In der weißen Zelle / Inside the White Cube. 1996, Merve. Ruder, Emil. Typographie: ein Gestaltungslehrbuch. 1967, Teufen AR: Niggli. Tschichold, Jan. Erfreuliche Drucksachen durch gute Typographie. 2001, Maro. Williams, Robin (2008). Design & Typografie. Addison-Wesley. Nikolas Ripka, 2016 TypoBasis Grundlagen der Typografie von Ferdinand Ulrich an der Fachhochschule Potsdam Schrift: Univers von Adrian Frutiger Papier: Color Copy style nature, 100g/m 2 Druck: Print Express, Potsdam 22 23

Dokumentation des Kurses TypoBasis Grundlagen der Typografie von Ferdinand Ulrich an der Fachhochschule Potsdam. 24