Kurzbeschreibung

Responsive Webdesign ist der neue Standard für moderne Websites. Mit einer durchdachten Struktur und flexiblen Layouts können Sie Ihre Websites für Smartphones, Tablets und andere Displaygrößen optimieren.

Doch Responsive Webdesign ist viel mehr als nur ein anpassungsfähiges Layout. Auch auflösungs­unabhängiges Design (»Retina-­Optimierung«), Performance-­Optimierung und die Reaktion der Website auf die Fähigkeiten des Browsers (Feature Detection) gehören in diesen umfangreichen Themenkomplex.

Neben den technischen und konzeptionellen Grundlagen werden Sie in diesem Seminar anhand diverser praktischer Übungen lernen, wie Sie das Layout Ihrer Website flexibel gestalten, flüssige Gestaltungsraster erarbeiten, Bilder und Videos optimieren, Prototypen entwerfen und Grafiken für hochauflösende Displays herstellen. Dabei erfahren Sie auch, was es mit dem »Mobile-­First«-­Konzept auf sich hat und wie der veränderte Workflow im Responsive Design funktioniert.

Agenda

  • Mobile Entwicklung
  • Mobile Websites, Adaptive­ und Responsive Websites im Vergleich
  • Grundlagen des Responsive Webdesign
  • Der Layout-­Viewport
  • Die Layouttypen kennen – fixed, fluid, elastic, adaptive, responsive
  • Media Queries / Breakpoints verstehen und einsetzen
  • Flexible Medieninhalte
  • Inhaltskonzepte
  • Navigationskonzepte
  • »Mobile First« und Progressive Enhancement
  • Der Workflow im Responsive Design
  • Rapid Prototyping & Co.
  • Frameworks & Boilerplates (z. B. Bootstrap)
  • Schwierige Inhalte kennen und meistern
  • Retina-Optimierung

Duchführung

Sie bekommen für das Seminar einen iMac zur Verfügung gestellt. Sie können jedoch auch Ihr eigenes Laptop nutzen. Bitte geben Sie dieses bei der Anmeldung an. Die maximale Teilnehmerzahl ist 10.

Zielgruppe

Webdesigner, Konzeptioner und Entwickler.
HTML- und CSS-Kenntnisse sind Voraussetzung. Das Seminar richtet sich an Einsteiger im Bereich Adaptive und Responsive Webdesign.
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

Das hat sich gelohnt: Workshop von @_kulturbanause zu »modernem #Webdesign« bei der @medienplantage. #StrukturvorDesign

Dezember 2014, Rainer Klute, @rainerklute – Quelle

Im Gegensatz zu anderen Schulungen hat diese inhaltlich genau das behandelt, was wir lernen wollten, mit einem Dozenten vom Fach, der alle Probleme und Lösungen kennt. Sehr kompetent, die weite Anreise hat sich definitiv gelohnt. Gerne wieder!

November 2018, Nicole Klose, Bärbel Drexel GmbH

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: