Re-iterate My intention for my Grad Project

My Project: “Diagrammatic Novel”

WHAT?
A visual novel
Decoded narrative literature in forms of infographics and diagrams

WHY?
1. To break the conventional ways of understanding and processing information
2. To create a tool or standard that not only can be used by Dyslexic, but also can be used to inspire creative individuals to apply more visual infographics for better communication in design in the future for both Dyslexics and non-dyslexics.

WHO?
1. the tool for Dyslexics
2. the idea for the creative individuals to be inspired

Th Final Piece (Part One)

Final Presentation Dec.10th, 2008


Cover of my visual book "Diagrammatic Novel"
Decoding a narrative literature (Great Expectations by Charles Dickens) for Dyslexia and to inspire creative individuals to apply more infographics in design.


Once open: First page


Open again to the second page on Characters.


The lines represent the relationships with each characters.
The size of the character symbols represent their priority role in the story.

The Final Piece (Part Two)

Open the third time: the themes of the whole story is represented in two different form of diagrams.


Colour Legend on themes such as Wealth, social class, affection, happiness, guilt, satisfaction. Each pie chart corresponded with each written key events. Visually, the reader can get a sense of the psychological aspects of what the narrator, Pip, has gone through during the story by the divided amount of colours in each chart.


The line charts juxtaposed the themes to show contrast. For example, wealth and happiness. In the story, wealth or Pip's fortune could not by him happiness.

The Final Piece (Part Three)

Logo design for Diagrammatic Novel and the Book cover label.


Visual Book in a series


Package label is designed for visible displaying at a bookstore and convenience for shelving.

The Making of the project

Some exploration of type, colour, and form.

Going back to the Diagrammatic NOVEL!

So after talking with Don, I am going back to the first iteration, the poster, but still need a lot more fixing.

1) The poster is designed not for aiding dyslexics. Instead, dyslexia is a inspiration or springboard for my project. Therefore, the typefaces and colours choice do not have to be for dyslexics. Instead it is the type legibility I am researching on inspired by Dyslexia.

2) Work on the format (folding) of the posters.
Work on branding the concept of the series of other possible books. (ie) labels, packaging, some
other systems like cards)

CREATE A SYSTEM!

Colour Palette Revised

Thinking about the readability for dyslexics, some guidelines to follow:

Neural

Cream colours
off white

matt paper

no glare

Typeface MoodBoard

Dyslexics preferred:

- handwritten style
- long descenders and ascenders
- tight weight
- uniform strokes
- perpendicular design
- generous inter-word spacing
- mix case words
- bold - not italics or underline
- Don’t space letters widely
- line spacing 1.5 at least
- left justify only

Existing Dyslexia Typefaces

Read Regular



Sylexiad

2nd Iteration = Audience(Who?) and What?

> FOR: Young Adult (Ages 13-19)
> WHAT?: A Visual Study Guide for a narration literature



Existing Study or Guide books
Observations:
1. Clean
2. Simple design


2nd Mood boards for Youth (young adult)
thinking about the colours, forms
observations:
1. Lots of hand rendering images and types
2. Colours are bright/bold and pastel
3. Warm tone in general

1st Iteration = A Visual Narration Guide Poster

1st MoodBoards based on the "Great Expectations" themes:
Vintage, Modern


Colour palette and typefaces are generated from the moodboard
1. Warm
2. Modern Vintage look according to the book theme




This is the first mock-up of the poster. Again, there are lots of problems on:
1. who this is for?
2. format and navigation
3. clarity of information presented (dyslexics would find this hard to understand)

After the FIRST Iteration / PHRASE 3

After presentation today, I felt there are a lot to be concerned:

1) Who is my audience? Defining my audience would help me generate the form, aesthetic and facilitate good design. Question is, "WHO IS GOING TO APPRECIATE THIS?"

2) Format! Should not be restricted to a poster (scale,size...)

3) Wayfinding (information displayed)lacks hierarchy and lacks directions. Doesn't function effectively and it is too flat and too much information to digest at once! (So CAN'T dyslexics!)

I am already thinking about young adult who would appreciate this as a study guide.

