InfoDesign TOOLS

7/29/2019 InfoDesign TOOLS

1/45

toolsfordesign

all the key principles of good design apply whenit comes to information design, whether theyre

print, environmental, or interactive. Thefollowing basic tools are particularly effective in

solving information design challenges.!

P189 IDW rockport


2/45

tool : color!

informationdesign


3/45

tool : color!

informationdesign

Because people closely identify with colors,designers exploit them in powerful, evocative

ways for all kinds of problem solving and oftenchoose color as the central organizing !

element of a piece.!

wyfndng


4/45

tool : color!

informationdesign

it is also an effective way to conveydifferentiation. !!

color allows the reader to scan and !quickly isolate the important elements.!

P90 IDW rockport


5/45

tool : color!

informationdesign

therefore, !heirarchy can be established by color.

P92 IDW rockport


6/45

tool : color!

informationdesign

an understanding of culture is important whenusing color to evoke certain responses - color

means different things to different cultures.!


7/45

tool : color!

informationdesign

Colors can create a brand or identity.!color differentiates brands or products. !!

signature colors create immediate associations

for people and help build brand aware-ness as

well as place recognition. !P92 IDW rockport


8/45

Color creates identity!


9/45

This set of conference materials(continued on next slide) !uses color coding to categorizeprogram sections and schedule

of events for different types ofattendees.!


10/45


11/45

A design and architecturepublication uses a single bold

accent color in each issue.!


12/45

tool : type styling

!

informationdesign


13/45

tool : type styling

!

informationdesign

The styling of type can create hierarchy, anddifferentiate types of information!!

P90 IDW rockport


14/45

This annual report usescomplementary typefaces in a

variety of sizes and weights. Thiscreates interest, excitement!(continued next slide)!


15/45


16/45

Juxtapozmagazine: using boldpull quotes, strategically placed.!


17/45

tool : weight and scale

!

informationdesign


18/45


!

informationdesign

human beings scan patterns and differences,!as a way to read quickly. !!

changes in the weight and scale of artwork and

type can signal that certain pieces of

information are more important.!


19/45


!

informationdesign

weight and scale combined with color can bean effective way to create complex heirarchies. !


20/45


21/45

An annual report : using variedtypography creates a rich visual

language and easy scan ofinformation!


22/45

The white type in caps, on black,creates emphasis, highlighting

what is most important. thesupporting text is smaller, in a

separate part of the composition.!


23/45

This book uses only onetypeface, but weight and scale

creates hierarchies, variety, andvisual interest.!


24/45

tool : structure

!

informationdesign


25/45

tool : structure

!

informationdesign

!The grid, along with carefully planned white

space, can help a reader navigate through

complex information. !!

P90 IDW rockport


26/45

this magazine uses a consistentgrid, so that regular readers can

find the information that is ofmost interest to them.!


27/45

offset columns of type complement the organic black and white photo silhouettes inthis annual report for the Sydney Dance Company. the placement of the silhouettes

a sense of movement that helps the viewer navigate through the information. the

numbering system encourages a sense of momentum.!


28/45

the Urban Origamibook uses an unusual

structure to communicate the architecturalsubject matter the book encourages the

reader to fold the paper in the book as areference to the architects fold motifs in

the building.!


29/45

tool : grouping

!

informationdesign


30/45

tool : grouping

!

informationdesign

clustering information helps readers quickly locate theinformation they are seeking.!!

multiple entry points allow a reader to absorbinformation as visual sound bites.!!


31/45

tool : grouping

!

informationdesign

the grouping of information can also signal !hierarchies of importance, especially when used !

with changes in color, weight, and scale.!


32/45

An annual report : color fields contain different types of content; charts, testimonialsand bulleted strategy statements give a quick read to the viewer. !


33/45

Grouping by color and by text areas

separate and create hierarchy ofinformation.!


34/45

tool : graphic elements

!

informationdesign


35/45

tool : graphic elements

!

informationdesign

lines, rules, bullets, and other graphic devices are !tools designers use to attract the eye. !!

these devices can also act as showing visual direction,leading the viewers eye.!


36/45


37/45

Graphic shapes divide up the various messages (website for paper company)!


38/45

Keyline boxes separate the content, dividing up the technical information.!


39/45

Detail from a map - usingsymbols to show the distributionof Dutch aid resources in

Afghanistan.!


40/45

tool : imagery!

informationdesign


41/45

tool : imagery

informationdesign

combining text and image is one of the most powerfulways to help a reader retain information.!!

readers will often

flip through

magazines to!

read the captions and look at images !(photographic or flat graphic).!!


42/45


43/45

The images provide a provocativecounterpart to the technical informationon the right side of these catalog

spreads for BARE wetsuits.!


44/45

Playful illustrations, diagrams,and icons give dog lovers easyaccess to information in this

humorous adaptation of anowners manual.!


45/45

Documents

InfoDesign TOOLS