Fontopoly / Type Trumps / The Font Game

Fontopoly / Type Trumps / The Font Game

Ought to have been Typopoly. From timbasmits.com. 'PROJECT / FONTOPOLY & MR FONOTOPOLY CHARACTER DESIGN FOR "GO FONT YOURSELF" EXHIBITION'

Timba Smits, a London-based graphic designer from Melbourne, Australia, created this lovely poster called Fontopoly. This looks like a fun game, although like most of these type projects, I'm sure helvetica wasn't there, and arial. Found on armina_79 Twitter There was this I saw recently too, the fontgame.ilovetypography.com & Type Trumps over at Face37.com
'After the hugely successful Type Trumps comes the much awaited sequel — Type Trumps 2 — 30 new designs showing different typefaces being assigned numerical values. Type Trumps, a play on Top Trumps, uses figures to enable the cards to be won or lost using some of the tried and tested 'Top Trumps' rules. The Type Trumps have a 'ranking', which is a subjectively ascribed positional value based on my personal favourites'

Price

£9.99 (Worldwide Shipping)

Buy Now

Paypal

Stockists

Magma Books, UK Design Museum, UK Analogue Books, UK Ghostly International, USA

As featured in

Creative Review, UK Wired, UK Computer Arts, UK Digital Arts, UK
Related articles by Zemanta

Published on 2010/04/15 4:26 pm.
Filed under: font, games, type, typographic Tags: , , , , , , , , , , ,

100 of the best data visualisations / infographics

I wanted to compile a nice square thumbnailing of the different creative and innovative techniques to the visualisation of info/data. Each square is hyperlinked.

visualisationmagazine.com/100datavis.htm

 

100 of the best data visualisations

 

Featuring:

 

Brian Solis (many great pieces not featured)

TeleGeography

Barrett Lyon (opte project)

Eboy

Density Design (the milan universities students work, lots of beautiful & innovative designs)

Good.is (good transparencies)

Arnaud Velten

Paula Scher

David McCandless

John Maeda (RISD professor former MIT Aesthetics & Computation)

Brian Holmes

Saatchi & Saatchi

Mozy.com

Charles Joesph Minard

Walid Raad & Triple D

Denis Wood

Information Architects (Oliver R+)

Adam Sicinksi (brilliant mindmaps, very detailed and intiricate)

Design by Vent.com

Cameron Wilde

Jess Bachman (Wall Stats.com)

Andy Proehl

Marco Quaggiotto

Boris Muller

Peter Crnokrak

Scott Mccloud

Dizzia (Visual CV)

Lauren Bugeja

Chris Watson

Quentin Delobel

Martin Wattenburg

Gerson Mora (plenty on flickr)

NB Studio

Peter Ito

Skip Vision (federer/sampras)

Ouinon.net

Zach Bean

Luca Masud

Carl Tashian

Theo Deutinger (...and associates)

Ritwik Dey

Franchesco Franchi

Dr Bollen

See Ming Lee

Dr John Snow

Moritz Stefaner

Hugh Dubberly (...and associates)

Theodore Rosendorf

Lana (crochet diagram)

Julian Beever

Nicholas Feltron

 

Just search a handful of those names and you will have plenty of research to feed your imagination and design techniques styles. Will probably keep adding when i get time. oh and i know some arent strictly data vis/infographics, but we have to try and let the border between art and infographics to blend to promote innovation and creative growth for the fields (not that they havent already).

 

More great compilation sites to wet your appetite with:

 

http://ce.sysu.edu.cn/hope/Education/ShowArticle.asp?ArticleID=4883

 

http://geodata.grid.unep.ch/extras/posters.php#infographics_posters_iso_codes - geo data infographics (saw one of them on chart porn blog)

 

  

http://blogof.francescomugnai.com/2009/04/50-great-examples-of-infographics/comment-page-3/ - brilliant

 

http://www.webdesignerdepot.com/2009/06/25-useful-infographics-for-web-designers/ - brilliant

 

http://www.webdesignerdepot.com/2009/10/30-superb-examples-of-infographic-maps/

 

http://www.datavisualization.ch/inspiration/20-inspirational-infographics-12-%e2%80%93-19-10-09 - good collection, selections from their tumblar listed below

 

http://www.instantshift.com/2009/06/07/infographic-designs-overview-examples-and-best-practices/

 

  

More Galleries

 

WeLoveDatavis. excellant tumblr gallery from ben w at datavis.ch

 

  

Bigger Plate - is focused on providing a map sharing space for MindManager files. It offers a map library that is searchable by keyword, tags and categories. When you upload a map to share, the site automatically generates a preview image. Also, you can rate others’ maps, a feature which may help you to zero in on the most valuable maps, as judged by your peers. When you upload maps, you can designate them as password protected.

  

Cool Data Visualization Flickr

  

Density Design. MUST SEE infographics

 

Diagram Diaries / Flickr

 

 

GOOD magazine. infographic transparencies

  

Free mind share - This website bills itself as “a fast, simple way to share your FreeMind mind map(s).” After I logged in, the only option I saw was to upload and view my own maps. There doesn’t seem to be any kind of a public map gallery here. In fact, several of the capabilities of Freemindshare, including “groups” and “messages” don’t seem to be finished yet. Clicking on the links for them leads you to pages that say “This feature is not yet available"

 

History Shots

 

  

