Not Signed-In
Which clippings match 'Pictorial Systems' keyword pg.1 of 2
30 SEPTEMBER 2014

Christian Leborg: Visual Grammar

1

TAGS

abstract conceptsabstract objectsabstractionChristian Leborg • communicate visually • communication design systemscommunication design theory • complexity of dimensions • coordinate systemdesign formalism • design fundamentals • design principles • empty space • formatgeometric primitivegraphic design • ideal shape • language of design • lineline in spacelinesmodernist design principlespictorial systemsplanepoint • simple planes • surfacethree dimensional objects • transcendent line • typographyvisual design • visual design primer • visual fundamentals • visual grammar • volume • volumeswordless

CONTRIBUTOR

Simon Perkins
06 FEBRUARY 2014

The Twelve Basic Principles of Animation

1

TAGS

12 principles of animation • 1930sanimation • animation principles • anticipationappeal • Arcs • character animation • character appeal • computer animationdesign principlesdesign rules • emotional timing • Exaggeration • Follow through and overlapping action • Frank Thomas • hand-drawn animation • laws of physics • meaningfull transitions • motion graphics • Ollie Johnston • perceptual organisation • physical animation • pictorial systems • realistic animation • Secondary action • Slow in and slow out • Solid drawing • squash and stretch • staging • Straight ahead action and pose to pose • Timing • Twelve Basic Principles of Animation • visual communicationvisual ruleWalt Disney Studios

CONTRIBUTOR

Liam Birtles
03 DECEMBER 2012

Sinclair ZX81: semigraphical / pseudographical characters

"If you press GRAPHICS (shifted 9) then the cursor will come up as : this means graphics mode. If you type in a symbol it will appear in its inverse video form, & this will go on until you press GRAPHICS again or NEWLINE. RUBOUT will have its usual meaning. Be careful not to lose the cursor  amongst all the inverse video characters you've just typed in. ...

Right at the beginning are space & ten patterns of black, white & grey blobs; further on there are eleven more. These are called the graphics symbols & are used for drawing pictures. You can enter these from the keyboard, using graphics mode (except for space, which is an ordinary symbol using the  cursor; the black square is inverse space). You use the 20 keys that have graphics symbols written on them. For instance, suppose you want the symbol , which is on the T key. Press GRAPHICS to get the  cursor, & then press shifted T. From the previous description of the graphics mode, you would expect to get an inverse video symbol; but shifted T is normally <>, a token, & tokens have no inverses: so you get the graphics symbol  instead."

(Steven Vickers, 1981, Sinclair Research Limited)

Fig.1 "graphics mode" table from Steven Vickers (1981). "Sinclair ZX81 BASIC Programming", Second Edition 1981, Copyright 1980 Sinclair Research Limited (converted to HTML by Robin Stuart).

2). Matthew Eagles (2008). "ZX81 VDU" TrueType font which replicates the letters, numbers etc. displayed on the screen of the ZX81.

1

TAGS

1980s19818-bitbasic geometric shapesblack and white • block graphics • computer historygeometric figuresgeometric shapes • graphic symbols • graphical building block • graphics mode • history of computinghome computerindustrial archaeologymanualmonotone • PETSCII • pictorial systemspixel matrix • pseudographics • semigraphical characters • semigraphics • Sinclair Research Ltd • Sinclair ZX80 • Sinclair ZX81 • sixels • symbolsymbolstypefacevintage technologyvisualisationZX81

CONTRIBUTOR

Simon Perkins
20 APRIL 2012

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

TAGS

aestheticsaffordances • articulate your design decisions • Bauhaus School • beautifully balanced • Christian Leborgcommunication design • considered approach • CSS3 • CSS3 animation • Dan Brown • design formalismDonald Normanediting through selection • emotive response • framegestalt principlesgraphic design • graphic design visual grammar • graphic representationgrid systemIndi YoungInternational Typographic StyleJavaScriptmapping • Mark Boulton • mental modelspictorial systemspostmodern designresponsive web designschema • Scott McCloud • Simon CollisonSlideShareSwiss Styletypographyvisual communication • visual dialect of web design • visual grammarvisual languagevisual screen designweb design • web experiences • web-based interactions • Wucius Wong

CONTRIBUTOR

Simon Perkins
12 APRIL 2012

Word as Image: expressive and anthropomorphic motion typography

"Ji Lee is a designer and frequent contributor to the New York Times whose work has been featured on ABC World News and in Newsweek, Wired, the Guardian, the Huffington Post, and Boing Boing, among others. A former creative director at Google, he is now a creative director at Facebook."

(Amazon.com, Inc.)

Fig.1 Ji Lee, Bran Dougherty–Johnson and Joel Pickard.

1
2

TAGS

2D animation • anthropomorphic motion typography experiments • anthropomorphic typography • black and white • Bran Dougherty-Johnson • design formalismexpressive typographygraphic designgraphic representation • Ji Lee • Joel Pickard • kinetic typographymotion graphicsmotion typepictorial systemstypeface personalities • typeface personality • typographyvisual communicationvisual designvisual languagevisual literacyvisual metaphorvisual representation • word as image • zoomorphism

CONTRIBUTOR

Simon Perkins
Sign-In

Sign-In to Folksonomy

Can't access your account?

New to Folksonomy?

Sign-Up or learn more.