Web Typografie Workshop

Der Großteil des Webs besteht aus Text. Doch leider wird der Textsatz im Webdesign oft vernachlässigt – mit bösen Folgen für Funktionalität und Usability. Typografie zur Hilfe! In diesem eintägigen Workshop lernst du, wie du dein nächstes Web-Projekt mit guter Typografie aufpolierst. Ob du im Development, im Design oder dazwischen arbeitest – zahlreiche Beispiele und praktische Aufgaben bieten dir einen Einstieg ins Thema oder vertiefen dein Wissen.

Jetzt anmelden

 

Inhalt

Der Web Typografie Workshop behandelt vorwiegend die Lesetypografie im Web Design, also den Mengensatz von Text. Abgesehen von einer kurzen allgemeinen Einführung ins Thema Typografie fürs Web werden folgende Dinge abgedeckt:

  • Die richtige Schrift – Entscheidungsgrundlagen zur Auswahl einer geeigneten Schrift für den Mengensatz im Web sowie Kombination von Schriften
  • Harmonischer Textsatz – Schriftgröße, relative Maßeinheiten, Zeilenlänge und Zeilenabstand, Textsatz und Schriftfarbe
  • Erweiterte Textgestaltung – Inspiration zur Gestaltung von Auszeichnungen, Vorspann, Zitaten, Initialen, Listen und Aufzählungen
  • Vertikaler Rhythmus – harmonische Verhältnisse zu einander durch Grundlinienraster und Modular Scale
  • Typografie im Responsive Webdesign – Skalieren und optimieren des Textsatzes für verschiedene Bildschirmauflösungen

 

Ablauf

Der Web Typografie Workshop besteht aus Kurzvorträgen und jeweils anschließenden praktischen Aufgaben, wodurch die Theorie gleich erprobt werden kann. Wir arbeiten in einer kleinen Gruppe von etwa sechs Personen. Dadurch sind persönliche Einzelbetreuung und Hilfestellung möglich. Am Ende des Tages werden die Übungsergebnisse gemeinsam besprochen.

Zielgruppen

Dieser Workshop richtet sich an alle, die fürs Web gestalten und Einfluss auf den Textsatz haben.

Developer oder Developerin

Du übernimmst vorwiegend den technischen Part im Webdesign und bist oft in der Situation Lücken im vorgegeben Screendesign über das Development zu füllen. Du bist mit Typografie nicht allzu vertraut und möchtest einen Einsteig in das Thema finden. Du wirst typografische Einstellungen im Front-End-Design besser verstehen lernen und herausfinden, was DesignerInnen wichtig ist, um besser zusammenarbeiten zu können.

Designerin oder Designer

Du erstellst Screendesigns in Grafikprogrammen, bist mit Typografie gut vertraut und kannst einfaches HTML und CSS. Du hättest gerne mehr Einfluss auf das Ergebnis und willst wissen, was für gute Typografie technisch möglich ist. Du wirst lernen, wie man die wesentlichen typografischen Einstellungen mittels CSS umsetzen kann. Du wirst über Hürden und Möglichkeiten erfahren. Deine Entwürfe werden dadurch besser und es wird einfacher mit DeveloperInnen zu kommunizieren.

Allrounder oder Allrounderin

Du übernimmst Teile des Designs und Teile des Developments, vor allem Front-End. Du kennst die typografischen Grundbegriffe, möchtest aber mehr in das Thema eintauchen. Du wirst dein Wissen vertiefen und mehr über Schrift und Typografie erfahren. Aber auch wie man Schriftgestaltung im Front-End-Design nachhaltiger ansetzen kann.

Vortragender

Der Workshop wird von Oliver Schöndorfer gehalten. Oliver gestaltet seit über 17 Jahren für das Web und hat sich mit seiner Leidenschaft für Design und Typografie umfangreiches Wissen in diesem Spezialgebiet angeeignet. Er unterrichtete Webdesign an der Graphischen in Wien, hielt Workshops an der New Design University in St. Pölten und Vorträge zum Thema Web Typografie bei lokalen Veranstaltungen und internationalen Konferenzen.

Kurzvorträge und Praktische Aufgaben wechseln sich im Web Typografie Workshop ab

Voraussetzungen

Für diesen Workshop sind nur zwei Dinge notwendig: ein eigener Laptop sowie ein Grundverständnis von HTML und CSS. Sieh dir den folgenden Absatz Code an – wenn du damit klar kommst, wirst du dem Workshop gut folgen können:

<h1>Bist du geeignet?</h1>
<p class="copy">
  Du versteht diesen Auszug HTML und CSS? Gratulation,
  hiermit hast du die notwendigen Kriterien erfüllt 
  und muss nur noch auf Anmelden klicken.
</p>
h1 {
  font-family: Helvetica, sans-serif;
  line-height: 1.2;
  font-size: 2rem;
  margin-bottom: 1.5rem;
}
 
.copy {
  font-family: Georgia, serif;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}

Termine und Ort

Termine

Zeit

Ort

Atelier von 86/60
Baumgasse 52, Hof 2
1030 Wien

Preise

Freelancer

Regulär: € 300,—
Early-Bird: € 250,—

Agenturen

Regulär: € 450,—
Early Bird: € 400,—

Early Bird-Preise gelten für Anmeldungen bis vier Wochen vor dem gewählten Workshop-Termin. Alle Preise zuzüglich 20 % MwSt.

Inhouse Workshop für Agenturen

Für Design-Agenturen oder Development-Büros kann der Workshop direkt vor Ort zu einem individuellen Termin gebucht werden. Der Schwerpunkt kann je nach Bedürfnis stärker in Richtung Design oder Development gesetzt werden. Preise beginnen bei € 2.400 für bis zu vier TeilnehmerInnen (zzgl. MwSt. und ev. Anfahrt/Unterkunft außerhalb Wiens und Niederösterreichs).
Jetzt per E-Mail anfragen

Kleingedrucktes

Zahlung: Du erhältst nach deiner Anmeldung per E-Mail eine PDF-Rechnung. Mit der Überweisung des Betrags ist deine Anmeldung verbindlich und dein Platz reserviert.

Rücktritt: Die Anmeldung kann bis 14 Tage vor dem Workshop-Termin mit einer Gebühr von € 40 (netto) storniert werden. Du kannst deine Anmeldung bis einen Tag vor Stattfinden des Workshops auf einen Ersatzteilnehmer übertragen.

Anmelden

Rechnungsempfänger