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

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

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/

Grid Designer Tool

05c71da32bcfe188f7edaa1be8aa0d43 Grid Designer Tool

Brilliant. i love web tool's that save a large amount of time coding and remembering attributes and the syntax <> halb < /h2 > etc... Well josef muller brockmann of the digital age eat your heart out. 

1st use your mouse and click increase decrease etc to create the layout you desire

2nd decide upon your font... 
with helvetica available... although i am not sure how wide spread helvetica comes with systems, does on macs... can get a pc version from http://graphicallyinspired.blogspot.com there is a link there to helevetica free for download. 


3rd copy paste the generated css style sheet, or just the basic html to squeeze in between your BODY tags somewhere. 


http://grid.mindplay.dk

thankyou Rasmus Schultz

found in march 08 creative review

Internet Histo-graphic


"History of the internet" is an animated documentary explaining the inventions from time-sharing to file-sharing, from arpanet to internet. The clip shows a brief overview of this history and shall animate to go on discovering the history of the internet.

The history is told with help of the PICOL icons, which are also a part of the creators diploma.

The icons are available for free on picol.org in the size 32x32 pixel

See the whole diploma >>

from here: http://www.lonja.de/motion/mo_history_internet.html

found here: http://feeds.infosthetics.com/~r/infosthetics/~3/_UrqWTLSAPo/the_history_of_the_internet.html


Credit

Director & Animator – Melih Bilgil

Voice over – Steve Taylor

Music – Telekaster

Translation – Karla Vesenmayer

Scientific Managment – Prof. Philipp Pape

University – University of Applied Sciences Mainz

Thanks to – Barbara Bittmann, Johannes Schatz

I've also seen a detailed history of visual communication http://feeds.infosthetics.com/~r/infosthetics/~3/8M4rgnNVxRQ/the_history_of_visual_communication.html which needs it excellant archive appending to Advertising History Timeline along with this excellant internet histo-graphic.

Text 2 Mind Map

ad4abd48d1ebd59d64a848a9d396db87 Text 2 Mind Map


This is an excellant, easy to use online mind mapping tool.

Visualise your ideas, thoughts in the text editor on the left, to create a new node/level simply use TAB key and to go back a level, new main node BACKSPACE key, like you do in WORD. Honestly, you need to nothing of design, mind mapping, visualising and it creates the top map that you can view full screen with the controls on the right.

As for the quality of the visualisation, the more TAB levels you create the colours automatically create give you an excellant single tone harmony (faber birren) and it changes in its size both working together to create a very effective hierachy of information. You can change the colours.

The functionality is excellant, simple, clear and to make it transferrable from their site you can easily click Save Map and it generates a flattened jpeg that opens in a new window, so allow popups.

To make changes just tweak your text editor on left and click convert to mind map.

I shouldn't go over the top, but to find such a easy, effective, simple to use online tool is great for those who prefer the speed of digital manipulation, than that of on paper and then having to scan/photog to share digitally, very good.

http://www.text2mindmap.com/

I just shared some ideas of my research from particular books to test its visualisation effects.

Thanks Arnaud, again...

found here: http://as-map.com/blog/index.php/2009/01/12/1077/