Seminar/Schulung Responsive Web Design
Unser allgemeines Seminar zum Thema Responsive Web Design behandelt die Themen Konzeption, Design und Technik.
Kurzbeschreibung
Responsive Web Design (RWD) ist längst 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 Web Design ist viel mehr als nur ein anpassungsfähiges Layout. Auch auflösungsunabhä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.

In diesem Seminar behandeln wir die Grundlagen und die Philosophie von Responsive Design, 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 und neuer Web Design-Tools erklären wir konzeptionelle Ansätze wie »Mobile First« und »Progressive Enhancement« und zeigen wie der Workflow im Responsive Design funktioniert. Wir gehen darüber hinaus auf die veränderten Herausforderungen in der Gestaltung ein und behandeln die Optimierung für hochauflösende Displays, modulares Design und aktuelle Design-Trends. Auch komplexe Inhalte und Performance-Optimierung sind Teil des Seminarprogramms.
Agenda
- Konzeptionelle Grundlagen
- Nutzungsverhalten
- Technische Lösungen für mobile Websites
- Entstehung, aktueller Stand und Zukunftsperspektiven des Responsive Web Design
- Charakteristika des Responsive Web Design
- 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
- Adaptive Design, Responsive Design & RESS
- 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
Für wen ist das Seminar geplant?
Das Seminar richtet sich an Web-Designer, Konzeptioner und Frontend-Entwickler. HTML- und CSS-Kenntnisse sind hilfreich aber nicht erforderlich.
Dozent: Jonas Hellwig
Kunden-Feedback zu unseren Inhouse-Schulungen
Januar 2015, Carolin Nieß, Screendesign, Schaller Unit Eins GmbH
Sehr informativer und praxisnaher »Ritt« durch das Thema »Responsive Design«. Wir haben viele ganz konkrete Erkenntnisse gewonnen, die wir aktuell nutzen können, aber auch einen guten Überblick über aktuelle Entwicklungen und Trends bekommen.
Juni 2016, Carola Kretschmer, Website Management VTc3, KfW
Sehr guter Workshop mit tief gehenden XD-Aufgaben. Sehr hoher Lerneffekt.
April 2019, Tom Meurer, Frontend Designer, Lekkerland
Inzwischen haben wir die Schulung in unserem Entwicklermeeting ausgewertet. Alle Beteiligten haben sie als sehr gut eingestuft. Die Grundlagen am Anfang waren für uns alle »erhellend« und notwendig, der Stoff wurde sehr gut vermittelt und die Beispiele waren aus unserer Sicht gut gewählt.
Mai 2019, Peter Magdowski, Abteilungsleiter Entwicklung, Com In GmbH & Co. KG
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