50 Excellent Word as Image / typographic visualisations & resources

 50 Excellent Word as Image / typographic visualisations & resources

Beautiful visualisation pushing the creative use of processing with these Word as Image abstract faces into the realm of concrete poetry. Made by scloopy aka Ryan Alexander see his site onecm.com.

 

 

McCann Erickson Manchester has created a poster campaign for a mental health organisation that combines photography and Processing (B.Fry & C.Reas) to great effect.

 

The two six sheet posters are for Leeds Counselling and will appear in doctors' surgeries, clinics, student halls and other suitable locations throughout Leeds.

 

I added it to my list of visualisation types: http://visualthinkmap.ning.com/#Defintions 

Analyze a text   IM
Text / Image  GA
Word
Tree
Wordle
Tag
Cloud
Phrase
Net

 

 

Word
as 

Image

 

see full list of types here: 

 

 

from: http://creativereview.co.uk/cr-blog/2009/november/processing-thoughts

see more wonderful Words as Image at my gallery website http://wordasimage.ning.com/ and please contribute great word as images you have seen there,

 

From sam winston, me, diter rot in bok, h5, neville brody, apollinaire, marinetti, cobbing, kerr & knoble

 

 
 

 

Many more there.

 

Try a more easier approach in photoshop with this great step by step tutorial.

 

 

 

 

This was an excellent post from andy, Typographic Map Collection 1 of 2. Love the Blog, Brilliant Post

 


 

 

 set aside some time to sit and watch this all the way through as it is simply brilliant, immense collection and highly informative of the subject. the mother of all collectors. trust me you will be trumped in your hoarding and collecting abilities compared to these 2: 

 

 

 

ubu.com/film/sackner_concrete.html
great site, not brilliant to navigate but comprehensive

 

This is a good read (apologies if hard to read)

 

 

View more documents from visual_think_map.

 

this did the blog rounds. rightly so its good.

 

 

 

This is really good too, more details of its creators etc here: http://wordasimage.ning.com/video/typophile-film-festival-5 

 

 

Typophile Film Festival 5 Opening Titles from Brent Barson on Vimeo.

 

see also:

 

sackner
archive of visual and concrete poetry. colossos collection

 

garden digest. l
o n g list of visuals

 

studio
cleo. stephane mallarme bio

 

ubu web. vast resource on sound, image, word
poetries

 

I have done many other posts on word as image pieces so see related posts or view archive. Thanks

Infographic Typography

dba101ccd361ff3836cc41437a730a6c Infographic Typography

In 1989 Erik and Joan Spiekermann signed contracts with leading type foundries, packed their small office with floppy disks full of fonts, and started taking phone orders.

   

FontShop became the first independent retailer of digital type. Twenty years later we’re still stocking the best fonts (though the number has grown and the medium has changed) and still answering phones.  

Its a great clean, clear and bold infographic sectioning off different infographic styles. Really beautiful, I'm always wanting to connect the beauty and functionality of type with information graphics. Reminds me of Nicholas Feltrons work self-mapping.html (update: from armina.thesis blog, it is by N.Feltron)

  See also: NB: Studio - london-kerning.html   from: http://www.fontshop.com/20years/   found: http://www.datavisualization.ch/showcases/typography-meets-infographics

How do visualisations enhance the communication of data?

6588811966236de963ce84e2efc14c17 How do visualisations enhance the communication of data?

Finished my essay into how graphic design can enhance communication in data visualisation & information graphics:   visualisationmagazine.com/dissertation.htm     "graphic design ‘sorts and differentiates, it informs, it helps to shape how we feel, see the world’" (Newark, 2002, p. 6)   I look into areas such as (please note these intermix with each other):   a. Mind and Vision b. Communication c. Perception and Reality d. Semiotics e. Graphics   Within this paper I explore the creative and innovative design techniques for mapping information to aid thinking, understanding, comprehension and reasoning. I summarized the key points into guidelines for the at-a-glance findings.     "it may be possible to utilise symmetry and geometry to aid vision when perceiving a visualisation to understand data" (Wood and Keller, 1996, p 256)  

 

 

 

 

This consideration of the way the map designer represents the world is not just associated with that of geographic cartograms but also with the way the designer visualises complex data.   "if the designer retained 100% truth, they would no longer be mapping, representing aspects of geographic space, it would be entirely realisitic, the territory"  

 

 

Read more: visualisationmagazine.com/dissertation.htm.  

 

 

 

  Please discuss, comment, criticize, debate, enjoy!    Guidelines for when designing visualisations | Opinion? Discuss, share here in Forum | See Dissertation Proposal

 

