icon-arrow-lefticon-arrow

Kurzbeschreibung

Viele grafische Bestandteile einer Website lassen sich heute vollständig, oder zumindest nahezu vollständig, über den Code realisieren. Dabei reicht die Palette von klassischen Layout-Elementen mit Hilfe von CSS, über komplexe Gestaltungsmöglichkeiten, Farbschemata und Styleguides mit Hilfe von Präprozessoren wie Sass oder Less bis hin zu »echten« grafischen Elementen mit Hilfe des codebasierten Dateiformats SVG.

In diesem Workshop erfahren Sie wie attraktive und robuste Grafiken im Browser entstehen. Neben den Grundlagen des »Design in the Browser«-Workflows, lernen Sie zahlreiche Tipps und Tricks kennen um mit geringem Aufwand erstaunliche grafische Effekte zu erreichen. Auch CSS-Animationen und Transformationen, browserübergreifende-, flexible- und semantisch wertvolle Gestaltung werden in diesem ganztägigen Seminar ausführlich behandelt. Außerdem erfahren Sie, welche Tools Ihnen die Arbeit spürbar erleichtern können.

Neben den gestalterischen Möglichkeiten von CSS und Sass, lernen Sie auch das SVG-Format detailliert kennen. Sie erfahren was es bei der Gestaltung in Illustrator und Co. zu beachten gibt und wie Sie SVG-Grafiken exportieren, einbinden und optimieren können. Darüber hinaus bietet das Format SVG faszinierende Möglichkeiten in Kombination mit CSS und JavaScript, denn Sie können SVGs umfärben, animieren und anderweitig manipulieren. Darüber hinaus ist es möglich nur Teile einer SVG zu laden, was es Ihnen wiederum ermöglicht mehrere Layout-Elemente in einer Datei zu verwalten und Performance schonend auf der Website einzusetzen.

Zum Abschluss des Seminars werfen wir noch einen Blick in die Zukunft und lernen einige experimentelle CSS-Styling-Techniken kennen, die Ihnen vielleicht schon bald ganz neue gestalterische Möglichkeiten bieten.

Zielgruppe

Webdesigner, Grafiker, Mediengestalter, Frontend-Entwickler und Projektleiter. Vorkenntnisse im Bereich HTML, CSS, Photoshop & Illustrator. sind sinnvoll (aber nicht notwendig), da im Rahmen des Workshops keine Grundlagen vermittelt werden.

Durchführung

Der Workshop ist als praxisorientiertes Seminar mit Diskussionscharakter geplant. Mit dem eigenen Notebook können die Beispiele live nachvollzogen werden, der Dozent verwendet die Creative Cloud von Adobe.
Alle im Workshop entstandenen Beispiele sowie die Workshop-Inhalte werden den Teilnehmern nach dem Termin zur Verfügung gestellt.

Dozent: Jonas Hellwig

Jonas HellwigJonas Hellwig arbeitet als Web Designer, Video-Trainer, Fachbuchautor und Dozent in Berlin. Neben Responsive Design hat er sich auf WordPress, Photoshop und Workflow-Optimierungen im Web Design spezialisiert und ist Gründer der Agentur kulturbanause® (kulturbanause.de). Auf blog.kulturbanause.de veröffentlicht er interessante Artikel, Tipps und Tutorials zum Thema Web Design. Jonas Hellwig ist regelmäßig als Sprecher auf Veranstaltungen zum Thema Web Design anzutreffen und unterstützt Web-Agenturen und Unternehmen bei der Planung und bei der technischen Umsetzung von Web-Projekten.

Kunden-Feedback zu unseren öffentlichen Schulungen

Der Workshop zu SVG-Grafiken war spannend, zukunftsweisend und in einem breiten Arbeitsumfeld bereichernd. Jonas Hellwig gibt einen umfassenden Einblick in Anwendungsgebiete und fokussiert gekonnt die individuell relevanten Schwerpunkte. Ein intensiver und wertvoller Lehrgang – besonders an der Schnittstelle zwischen Gestaltung und Entwicklung, der zu neuen Ansätzen motiviert und mir als Designer technische Möglichkeiten verständlich und zugänglich macht.

April 2017, Miriam Stepper, Grafik-Designerin, infoclick.ch

Das war so ein tolles Seminar. Einfach nur klasse. Vielen Vielen Dank !!!

Oktober 2015, Detlef Heese, Geschäftsleitung & Diplom Designer, Hasegold GmbH

Ihr Kommentar zu diesem Termin

Ihr Kommentar zu diesem Termin

Bei Fragen, Anregungen oder Kritik zu diesem Termin, nutzen Sie bitte das Kommentar-Formular.

Ihr Kommentar wird überprüft bevor er auf der Website erscheint. Nicht themenrelevante Beiträge werden gelöscht.

Unsere Agentur in Berlin realisiert vom durchgestylten One-Pager bis zur funktionalen Konzern-Website Projekte mit sehr unterschiedlichem Umfang. Wir sind nicht auf eine Branche festgelegt und haben u.a. mit folgenden Kunden erfolgreich zusammengearbeitet: