Always fresh new new things!

Archive for the ‘Information Design’ Category

Comics on Infinite Canvas : New possibilities for Learning Content Design

without comments

Many of you might know Scott McCloud’s through his recent work on Google Chrome Booklet. I am a big fan of him since I read Understanding Comics: The Invisible Art. Till date that’s my one of my most favorite books. Also strangely, I consider that one of the best books for learning instructional designing.

In his 2005 TED presentation (posted at TED.com recently), apart from providing a brief introduction on ‘Understanding Comics’ Scott presented a different form of Comics for the web media – the concept of infinite canvas.



The core idea is to treat the monitor display as a canvas rather than a page, through which the comics panels can run infinitely, have parallel narratives, change direction with a twist in the story.

I am totally thrilled with the possibility of comics with infinite canvas for learning content design. What do you think?

PS: As far as I know, only Maish Nichani (elearningpost) experimented using comics for learning content. Are there any other examples?

Written by anol

March 2nd, 2009 at 11:32 am

Posted in Information Design

Tagged with ,

Financial Crisis Infographics

with one comment

Crisisofcredit.com published a nice motion-infographics to explain the financial crisis. It was completed as part of thesis work by Jonathan Jarvis in the Media Design Program, a graduate studio at the Art Center College of Design in Pasadena, California.

Read the rest of this entry »

Written by anol

February 26th, 2009 at 9:07 am

The Woork Handbook of CSS

without comments

Antonio Lupetti, one of the coolest CSS gurus, compiled his multiple blog entries and published a FREE eBook The Woork Handbook”

Download the Woork Handbook [PDF]The book contains articles with code sections, images, illustrations and links to original contents on woork.

Written by anol

January 13th, 2009 at 3:44 am

Konigi and Yahoo! Web UI Wireframe Stencil Kits for Omnigraffle

without comments

Omni Group’s Omnigraffle (Mac only) is an excellent tool for web prototyping. Now with Yahoo! and Konigi FREE stencil kits it’s just irresistible!
Konigi OmniGraffle Wireframe Stencils a set of shapes for making wireframes (low-fidelity web page schematics) in OmniGraffle version 5.x (Mac OS X). It consists of most of the basic elements you’ll need to create user interface specifications.
Download the stencils

Design Pattern Library by Yahoo! Yahoo’s new Design Pattern Library, this great tool is even more useful. It includes all the widgets used on a normal web page, as well as more exotic ones like calendars, carousels and sliders, as well as common screen resolutions and os widgets.

Written by anol

January 12th, 2009 at 8:01 am

Posted in Information Design

How do you design? [Free eBook by Hugh Dubberly]

with one comment

How do you design? is Hugh Dubberly’s ‘unfinished’ book with a great collection of over one-hundred descriptions of design and development processes, from architecture, industrial design, mechanical engineering, quality management, and software development.

Everyone designs. The teacher arranging desks for a discussion. The entrepreneur planning a business. The team building a rocket.

Their results differ. So do their goals. So do the scales of their projects and the media they use. Even their actions appear quite different. What’s similar is that they are designing. What’s similar are the processes they follow.

Our processes determine the quality of our products. If we wish to improve our products, we must improve our processes; we must continually redesign not just our products but also the way we design. That’s why we study the design process. To know what we do and how we do it. To understand it and improve it. To become better designers.

Download PDF

Written by anol

January 12th, 2009 at 7:31 am

Posted in Information Design

Tagged with