I am pleased as this means I have passed my MA Contemporary Arts Practice at York St John University investigating data visualisation, graphic design, information mapping. Read more background about me. Dont worry, I will still be blogging, collating and compiling the magazines.   See more projects developed from my studies:   visualisation magazine.com

 

 

visualisationmagazine.com/blogvisualthinkmap  

 

 

 

visualthinkmap.ning.com 

   Follow me on these services:   © Copyright Chris Watson / Visual Think Map 2009. All rights reserved.

Plane Survival

3682749730 fb19f983cc m Plane Survival


Reduce Your Odds Of Dying In A Plane Crash
Originally uploaded by mkandlez

http://www.flickr.com/photos/25541021@N00/3682749730/

Really good, clean, clear and informative work. A round-up and mash-up of data on fatal plane accidents. Cross-referencing the data (unscientifically) reveals the statistically most dangerous flights to take.

by month
by airline
by plane type
by country
by seat


Visit here for more visualisations and infographics
www.informationisbeautiful.net/

=======================================================

Inspired by data from The Guardian Datablog

My data here:
spreadsheets.google.com/ccc?key=0Aqe2P9sYhZ2ncjhyM3llRENj...

Very hi-res editable PDF (2.8MB) here:
www.visualizedthebook.com/images/pre_flight_check.pdf

Stats Humour

00c7e8b4df1b71ec43d33c75e1c630f1 Stats Humour


variationsonnormal.com is such good humour and quirky visual thinking. I particular like the satirical look at website stats with the hugely necessary and important: Average visitor weight. Will regularly visit/be fed via google reader his other quirky inventions like a handle for biscuits to dunk.

'Website stats are an obsession for some people. How many visitors? What age
are they? How long do they spend on the site? The list goes on. Here is my
idea to take this statistical obsession one step further. A doorbell with
built in home visitor statistics display'. (C) Dominic Wilcox

http://variationsonnormal.com/2009/06/14/doorbell-with-inbuilt-visitor-statistics-display/

Typographic Nuance

 Typographic Nuance

'a typographic interpretation of obama's inauguration speech, made for dutch magazine 'creatie' the only rule was no images allowed... i decided to analyse the intonation by watching it on 'you tube' and breaking it down in terms of recurring words and emphasis...'

It is nice to finally see a more creative typographic approach to visualising obama's speeches. Looking at what i like to term typographic nuance, examining the use of alphabet & numbers paradigms.

It really delves into the literature from Post-structuralism, deconstruction (jacques derrida) & barthes, with authorship issues as the meaning (semantics of language) is determined by interpretation on part of the viewer, and so as barthes described this as being the death of the author who is unable to construct meaning.

‘The spoken word is, generally, less formal. Dialogues involve interaction (speaker and listener) are notoriously difficult to ‘control’. This, of course, is also their value; offering the creative, thinking process in its improvised form’ (david jury/about face pg 134).

Of course interpreation takes you into semiotics (the study of signs) with structuraliism french literary theory Ferdinand de Saussure who quite rightly 'posited that signs, rather than being isolated elements with self-contained meanings, are culturally independent parts of an overall network whose meaning is derived from the relationship between the parts’ (Dliteracy, heller/pomeroy, p149).

This cultural independancy is partly the reason that communication has these "open" interpretations of meanings that is where the wonderful (graphic design orientated blogger here) Cranbrook academy and Katerine McCoy, see French Currents of the Letter from 1978 which this work really reminds me of (r.poynor, p66) and jeff keedy & ed fella, then Cranbrook themes continued in David Carson & Neville Brody.

‘Reading requires that we use our intellect, but deconstructed typography further encourages a “shifting movement from awareness to knowledge, to desire and its negation”. The eye roams, looking into the printed page or glowing screen, where meaning is revealed through an evaluation of the entire space. Deconstruction has not simply addressed the look of design but a way of looking at the design’ (GD&R, gunnar swanson ed/zelman, p59).

This type and space led my research onto Stephane Mallarme with 'les coup de des' 1897. Mallarme states, ‘the poem “does not everywhere break with tradition; in its presentation I have in many ways not pushed it far enough forward to shock, yet far enough to open people’s eyes”’. This idea of engaging our intellect and making us interpret this space, typographic deconstruction (GD Concise History, hollis, p37).

Also not forgetting Guillaume Apollinaire with 'Calligrammes' 1918 leading off to concrete poetry and this fine design is continued with John Furnival & more recent mississippi, functioning ferdinand, 389-type, 3d-calligram, typographic-city-child and probably more.