MY PLAN OF ACTIONS before next week:
+set a timeline, plan ahead
+define audience then mood boarding
+sketch more!
+come up with a mock up mainly to test out the format

A LOT TO DO!!!

My opinion is that the poster is too busy and cluttered. SO the direction is okay, I think, now I just have to make complex simple or filter it out!

Cool Infographics Blog

Massive resources from Randy Krum, who's also a blogger!

Go to his blog

Word Clock fro Mac, PC, iphone

Word Clock for Mac, PC, iPhone from Simon Heys on Vimeo.

More Infographic

link

What is Complex Narrative?

Complex narrative structure is used by authors to add interest by complicating the story.There are several authorial methods of achieving this.

So in summary, complex narratives are used by authors to tell stories in interesting ways and may involve one or more of the following:

* flashbacks

* dream sequences

* repetition

* different characters' point of view

* multiple plot lines converging at the end

* flash forwards

* different time frames

* pre-figuring of events that have not yet taken place

* circular plotting where we are led back to the beginning

* backwards story telling, where the denoument is shown first and explained
through the plot

Source from Willie Meikle's Blog

More Visual Research for Infographics: BLOG

Link

Infographic Keys/Legends

I like how there are keys or legends on the sides to depict different aspects of the information.

Interactive Literature Tool

"Textour" is an interactive tool created by Tim Walter for analyzing large body of text.
Design Corner Blog

Stefanie Posavec “On the Map”- 04.02.08

Stefanie Posavec, Graphic Designer from London, United Kingdom










Notcot.com:Archive
Hic Sunt Dracone Link

Guidelines for Infographics

Link

Inspiration for using Infographic

"Forbes magazine calls them "charticles". Newspapers call them "infographics". Some journals call them "art". Whatever the label, writers must call on the power of charts, tables, maps, and diagrams to tell their stories."

A Picture Is Worth a Thousand Words

"Infographics come in six basic types: fever chart, bar chart, pie chart, table, map, and diagram. Content drives the form. In other words, select the style of infographic that best tells the story."

source:link

Narrative Infographics

Not only am I looking for existing narrative infographic but also studying how emotions/feeling can be conveyed in the form of infographic.
More from a live journal blog

Two Directions: An Exhibition or Decoding a Book/literature

1. Exhibition: "A World without Words"

A exhibition for displaying the themes of everyday struggles of dyslexics - time, sequencing and navigation -- in forms of infographics (life size). In attempt to create an experience for non-dyslexics and designers. It would be a dyslexia awareness campaign.


2. Infographic: Decoding an literature

Creating a visual infographic to depict a literature. Thinking about bridging the gap between dyslexia and design, infographic as a form of visual language can bridge this gap by decoding readings for dyslexics which they have difficulties with.

Choosing the second direction => Decoding a literature/some long text/writing.

Existing Awareness Dyslexia Design

"Everything In Its Right Place" is an exhibition put together by Dyslexia Foundation and typographer, David Carson, for raising awareness.
Felixlobelius.com

MASSIVE Visual Resources on Inforgraphics and Pictograms

Apparently, on "Designing The News.com" infographics and pictograms are researched and provided a wide range of helpful resources.

Please go to this LINK

Animated Infographics

Royksopp's music video "Remind Me" 2002
Animated Inforgraphics by a French company, H5
YouTube


A French energy company, Areva, commerical also by H5
YouTube


John Lennon interview infographic movie
Blog Link

Telling Time

Time.
How do we tell time? Where? what? why? When?




NOOKA watches from New York. Tell time with dots and bars.


Eyes Wide - James Turrell and Tadao Ando at Benesse Art Site Naoshima (above: Turrell’s Open Sky at the ChiChu Art Museum)Looking at time through the skylight


Telling time the old fashion way by professor Len Berggren at SFU ("C" parking lot)
Link




Timeline: organizing information with lines, bars and colours





Timelines for visualizing Bible (events)
Arc diagrams


Tristram Shandy, includes a set of sketches indicating the non-linear path of a well-told story



DOTS diagrams



Interactive Olympics Medal Count Map
Year (meter); Countries (circles); Number of Medals (size of the circles)
New York Times