Saturday, January 31, 2015

mobile web: Multi-Device Layout Patterns


Multi-Device Layout Patterns by Luke Wroblewski
"Through fluid grids and media query adjustments, responsive design enables Web page layouts to adapt to a variety of screen sizes. As more designers embrace this technique, we're not only seeing a lot of innovation but the emergence of clear patterns as well. I cataloged what seem to be the most popular of these patterns for adaptable multi-device layouts."
Mostly Fluid Pattern
multidevice layout patterns

Column Drop  Pattern

multidevice layout patterns

Layout Shifter  Pattern

multidevice layout patterns

Tiny Tweaks Pattern

multidevice layout patterns: Tiny Tweaks

Off Canvas Pattern

multidevice layout patterns: Off Canvas


No comments: