InfoDesign Tools of Design

8/20/2019 InfoDesign Tools of Design

1/30

7 toolsof good

information

design(but you can use them for other types of design too)


2/30

don’t worry, youalready know this.

All the key principles of good design

apply, whether they’re print,

environmental, or interactive.

However, the following basic tools are

particularly effective in solvinginformation design challenges.


3/30

design tool #1

color


4/30

People identify with colors.It is an effective way to convey diferentiation.

It allows the reader to quickly scan and isolate

important elements, and impart meaning.


5/30

What do you identify red with?


6/30

What do you identify red with?


7/30

Colors can create identities.


8/30

Who are these companies?


9/30


10/30

An understanding of culture is important when using

color to evoke certain responses -

color means different things to different cultures.


11/30

Designers often choose color as the central

organizing element of a piece.


12/30

design tool #2

type styling


13/30

The styling of type can create hierarchy, and

differentiate types of information.

Type weights, scales, italics, contrasting fonts...they can all be part of your design arsenal.


14/30

Don’t be afraid to play with typography.

It can play a pivotal role in your overall message.


15/30

design tool #3


16/30

design tool #3

weight+ scale


17/30

Humans scan patterns and differences as a

way to read quickly.


18/30

Changes in the weight and scale of artwork and

type can signal that certain pieces of information

are more important.


19/30

design tool #4

structure


20/30

design tool #1

Structure helps usnavigate through

complexity,

and leads to a quicker

understanding of

new things.


21/30

Grids help navigate the reader through

complex information.


22/30

Grids direct regular readers to information

that is usefull to them (and allow them to ignore what isn’t).


23/30

design tool #5

grouping


24/30

Clustering information

helps readers quickly

locate the information theyare seeking.

Multiple entry points

allow a reader to absorb

information as visualsound bytes.

The grouping of

information can signal

hierarchies of important,especially when grouped

with changes in color,

weight, and scale.


25/30

design tool #6

graphicelements


26/30

Lines, Rules, Bullets and other graphic devices

attract the eye.

These devices can also act as tools for showing visual

direction, leading the viewer around the work.


27/30

design tool #7

Imagery


28/30

Captivating images draw readers in.

Boring images are a great way to ensure nobody

will read what you have to say.


29/30

Combining text and image is one of the most

important ways to help a reader retain information.


30/30

A smart use of:color

type styling

weight + scale

structure

grouping

graphic elements

imagery

=

Documents

InfoDesign Tools of Design