This coninues quite rightly with word as image as the conversation does not need image as Creatia said no image. Lovely to see Infographics blended together with concrete poetry, I know it is monochrome but does it really need colour? wonderful work.

I explored typographic techniques with examples in my work, just leave comments or sign up to visualthinkmap.ning.com and message visualthinkmap i can share my findings back then.







Great project. Try the word links as there is a lot of good stuff i tried to link through to.

Thanks martin pyper

from: http://www.behance.net/Gallery/obamas-speech-a-typographic-interpretation/209583


found: http://infothesis.yanamitchell.com/post/95935291/obamas-speech-a-typographic-interpretation-on


check out:


type2 nuance a4 sec2 - 2005

by visual think map



type nuance a4 sec1 - 2005

poynor reference is from the book No More Rules, (cranbrook link looks inside the book).

Periodic table of Typefaces

 Periodic table of Typefaces


absolutely brilliant. ok the classifying isn't perfect but the execution is
top notch. they're must know fonts for designers from gunter gerhard ith akidenz
grotesk, goudy, cassandre, baskerville, tshichold, benton, renner... and... the
dates they were created.

when i did the periodic table of design and when i did type timeline... i
thought that there had to be one made for typefaces. it has gratefully been
fulfilled in excellant style.

love it, enjoy it, share it.

see more periodic table subversions here: http://visualthinkmap.ning.com/main/search/search?q=periodic+table
quite a few.

also i'm included there: http://visualthinkmap.ning.com/photo/photo/show?id=2168552%3APhoto%3A1119
/ http://visualthinkmap.blogspot.com/2008/08/periodic-table-of-design.html

from: via @azaaza: Periodic table of Typefaces: http://tinyurl.com/ar8cz7

you might like: Type Timeline Half 1


found: http://feedproxy.google.com/~r/InformationArchitectsJapan/~3/fVfaDMMDBv8/

Typographics

eleg 2 Typographics





This is a collection of early, small typographic experiments. I liked the idea of »smashing« type on paper and see what happens. All the typograms were created with python and postscript.

I know they aren't very functional i know, but they are good. check out poetry on the road, previously posted. by boris muller

http://www.esono.com/boris/projects/typographics/

Visualisation Magazine Volume 2 - Circles

Open publication - Free publishing - More information



this magazine collates some of the most creative and innovative visualisation of information that try to simplify the complex. this volume is based around circles.

http://issuu.com/visualthinkmap/docs/visualisation_volume_2_circles
featured at flickr:


http://www.flickr.com/photos/visualthinkmap/3333627301/



or on you tube:


http://www.youtube.com/watch?v=qPo8BJcsEXw&eurl=http://business-commando.com/business_commando/&feature=player_embedded





next is based on isometrics. example layout featuring work by julienbayle.net



With excellant help and collaboration from pedro montiero at whattype.wordpress.com it has had an excellant revamp. More work featured by,


Carl Tashian
Peter Crnokrak
T D Architects: Theo Deutinger, Johannes Pointl, Beatriz Ramo
Bradford Paley
Quentin Delobel
Andrew Collins
Grace Lee
Wesley Grubbs, Nick Yahnke
Julien Bayle
Pedro Montiero
Roaxanna Tran (at telegeography.com plus other members)
Ji-Hwan Kim
Sol Jin
stephen p anderson
Christian Nold
jess bachman
tom gauld
2spot et al
Nick Cawthon
Andrew Vande Moere
Jarke J. van Wijk

please send your examples of isometrics for the future issue 3. also please give feedback. and observe the copyrights of non commercial, no derivatives, attributation to myself and pedro.


all featured are very good resources of inspiration for various design jobs as they solve communication problems using easy to understand graphics. Seems a mouthful but basically great graphics that look great (form) and communicate detailed info quickly and easily (function).


All items featured at http://visualthinkmap.ning.com


Version 1 here:



This layout of version 2 lets you zoom in more but loses the nice double page spread, incase you want to see closer detail.


thanks again to all who contributed and there cooperation, very helpful allowing their work to be featured in the magazine and others advice and help. thanks to pedro's collaboartion too, gave it a really good revamp. see more of my work at

http://chriswatsondesign.viviti.com/


or more visualisations featured at


http://visualthinkmap.ning.com

Functioning Ferdinand

 Functioning Ferdinand

Saw the first image in a recent post and pleased , like with 389 Type that information arent these word clouds, and it reminded me off ferdinand kriwet's work the second image with concrete poetry. always appreciate it concrete poetry Mississippi Type Visual . Is it functioning form? (the first from flowing data)