Not Signed-In
Which clippings match 'Grid Systems' keyword pg.1 of 1
11 MAY 2012
PERMALINK

Luke Wroblewski on: Multi-device Layout Patterns

"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."

(Luke Wroblewski, 14 March 2012, via Christopher Allwood)

1

2
http://mediaqueri.es/
3
http://cdja.co.uk/blog/luke-wroblewski-on-multi-device-layout-patterns/

TAGS

adapt to screen sizes • adaptable multi-device layout • adaptive layout • BBC • column • column drop • columns • communication design • design for large screen • design for mobile • design for the screen • design innovation • Facebook • Five Simple Steps • fluid grids • Food Sense (website) • Google • grid system • grid systems • HCI • image layout • information architecture • interaction design • interface design • layout • layout adjustments • layout design • layout patterns • layout shifter • layouts • Luke Wroblewski • margins • media query adjustments • mobile design • Modernizr • mostly fluid • multi device • multi-column layout • multi-device • multi-device adaptation • multi-device layout patterns • multiple screen sizes • NUI • off canvas • optimised for mobile • page layout • page layout pattern • Path (app) • responsive design • responsive design layout patterns • responsive web design • screen size • screen sizes • screen space • single column layout • small screen • small screen sizes • small screens • stacking • stacking columns • The Boston Globe • tiny tweaks • Trent Walton • UI • usability • visual communication • visual screen design • web design • web page layouts • web pages • website

CONTRIBUTOR

Simon Perkins
20 APRIL 2012
PERMALINK

Principles of the Visual Language: A Dialect of Our Own Design

"A visual language informs all design, from architecture to print. Fluency in the same language drawn on by Bauhaus, mid-century Swiss, or postmodern design is essential for brilliant web design. In this practical talk, ground uniquely web-based interactions - from complex CSS3 animations and rotations to JavaScript behaviors - using that time-tested visual primer. Take a more considered approach to choices, evoke the desired emotive responses, learn how to better articulate your design decisions. Extend graphic design's grammar into a visual dialect of web design that guides us to smarter, beautifully balanced juxtapositions of elements in our new, multidimensional web experiences."

(Simon Collison)

Fig.1 Simon Collison (03 June 03 2011) "A Dialect of Our Own Design".

1
2
http://colly.com/

TAGS

aesthetics • affordances • articulate your design decisions • Bauhaus School • beautifully balanced • Christian Leborg • communication design • considered approach • CSS3 • CSS3 animation • Dan Brown • design formalism • Don Norman • editing through selection • emotive response • frame • gestalt principles • graphic design • graphic design visual grammar • graphic representation • grid system • grid systems • Indi Young • International Typographic Style • JavaScript • mapping • Mark Boulton • mental models • pictorial systems • postmodern design • responsive web design • schema • Scott McCloud • Simon Collison • SlideShare • Swiss Style • typography • visual communication • visual dialect of web design • visual grammar • visual language • visual screen design • web design • web experiences • web-based interactions • Wucius Wong

CONTRIBUTOR

Simon Perkins
17 JUNE 2011
PERMALINK

The Grid System: an online resource

"Made popular by the International Typographic Style movement and pioneered by legends like Josef Müller-Brockmann and Wim Crouwel, the grid is the foundation of any solid design. The Grid System is an ever-growing resource where graphic designers can learn about grid systems, the golden ratio and baseline grids."

(Antonio Carusone)

1

TAGS

Aisle One • Antonio Carusone • baseline grids • design formalism • golden ratio • graphic communication • graphic devices • grid • grid system • grid systems • International Typographic Style • Josef Muller-Brockmann • layout aesthetics • layout design • legibility • mental image • ordering • structure • the grid system • typography • visual communication • Wim Crouwel

CONTRIBUTOR

Simon Perkins
Sign-In

Sign-In to Folksonomy

Can't access your account?

New to Folksonomy?

Sign-Up or learn more.