Workshop: Coding for Designers

Kurzbeschreibung

Die Gestaltung von Websites ist kompliziert: Verschiedene Browser, Betriebssysteme, Displaygrößen, Auflösungen, Bedienkonzepte, Layout-Varianten und Komponenten-Zustände …
Die Leinwand im Web ist der Browser und die Materialien zum Gestalten heißen HTML, CSS, JavaScript und SVG. Nur wer den Browser gut kennt und die Materialien versteht, kann erfolgreich Websites gestalten.

In diesem Workshop erwerben Sie die notwendigen Coding-Skills um mit den Developer-Tools von Firefox und Chrome direkt im Browser gestalten zu können.

Sie lernen anhand praktischer Übungen kennen, wie flexible Gestaltungsraster erstellt werden, und wie variable Schriftgrößen und daraus abgeleitete Proportionen funktionieren. Wir zeigen Ihnen, was es bei Responsive Design, Bildern und Grafiken zu beachten gibt, und wie Animationen und Mouse-Over-Effekte gestaltet werden.

Das Ziel dieses Workshops besteht nicht darin, »production ready« Code zu schreiben. Vielmehr zeigen wir Design-Teams wie sie mit Code layouten und Prototyping betreiben können. In der Zusammenarbeit mit Frontend-Teams werden Sie danach spürbar besser aufgestellt sein. Und mit Sicherheit den Browser als weitere Gestaltungsumgebung in Ihr Toolset aufnehmen.


Inhalte

Die folgende Inhalte sind unsere Empfehlung für einen fundierten Einstieg in das Thema bzw. werden häufig gewünscht. Der Umfang beträgt, abhängig von den Vorkenntnissen und dem Anteil praktischer Übungen, meist zwischen 8h – 24h. Gerne passen wir die Agenda auf Ihre individuellen Anforderungen hin an, bzw. beziehen aktuelle Praxisprojekte mit ein. Wir stimmen uns dazu im Vorfeld der Schulung persönlich mit Ihnen ab.

Die Developer-Tools der Browser

HTML/CSS-Basics

Typografie

Flexible Layouts & Gestaltungsraster

Grafiken und Effekte

Interaktionen & Animationen


Voraussetzungen und Zielgruppe

Für diesen Workshop benötigen alle teilnehmenden Personen ein eigenes Notebook mit installiertem Firefox- und Chrome-Browser sowie einem der folgenden drei Grafikprogramme: Illustrator, XD oder Sketch.

Der Workshop richtet sich an gestalterisch arbeitende Menschen mit guten Vorkenntnissen in branchentypischen Grafik-Programmen. Wir gehen davon aus, dass eine Affinität zum Web Design vorhanden ist, und dass die zügige Handhabung des eigenen Computers keinerlei Probleme darstellt.


Dozent: Jonas Hellwig

Jonas HellwigJonas Hellwig ist Gründer der Agentur kulturbanause und des kulturbanause Blogs. Er arbeitet an der Schnittstelle zwischen UX/UI Design, Frontend und Redaktion und hat zahlreiche Fachbücher und Video-Trainings veröffentlicht. Jonas Hellwig ist regelmäßig als Sprecher auf Fachveranstaltungen anzutreffen und unterstützt mit Seminaren und Workshops Agenturen und Unternehmen bei der Planung, der Gestaltung und der technischen Umsetzung von Web-Projekten.


Feedback zu unseren Schulungen

  • Wir bedanken uns für die spannende und lehrreiche Schulung. Die einzelnen Slots sind immer individuell auf unsere Bedürfnisse ausgerichtet und setzen direkt an unseren Problemstellen an, sodass wir super zielgerichtet arbeiten können. Jonas gibt uns flexible Lösungen an die Hand, erklärt uns immer auch weitere Möglichkeiten, die das Programm bietet und ermöglicht uns dadurch einen großartigen Einblick. Es macht immer wieder Spaß und wir können hier von Jonas Input nur profitieren. In diesem Sinne – die nächste Schulung kommt bestimmt.

    März 2024, Annika Becker, Senior Art Director, REINBOLDROST GmbH & Co. KG

  • Regelmäßige Schulungen sind für unser Team unerlässlich. Einen besseren Ansprechpartner und Dozenten könnten wir uns nicht wünschen. Wir sind schwer begeistert und bedanken uns ganz herzlich bei Jonas Hellwig und seinem Team!

    Februar 2024, Macario Strukely – STRATEGA Websolutions e.K.

  • Vielen Dank für die tolle Zusammenarbeit! Die Erstellung unseres Design Systems mithilfe von Adobe XD und die reibungslose Migration zu Figma verliefen optimal. Die Design-Komponenten-Bibliothek bildet eine perfekte Grundlage für zukünftige Entwicklungen und unsere neuen Projekte. Das äußerst strukturierte und effiziente Vorgehen hat nicht nur dazu beigetragen, dass wir uns bestens in die Materie eingearbeitet haben, sondern hat auch die Übernahme optimal vorbereitet und erleichtert – ganz abgesehen davon, dass es auch noch viel Spaß gemacht hat!

    Als Behörde ist für uns besonders die gründliche und kontinuierliche Überprüfung im Hinblick auf Barrierefreiheit von großer Bedeutung. Auch in diesem Bereich erhielten wir stets optimale Beratung und viele wertvolle Tipps.

    Wir freuen uns bereits auf die kommenden Projekte, die wir gemeinsam mit Jonas realisieren können.

    November 2023, Beate Köferl, Landesamt für Finanzen – FinanzIT BAYERN