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 folgenden 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


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

  • Herzlichen Dank für die kurzweilige, sehr gut strukturierte und aufschlussreiche Schulung! 

    Das gesamte Team ist motiviert, nun mit WordPress richtig durchzustarten, was neben der guten Aufbereitung der Schulungsinhalte auch an der sympathischen Vortragsweise lag! Von der historischen Entwicklung des WordPress-Konstrukts über einen State of the Art-Workflow zum Aufbau von zeitgemäßen Websites hin zu »System-Hacks« wurden wir mit einem Rund-um-Paket für Einsteiger bestmöglich auf die Arbeit mit dem System vorbereitet. Nochmals vielen Dank an Jonas und das gesamte Team!

    Oktober 2024, Christin Ola, Digital Marketing Managerin, Aristo Pharma GmbH

  • Vielen Dank für die super Schulung — nicht nur für die sinnvolle Nutzung von Figma als Design-Tool, sondern vor allem für die Mindsets (oder auch Leitsätze) zur Herangehensweise beim Aufbau der Designs und welche Auswirkungen das auf den Hand-Off und das Development hat. Tip-Top!

    September 2024, Ronny Staps, Held+Team PartG

  • Vielen Dank noch einmal für die zwei inspirierenden Schulungstage, die uns eine neue und erweiterte Sichtweise auf das Thema Barrierefreiheit gezeigt haben. Alle Beteiligten waren, wie immer, sehr begeistert :-).

    Juli 2024, Susan Stibitz, BAUR Versand GmbH & Co KG