30
7 tools of good information design (but you can use them for other types of design too)

7 Tools of Design

Embed Size (px)

Citation preview

Page 1: 7 Tools of Design

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

Page 2: 7 Tools of Design

don’t worry, you already 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 solving information design challenges.

Page 3: 7 Tools of Design

design tool #1

color

Page 4: 7 Tools of Design

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.

Page 5: 7 Tools of Design

What do you identify red with?

Page 6: 7 Tools of Design

What do you identify red with?

Page 7: 7 Tools of Design

Colors can create identities.

Page 8: 7 Tools of Design

Who are these companies?

Page 9: 7 Tools of Design
Page 10: 7 Tools of Design

An understanding of culture is important when using color to evoke certain responses -

color means different things to different cultures.

Page 11: 7 Tools of Design

Designers often choose color as the central organizing element of a piece.

Page 12: 7 Tools of Design

design tool #2

type styling

Page 13: 7 Tools of Design

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.

Page 14: 7 Tools of Design

Don’t be afraid to play with typography. It can play a pivotal role in your overall message.

Page 15: 7 Tools of Design

design tool #3

Page 16: 7 Tools of Design

design tool #3

weight + scale

Page 17: 7 Tools of Design

Humans scan patterns and differences as a way to read quickly.

Page 18: 7 Tools of Design

Changes in the weight and scale of artwork and type can signal that certain pieces of information

are more important.

Page 19: 7 Tools of Design

design tool #4

structure

Page 20: 7 Tools of Design

design tool #1

Structure helps us navigate through

complexity, and leads to a quicker

understanding of new things.

Page 21: 7 Tools of Design

Grids help navigate the reader through complex information.

Page 22: 7 Tools of Design

Grids direct regular readers to information that is usefull to them (and allow them to ignore what isn’t).

Page 23: 7 Tools of Design

design tool #5

grouping

Page 24: 7 Tools of Design

Clustering information helps readers quickly

locate the information they are seeking.

Multiple entry points allow a reader to absorb

information as visual sound bytes.

The grouping of information can signal

hierarchies of important, especially when grouped

with changes in color, weight, and scale.

Page 25: 7 Tools of Design

design tool #6

graphic elements

Page 26: 7 Tools of Design

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.

Page 27: 7 Tools of Design

design tool #7

Imagery

Page 28: 7 Tools of Design

Captivating images draw readers in.Boring images are a great way to ensure nobody

will read what you have to say.

Page 29: 7 Tools of Design

Combining text and image is one of the most important ways to help a reader retain information.

Page 30: 7 Tools of Design

A smart use of: color type styling weight + scale structure grouping graphic elements imagery

=