The Info Graphics Pool Flickr

  

Infografia Infographics Flickr

  

Infografistas.com / Infographics News Flickr

  

Innovation in Data Visualization Flickr

 

Nathan Yau's new flickr group and sets ] Flickr

 

 

Mappio - is a repository for MindManager and FreeMind maps. Maps are searchable by title and keyword tags, and you can also view a set of featured mind maps. You can preview any map as an image file, including small, medium, large and full screen (1024×768 pixel) images that show a lot of detail. You can then decide if you want to download it as an image or as a map. Mappio also displays related maps beneath the currently selected one. The whole site is well designed and is a pleasure to browse

 

Nova Mind Connect - This gallery is a companion to the website of NovaMind Pty. Ltd., a leading developer of mind mapping software. NovaMind enables you to create very colorful and engaging maps, and offers its users a unique capability: They can publish their maps directly from the program to the NovaMind Connect workspace. This gallery contains the most colorful and engaging maps of any I’ve seen. If you want to see what’s possible with mind mapping software, this is the gallery that will inspire you to a higher level of visual mapping.

  

Scimaps

  

Time Visualisations. Visual History Archive - Excellant

  

Topic Scape. excellant mind map / diagram archive

  

XMIND - Like NovaMind Connect, this gallery is part of the XMIND website. You can upload your map files directly from XMIND to this shared map space.

 

  

Visual Complexity

  

ReMap from Bestario. excellant reorganisation of Visual Complexity

  

Visual Information Flickr

 

Apologises i know there are some very imporatant people probably not mentioned,

Related articles by Zemanta
Reblog this post [with Zemanta]

Published on 2009/10/18 3:12 pm.
Filed under: info graphic, Info Visualisation, maps, visualisation Tags: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

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

Published on 2008/03/27 7:40 pm.
Filed under: bolshy, brockmann, contrast, designs, graphic, harmony, illustration, interdisciplinary, map, new york, pentagram, surreal, swiss, texas, world, zwart Tags: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Liverpool Map

liverpool+map Liverpool Map

There are other techniques to improve salience within the design process such as some of those mentioned by Laszlo Moholy-nagy in his essay from 1925 ‘Contemporary typography – Aims, Practice, Criticism’, ‘tension introduced into layouts by contrasting visual elements such as: • light/dark • empty/full • multicoloured/grey • vertical/horizontal • upright/oblique’ (Blackwell, 2001, p. unknown). An excellent visual map that beautifies, enlivens, and has an excellent salient ability is ‘Liverpool the centre of the creative universe’ designed by Burn Everything.co.uk, fig. This was exhibited at the Tate Liverpool but this certainly grabs the user/readers attention and it categorises the content into Topographic landmarks of the city, such as The Docks, The Walker Art Gallery, Tate, Bluecoat Art Gallery, Liverpool College of art & also by The Beatles. The subtle harmony with tinges of Pink Framing (arrows/lines) the main Landmarks in the foreground and the background framing of the Blue linking particular people across these Landmarks are excellent. The framing (Kress & Van Leeuwen) also has many different styles from varied iconic and well known pointing hands, to hand drawn, dashed lines, rounded edge bubbles, rectangular, organic grey shapes, speech bubbles all used in distinction to there landmarks. The use of varying saturations of black with the monochrome bubbles and introduction of illustrations of birds & eyes, some iconic others mimetic (realistic photos) create a magnificent balance of word & image. The layering and differing tones of grey create great depth and the information value is immense because it is so visually engaging and stimulating you to read/interpret and identify The Beatles as being something you know of. You follow the linked bubbles further and may discover Brian Epstein, ‘Who is this?’ is a reponse the name might elicit. This would then hopefully inspire the map reader/user to research this name, usually via Google (preferably Kartoo.com), or ‘Who is Peter Blake?’ That would certainly inspire and stimulate creativity upon discovery. Kress, Gunther & Theo van Leeuwen wrote three aspects of visual composition: Salience, Information Value & Framing in Reading Images: The Grammar of Visual Design. London: Routledge (1996), (Chandler, 2006, p. sem_04). Blackwell, Lewis. (1998). Twentieth-Century Type, New and Revised Edition. Lawrence King, London

Related articles by Zemanta

Published on 2008/03/26 2:19 pm.
Filed under: contrast, engagement, harmony, topographic Tags: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Text Arc - Alice in wonderland

20100905105206 llfocrmsjlrckoyng Text Arc Alice in wonderland

In reference to aesthetics and the data functionality Bradford Paley created Text Arc (fig 95) a system for visualising literary texts states ‘beauty [form, aesthetics] is neither an alternative to function, nor a bolt-on extra. The two bear a more subtle relation to one another: “beauty is a personal goal, but I believe that it came from the accurate and comfortable representation of data”’ (Centaur Publication, 2008, p. mar – 50).

The aesthetic is needed to make it worth looking at see the whole functionality. DIDI.com. (2001). Digital image design incorporated - A TextArc is a visual represention of a text—the entire text (twice!) on a single page. A funny combination of an index, concordance, and summary; it uses the viewer's eye to help uncover meaning.

http://www.textarc.org/
Centaur Publication. (2008). Creative Review – mar 2008, p.50.

Published on 2008/03/25 2:58 am.
Filed under: paley, text Tags: , , , , , , , , , , , , , , , , , , ,