icon-arrow-lefticon-arrow

Kurzbeschreibung

Dieses Seminar zum Thema »Responsive Web Design« bietet einen umfassenden Überblick in konzeptionelle, gestalterische und technische Bereiche des neuen Webdesign-Standards.

Wir erklären welche Layout-Typen es gibt, zeigen Vor- und Nachteile aller relevanten Design- und Navigations-Muster und erläutern die technischen Hintergründe. Anhand diverser Praxisbeispiele erklären wir konzeptionelle Ansätze wie »Mobile First« und »Progressive Enhancement« und zeigen wie der Workflow im Responsive Design funktioniert. Wir gehen auf die veränderten Herausforderungen in der Gestaltung ein (»Retina«-Optimierung, modulares Design), behandeln komplexe Inhalte und widmen uns der Performance-Optimierung.

Agenda

  • Konzeptionelle Grundlagen
    • Nutzungsverhalten
    • Technische Lösungen für mobile Websites
    • Entstehung, aktueller Stand und Zukunftsperspektiven des Responsive Webdesign
    • Charakteristika des Responsive Webdesign
    • Mobile First
  • Technische Grundlagen
    • Klassischer & skalierter Viewport
    • Die Layout-Typen einer Website
    • Statische Layouts in responsive Layouts überführen
    • Breakpoints & Media Queries
    • Das veränderte Box-Modell
    • Adaptive Layout & Responsive Layout
    • Tools zum Testen von flexiblen Websites
  • Gestaltung & Konzeption
    • Gestaltungsraster im Responsive Web Design
    • Gestaltung für Touchscreens
    • Layout-Muster
    • Navigationsformen
  • Der Responsive Workflow
    • Der neue Workflow im Überblick
    • Rapid Prototyping – Schnell funktionale Protoypen entwickeln
    • Style Tiles & Style Guides
    • Design im Browser
    • »Graceful Degradation«
    • »Progressive Enhancement«
    • »Mobile First« & »Content First«
  • Technische Lösungen
    • Grafiken im Responsive Design
    • Videos im Responsive Design
    • Tabellen im Responsive Design
    • Responsive Typography
    • Formulare
    • »Retina«-Optimierung
    • Performance-Optimierung

Durchführung

Ein Notebook zum Nachvollziehen der Seminarinhalte kann gerne mitgebracht werden. Um eine optimale Lernatmosphäre zu gewährleisten ist das Seminar ist auf 10 Teilnehmer begrenzt.

Zielgruppe

Das Seminar richtet sich an Webdesigner mit HTML- und CSS-Kenntnissen sowie an Projektleiter, die ein Verständnis für diese Technologien mitbringen, selbst aber nicht in diesem Bereich tätig sind. Ziel des Seminars ist es, die technischen und konzeptionellen Hintergründe des responsive Designs zu vermitteln und anhand praktischer Beispiele den veränderten Workflow aufzuzeigen.
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 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 öffentlichen Schulungen

Meine Erwartungen an den Kurs wurden zu 100% erfüllt. Jonas schafft es einfach komplexe Dinge kurzweilig und gut verständlich zu vermitteln. Am besten hat mir die »gelebte Flexibilität« bei den Themen gefallen. Durch die überschaubare Anzahl an Teilnehmern war viel Raum für Fragen da und es wurde nicht einfach die Agenda nach Plan herunter gespult. Danke für zwei tolle Tage, ich komme wieder – keine Frage ☺

November 2017, Holger Neuner, Inhaber 47GradNord – Agentur für Internetlösungen

Das war ein wirklich toller WordPress-Workshop!

Januar 2016, Carsten Baucke, Mediengestalter – Quelle

Ihr Kommentar zu diesem Termin

Ihr Kommentar zu diesem Termin

Bei Fragen, Anregungen oder Kritik zu diesem Termin, nutzen Sie bitte das Kommentar-Formular.

Ihr Kommentar wird überprüft bevor er auf der Website erscheint. Nicht themenrelevante Beiträge werden gelöscht.

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: