icon-arrow-lefticon-arrow

Inhalte

Die Gestaltung moderner Websites ist in den letzten Jahren anspruchsvoller geworden.Insbesondere Designer, die keine oder nur geringe Kenntnisse von HTML und CSS besitzen, haben zunehmend Schwierigkeiten einzuschätzen wie robuste Web-Layouts konstruiert sein müssen, welche gestalterischen Einschränkungen und Freiheiten es gibt und wie die Zusammenarbeit mit Entwicklern möglichst reibungslos gestaltet werden kann. Auch neue Bedienkonzepte und Benutzergewohnheiten sorgen dafür, dass Web-Layouts heute anders gestaltet werden müssen und anders aussehen als noch vor ein paar Jahren.

In diesem Seminar erfahren Sie, welche gestalterischen Möglichkeiten es mit CSS gibt, wo Sie mit Problemen rechnen müssen und wo CSS Vorteile bietet. Auch Tools und Hilfsmittel zum Erzeugen von Code oder zum Testen der gestalterischen Möglichkeiten werden Sie kennenlernen.
Anhand kleiner in sich abgeschlossener Übungen lernen Sie die neuen Web Design-Funktionen der Creative Cloud kennen und optimieren Ihren Workflow in Photoshop, Illustrator und Muse. Mit neuen Workflow-Konzepten und modularen Layouts erreichen Sie nicht nur schneller ihr Ziel, sondern auch die Kollegen aus der Entwicklung werden es Ihnen danken. Und auch die Optimierung von Grafik für hochauflösende Displays, SVG-Grafiken und Webfont-Icons stellen für Sie in Zukunft keine Herausforderung mehr dar.

Agenda

Web Design Grundlagen

  • Gestalterische und technologische Trends
  • Visuelle Hierarchie
  • Die Auswirkung von HTML-Strukturen auf die Gestaltung
  • Konventionen
  • Progressive Enhancement
  • Mobile First
  • Responsive Design

Gestaltung mit CSS

  • Ebenenstile und CSS
  • Farben und Verläufe
  • Hintergründe und Muster
  • Schatten und Effekte
  • Animationen und Übergänge
  • Adobe Extract
  • Tools und Hilfsmittel

Neue Workflows und Programmfunktionen

  • Bibliotheken und modulare Layouts
  • Farbkonzepte
  • SVG & SVG-Animationen
  • Verknüpfte Smartobjekte
  • Web Design-Funktionen von Illustrator, Photoshop & Co.
  • Programme kombinieren
  • Webfonts erstellen und einsetzen
  • Webfont-Icons

Dateiausgabe und Reinzeichnung

  • Assets und der Photoshop-Generator
  • Farbraum und Profile
  • Dateiaufbereitung

Für wen ist dieses Seminar gedacht?

Dieses Seminar richtet sich an Grafiker und Designer ohne Coding-Erfahrung. Es wird u. a. in Photoshop und Illustrator gearbeitet. Die Funktionsweise dieser Programme, sowie ein sicherer Umgang mit dem Betriebssystem werden vorausgesetzt.

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 WordPress 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 Webdesign anzutreffen und unterstützt Digitalagenturen und Unternehmen bei der Planung und bei der technischen Umsetzung von Web-Projekten.

Kunden-Feedback zu unseren Inhouse-Schulungen

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 – Quelle

Vielen Dank für das tolle Seminar. Hat mir viel gebracht. Für das Anwenden wäre noch so eine Art Prio-Liste cool.

November 2016, Thomas Mohr, Projekteiter HMI, UX, UI (SCA Part Of Atlas Copco Group)

2 tolle Workshop-Tage sind leider zu Ende.... Danke an Jonas von kulturbanause für viele Aha-Effekte und Inspirationen, die unsere tägliche Arbeit ab sofort noch besser machen!!

April 2017, Kamikaze Digital Marketing – Quelle

Das Responsive-Training fanden wir klasse präsentiert und sehr praxisbezogen. Trotz der Themen-Agenda ist Jonas immer wieder auf individuelle und Projekt-bezogene Fragen eingegangen. Besonders gefallen hat uns die gut verständliche Zusammenführung der beiden Welten Design und Programmierung. Im Anschluss haben wir gleich unser erstes Projekt zu 100% durchziehen können.

Dezember 2014, Mathias Weber, Senior Project Manager, AP Design GmbH

Super sympathischer Dozent, sehr guter Workshop mit großem Lerneffekt.

November 2016, Christina Martens, Grafik/Web


Öffentliche Schulungen für Designer

Alle öffentlichen Schulungstermine anzeigen

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: