Zur Suche springen Zur Navigation springen Zum Hauptinhalt springen Zum Footer springen

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

  • Es war ein sehr interessantes, inspirierendes und gut erklärtes Seminar. Habe viel gelernt. Vielen Dank!

    Dezember 2019, Katja Mainzer, Projektleiterin Design, 3st kommunikation GmbH

  • Der Referent vermittelt den Seminarstoff verständlich und nachvollziehbar. Anweisungen und Übungen sind präzise und hilfreich. Top!

    Dezember 2019, Thomas Pienz, UX-Design, DATEV

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: