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 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 Inhouse-Schulungen

Das Seminar ist super angekommen und die Crew war sehr begeistert von Jonas und seinem Vortragsstil. Wir haben sehr viel mitnehmen können und sind auch direkt in die Umsetzung gegangen.

März 2016, Marc Ulrich, Geschäftsführer, NeueWerft – Gesellschaft für Markenentwicklung mbH

Das war ein wirklich toller WordPress-Workshop!

Januar 2016, Carsten Baucke, Mediengestalter – Quelle

Ich kann auch nur sagen: es hat riesig Spaß gemacht! Vielen Dank für die klasse Seminartage!

Februar 2014, Simone Stein, Art Director, Kontrast Communication Services

Ein sehr interessantes, hilfreiches und praxisorientiertes Seminar. Didaktisch gut aufbereitet und motivierend präsentiert. Vielen Dank dafür.

November 2016, Dejan Perc, Leiter Digitales Marketing, ACE Auto Club Europa

Danke @_kulturbanause für den Workshop! Ich hoffe es hat einigen den Horizont erweitert!

Januar 2015, Benno, @btotheenno, Frontend-Developer Zalando AG – Quelle

Öffentliche Schulungen für Designer

Alle öffentlichen Schulungen anzeigen

Mit diesen Kunden haben wir bereits erfolgreich zusammengearbeitet.