InfoDesign TOOLS OverviewSlideShow

8/11/2019 InfoDesign TOOLS OverviewSlideShow

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

tool : weight and scale

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

tool : weight and scale

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 signalhierarchies 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 aretools 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 oftenflip through

magazines toread 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

InfoDesign TOOLS OverviewSlideShow

Documents

Transcript of InfoDesign TOOLS OverviewSlideShow