Not Signed-In
Which clippings match 'Grid System' keyword pg.1 of 1
25 APRIL 2013
PERMALINK

Contemporary kinetic typography relies on historical developments

"This is a lecture given to MA students at the University of Hertfordshire. It explores how contemporary kinetic typography relies on historical developments such as 3D woodblock print, Romain du Roi, and Modernist modular lettering. Students are encouraged to let their design work respond to historical research. This does not mean creating something that looks old or retro, rather creating something innovative and new by re-imagining historical ideas in light of new technologies and contexts."

(Barbara Brownie)

1

TAGS

3D typography • Academie des Sciences • architectural forms • art and design • Barbara Brownie • Bauhaus School • borrowing from the past • Channel 4 • channel ident • De Stijl • design nostalgia • grid system • historical developments • Josef Albers • kinetic typography • Kyle Cooper • learning from history • lecture • machine aesthetic • malleable typography • modular typography • modularity in design • morphing • parody • postmodern pastiche • primitive shapes • primitives • recontextualisation • reinvention • remediation • retrievalism • retro • Roland Barthes • Romain du Roi • School of Creative Arts • Stencil (typeface) • TV ident • typographic animation • typography • University of Hertfordshire • visual abstraction • woodblock printing

CONTRIBUTOR

Mary-joy Ashley
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
22 MARCH 2010
PERMALINK

The 960 Grid System: streamlining the web development workflow

"The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem."

(Nathan Smith, 2010)

1

TAGS

2010 • 960 • 960 Grid System • columns • CSS • design • design for the screen • grid • grid system • infrastructure • innovation • layout • Nathan Smith • organisational schema • page design • page layout • schema • solution • technology • typography • usability • web design • web development • web development workflow • workflow

CONTRIBUTOR

Matthew Underwood
Sign-In

Sign-In to Folksonomy

Can't access your account?

New to Folksonomy?

Sign-Up or learn more.