Kurzbeschreibung

Bei der Entwicklung moderner und individuell gestalteter Websites werden mittlerweile zahlreiche Grafikprogramme und Coding-Techniken kombiniert. Nur so kann ein charakteristisches, flexibles und performantes Layout entstehen. Die Palette reicht von »klassischen« Layout-Elementen, die mit Hilfe von CSS erstellt werden, über komplexe Gestaltungsmöglichkeiten, Farbschemata und Styleguides mit Hilfe von Präprozessoren wie Sass bis hin zu »echten« grafischen Elementen mit Hilfe des codebasierten Dateiformats SVG. Und auch Pixelgrafiken und Webfont-Icons spielen nach wie vor eine große Rolle.

In diesem Workshop erfahren Sie, wie mit Hilfe von CSS, Photoshop und Illustrator attraktive Grafiken entstehen und im Browser zu robusten Design-Elementen kombiniert werden. Neben den Grundlagen des »Design in the Browser«-Workflows, lernen Sie zahlreiche Tipps und Tricks kennen um mit geringem Aufwand hochwertige grafische Effekte zu erreichen. Die neuen Web-Funktionen der Adobe Creative Cloud werden dabei ebenso behandelt wie neue CSS-Techniken, CSS-Animationen, Transformationen und das Dateiformat SVG inkl. der damit verbundenen Animationsmöglichkeiten. Sie lernen, was Sie bei der Gestaltung von SVG in Illustrator und Co. beachten sollen 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. Auch im Zusammenhang mit responsive Design bietet das Format spannende Möglichkeiten.

Das müssen Sie mitbringen

Um die Beispiele live erarbeiten zu können benötigen Sie einen Notebook mit einem Code-Editor Ihrer Wahl, Google Chrome, Photoshop und Illustrator.

Zielgruppe

Die Sprache des Seminars ist Deutsch. Die Schulungsunterlagen werden ebenfalls in deutscher Sprache bereitgestellt.

Dozent: Jonas Hellwig

Jonas HellwigJonas Hellwig arbeitet als Web Designer, Video-Trainer, Fachbuchautor und Dozent in Berlin. Neben UX/UI-, Frontend- & Responsive Design hat er sich auf Workflow-Optimierungen im Design-Prozess 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 Fachveranstaltungen anzutreffen und unterstützt mit Seminaren und Workshops Unternehmen bei der Planung, der Gestaltung und der technischen Umsetzung von Website-Projekten.

Kunden-Feedback zu unseren öffentlichen Schulungen

Ich bin total begeistert. Ich hatte schon in den ersten Stunden totale Aha-Erlebnisse. Viele meiner Fragen, die sich für mich als Laien durch Recherche in Foren nicht beantworten ließen, wurden hier mit Leichtigkeit erklärt und beantwortet. Sehr schön! Danke!

März 2017, Bonnie Siebke, UX-Designerin, Cornelsen GmbH

Super Trainingsseminar, es wurden alle Erwartungen an die Themen erfüllt und es hat Spaß gemacht mit Jonas in Prototyping einzusteigen.

Mai 2018, Johannes Jatho, Art Director

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