SlideShare ist ein Scribd-Unternehmen logo
1 von 4
Die wesentlichen Unterschiede zwischen
adaptive und responsive Layouts
Adaptive Layouts:
• Für jede beliebige Bildschirmgröße muss ein adaptives Layout
erstellt werden
• Passen sich nur an die Bildschirmgröße der mobilen Geräte an, die
vorher erstellt worden sind
• Sie sind sehr zeitaufwendig
Responsive Layouts:
• Passen sich an alle mobile Geräte an
• Reagieren auf jede beliebige Bildschirmgröße und verkleinern die
Website
• Sie sind sehr aufwendig zum programmieren
Tipp:
• In einem Website Baukasten sind vorgefertigte responsive Layouts
vorhanden, die nur ausgewählt und dann verwendet werden
können
• Vorgefertigte responsive Layouts ersparen einem viel Zeit

Weitere ähnliche Inhalte

Andere mochten auch

Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 2
Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 2Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 2
Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 2Peter Müller
 
Tester testen. Entwickler auch.
Tester testen. Entwickler auch.Tester testen. Entwickler auch.
Tester testen. Entwickler auch.Andreas Günzel
 
Responsive Webdesign - Barcamp Hamburg 2012
Responsive Webdesign - Barcamp Hamburg 2012Responsive Webdesign - Barcamp Hamburg 2012
Responsive Webdesign - Barcamp Hamburg 2012Andreas Simon
 
Responsive Webdesign Workflow – ein praktischer Leitfaden (IPC 2014)
Responsive Webdesign Workflow – ein praktischer Leitfaden (IPC 2014)Responsive Webdesign Workflow – ein praktischer Leitfaden (IPC 2014)
Responsive Webdesign Workflow – ein praktischer Leitfaden (IPC 2014)die.agilen GmbH
 
Responsive Accessibility in der Praxis
Responsive Accessibility in der PraxisResponsive Accessibility in der Praxis
Responsive Accessibility in der PraxisSylvia Egger
 
Responsive Webdesign verkaufen
Responsive Webdesign verkaufenResponsive Webdesign verkaufen
Responsive Webdesign verkaufendie.agilen GmbH
 
Domain-driven design - eine Einführung
Domain-driven design - eine EinführungDomain-driven design - eine Einführung
Domain-driven design - eine Einführungdie.agilen GmbH
 
Designing Grid Systems @media2010
Designing Grid Systems @media2010Designing Grid Systems @media2010
Designing Grid Systems @media2010markboultondesign
 
Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)
Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)
Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)Peter Rozek
 
Modernist Typography and the Swiss grid - Carlo Giannasca
Modernist Typography and the Swiss grid - Carlo GiannascaModernist Typography and the Swiss grid - Carlo Giannasca
Modernist Typography and the Swiss grid - Carlo GiannascaFrostSydney
 
Grid Systems
Grid SystemsGrid Systems
Grid SystemsBas Leurs
 

Andere mochten auch (12)

Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 2
Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 2Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 2
Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 2
 
Tester testen. Entwickler auch.
Tester testen. Entwickler auch.Tester testen. Entwickler auch.
Tester testen. Entwickler auch.
 
Responsive Webdesign - Barcamp Hamburg 2012
Responsive Webdesign - Barcamp Hamburg 2012Responsive Webdesign - Barcamp Hamburg 2012
Responsive Webdesign - Barcamp Hamburg 2012
 
Responsive Webdesign Workflow – ein praktischer Leitfaden (IPC 2014)
Responsive Webdesign Workflow – ein praktischer Leitfaden (IPC 2014)Responsive Webdesign Workflow – ein praktischer Leitfaden (IPC 2014)
Responsive Webdesign Workflow – ein praktischer Leitfaden (IPC 2014)
 
Responsive Accessibility in der Praxis
Responsive Accessibility in der PraxisResponsive Accessibility in der Praxis
Responsive Accessibility in der Praxis
 
Responsive Webdesign verkaufen
Responsive Webdesign verkaufenResponsive Webdesign verkaufen
Responsive Webdesign verkaufen
 
Domain-driven design - eine Einführung
Domain-driven design - eine EinführungDomain-driven design - eine Einführung
Domain-driven design - eine Einführung
 
Designing Grid Systems @media2010
Designing Grid Systems @media2010Designing Grid Systems @media2010
Designing Grid Systems @media2010
 
Layout, principles
Layout, principlesLayout, principles
Layout, principles
 
Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)
Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)
Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)
 
Modernist Typography and the Swiss grid - Carlo Giannasca
Modernist Typography and the Swiss grid - Carlo GiannascaModernist Typography and the Swiss grid - Carlo Giannasca
Modernist Typography and the Swiss grid - Carlo Giannasca
 
Grid Systems
Grid SystemsGrid Systems
Grid Systems
 

Die wesentlichen Unterschiede zwischen adaptive und responsive Layouts

  • 1. Die wesentlichen Unterschiede zwischen adaptive und responsive Layouts
  • 2. Adaptive Layouts: • Für jede beliebige Bildschirmgröße muss ein adaptives Layout erstellt werden • Passen sich nur an die Bildschirmgröße der mobilen Geräte an, die vorher erstellt worden sind • Sie sind sehr zeitaufwendig
  • 3. Responsive Layouts: • Passen sich an alle mobile Geräte an • Reagieren auf jede beliebige Bildschirmgröße und verkleinern die Website • Sie sind sehr aufwendig zum programmieren
  • 4. Tipp: • In einem Website Baukasten sind vorgefertigte responsive Layouts vorhanden, die nur ausgewählt und dann verwendet werden können • Vorgefertigte responsive Layouts ersparen einem viel Zeit