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

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

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

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

Self Mapping

5d2fc6c5fb1522de82326849f2876440 Self Mapping

Visualise yourself, what would you display to an audience? how intimate would you make it? Well even though he has been doing them from 2005 I have just discovered them by Nicholas Feltron. With very minimal styles but nice clean, clear, infographics and bold numbers encased in this swiss style grid system to keep some structure and rigidity to his diverse information of his life.

I am curious how he records all this data to be absolutely accurate, it must be some focsed, disciplined time keeping and number crunching.

Why? When quizzed, Felton’s admits that ‘it satisfies a real curiosity that I have about my habits. Why is it a popular document? If there are numer ous people out there who think it is fascinating and don’t even know me… imagine how fascinating I find it’. At first your reaction is ‘Oh please….’ but soon you are scouring the pages to see which was the most visited restaurant, his most-drunk beer: a sort of typographic Truman Show, authored by Truman himself.

It is intersting how the CR blog author describes it as a sort of typographic Truman Show.

http://feltron.com/

there are previous versions there.

found here: http://www.creativereview.co.uk/crblog/me-myself-and-i/

A Texas Designer's Map of the World

accba0b69f352b4c9440f05891b015c5 A Texas Designers Map of the World

The fabulous design agency Pentagram based in New York with partners like Angus Hyland (co-author of many excellant design/illustration books, The Picture Book: Contemporary Illustration & Paula Scher (AIGA medalists, notorius mapper, will feature soon),      ....at the worlds leading multi-disciplinary design consultancy, feature an excellant map that Scher would be proud of. The partner DJ Stout has created a “Texas Designer’s Map of the World” as a part of a promotion for Sappi Fine Paper. Based on the concept of a Texas Brag Map, the poster elucidates the worldview that everything is bigger and better in the Lone Star State. “It’s part of our Texas heritage and our collective sense of humor,” explains Stout. “My apologies to the other smaller, less interesting states on the map.”' (pentagram, 2008, p.new).   He divides a map of the U.S. into six parts and assigns each section to a graphic designer who resides within the region. When all six posters are put together, they form a giant map of the United States, “of course I was given the Southwest,” says Stout (pentagram, 2008, p.new). Its composition is bolshy, beautifully layered (as you notice opening the pdf on a sluggish computer), with Piet Zwart/H. N. Werkman letters treatment surrounded by soft pastel triadic harmony of red, blue, yellow. Yet still its not too disparaging with the these surreal, fluctuating sized elements like The World's biggest Jack Rabbit, it has Swiss grounding in neat, clean, precise, even grids of text J.M.Brockmann would be proud of, creating a salient [1] contrast. It also treats word (type) as image that crow [2], and concrete poets of appollinaire to mallarme would adore.   The other participants include Art Chantry, Rick Valicenti, Paul Sahre, Clive Piercy and Tim Hussey. Brilliant.   Download the large version image here. http://blog.pentagram.com/2008/02/new-work-sappi.php   [1] Kress & Van leeuwen [2] Left to Right: The Cultural Shift from Word to Image