Layouttypen im Webdesign - Fixed, Elastic, Fluid Layout

Ein Website-Typ, egal ob adapativ oder responsiv, bedient sich bei der Designgestaltung mindestens eines der nachfolgend erklärten Layout-Typen => Fixed, Fluid, Elastic. 


Fixed Layout
Das Fixed Layout basiert auf einem starren Gestaltungsraster, welches auf festen Pixelwerten basiert. Daher auch die Namensgebung „Fixed Layout“. Die Webseiten arbeiten hierbei mit festgelegten Abmessungen, die sich auch dann nicht verändern, wenn das Browserfenster größer oder kleiner wird. Ist das Browserfenster beispielsweise kleiner, kann nicht die vollständige Seite angezeigt werden, es werden Scrollbalken eingeblendet. 


Fluid Layout (auch: Liquid Layout)
Beim Fluid Layout wird ein flexibles Gestaltungsraster auf der Basis prozentualer Werte konzipiert. Die Website passt sich an der Breite des Browserfensters an und nutzt so den zur Verfügung stehenden Platz optimal aus. 
Dabei wird eine maximale und minimale Breite angegeben und zwischen diesen Größen passt sich das Design an die entsprechenden Ausgabegeräte an. Der jeweilige Viewport kann so optimal ausgenutzt werden.

Elastic Layout
Das Elastic Layout hat hohe Ähnlichkeit mit dem Fluid Layout, die Maßeinheit kann hierbei neben Prozentwerten auch „em“, neuerdings sogar „rem“ sein. Im Gegensatz zum Liquid Layout sind beim Elastic Layout nicht die Breiten interessant – das Design skaliert sich proportional zur Größe des Browserfensters. Technisch und gestalterisch ist dieser Layouttyp am komplexesten, Grafiken und Seiteninhalte müssen extrem flexibel sein. 
Verwendet wird dieser Layouttyp häufig bei Websites mit großen Foto- oder Videoelementen.


Hybrid Layout
Last but not least: das Hybrid Design verbindet die Eigenschaften verschiedener Designtechniken in einem Layout. Beispielsweise kann das Menü der Webseite adaptiv sein, während der Rest der Seite im Liquid Design gestaltet wurde. Somit kann das Design individuell auf Kundenwünsche zugeschnitten werden.

Welche Gestaltungsoption die Richtige für Kundenprojekte ist, entscheiden wir individuell nach Konzept und Zielstellung.


Responsive Design hat sich mittlerweile als Standard im Webdesign durchgesetzt. Wir von
 Active Werbung haben uns von Beginn an auf diese Technologie spezialisiert und haben mittlerweile viele Webseiten responsiv entwickelt. Wenn Sie Unterstützung bei der Planung, Gestaltung und Entwicklung einer Website im Responsive Design benötigen, helfen wir gerne weiter.