7 tools of design
TRANSCRIPT
![Page 1: 7 Tools of Design](https://reader034.vdocuments.site/reader034/viewer/2022052417/577cc5811a28aba7119c9cfd/html5/thumbnails/1.jpg)
7 tools of goodinformationdesign(but you can use them for other types of design too)
![Page 2: 7 Tools of Design](https://reader034.vdocuments.site/reader034/viewer/2022052417/577cc5811a28aba7119c9cfd/html5/thumbnails/2.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022052417/577cc5811a28aba7119c9cfd/html5/thumbnails/3.jpg)
design tool #1
color
![Page 4: 7 Tools of Design](https://reader034.vdocuments.site/reader034/viewer/2022052417/577cc5811a28aba7119c9cfd/html5/thumbnails/4.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022052417/577cc5811a28aba7119c9cfd/html5/thumbnails/5.jpg)
What do you identify red with?
![Page 6: 7 Tools of Design](https://reader034.vdocuments.site/reader034/viewer/2022052417/577cc5811a28aba7119c9cfd/html5/thumbnails/6.jpg)
What do you identify red with?
![Page 7: 7 Tools of Design](https://reader034.vdocuments.site/reader034/viewer/2022052417/577cc5811a28aba7119c9cfd/html5/thumbnails/7.jpg)
Colors can create identities.
![Page 8: 7 Tools of Design](https://reader034.vdocuments.site/reader034/viewer/2022052417/577cc5811a28aba7119c9cfd/html5/thumbnails/8.jpg)
Who are these companies?
![Page 9: 7 Tools of Design](https://reader034.vdocuments.site/reader034/viewer/2022052417/577cc5811a28aba7119c9cfd/html5/thumbnails/9.jpg)
![Page 10: 7 Tools of Design](https://reader034.vdocuments.site/reader034/viewer/2022052417/577cc5811a28aba7119c9cfd/html5/thumbnails/10.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022052417/577cc5811a28aba7119c9cfd/html5/thumbnails/11.jpg)
Designers often choose color as the central organizing element of a piece.
![Page 12: 7 Tools of Design](https://reader034.vdocuments.site/reader034/viewer/2022052417/577cc5811a28aba7119c9cfd/html5/thumbnails/12.jpg)
design tool #2
type styling
![Page 13: 7 Tools of Design](https://reader034.vdocuments.site/reader034/viewer/2022052417/577cc5811a28aba7119c9cfd/html5/thumbnails/13.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022052417/577cc5811a28aba7119c9cfd/html5/thumbnails/14.jpg)
Don’t be afraid to play with typography. It can play a pivotal role in your overall message.
![Page 15: 7 Tools of Design](https://reader034.vdocuments.site/reader034/viewer/2022052417/577cc5811a28aba7119c9cfd/html5/thumbnails/15.jpg)
design tool #3
![Page 16: 7 Tools of Design](https://reader034.vdocuments.site/reader034/viewer/2022052417/577cc5811a28aba7119c9cfd/html5/thumbnails/16.jpg)
design tool #3
weight + scale
![Page 17: 7 Tools of Design](https://reader034.vdocuments.site/reader034/viewer/2022052417/577cc5811a28aba7119c9cfd/html5/thumbnails/17.jpg)
Humans scan patterns and differences as a way to read quickly.
![Page 18: 7 Tools of Design](https://reader034.vdocuments.site/reader034/viewer/2022052417/577cc5811a28aba7119c9cfd/html5/thumbnails/18.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022052417/577cc5811a28aba7119c9cfd/html5/thumbnails/19.jpg)
design tool #4
structure
![Page 20: 7 Tools of Design](https://reader034.vdocuments.site/reader034/viewer/2022052417/577cc5811a28aba7119c9cfd/html5/thumbnails/20.jpg)
design tool #1
Structure helps us navigate through
complexity, and leads to a quicker
understanding of new things.
![Page 21: 7 Tools of Design](https://reader034.vdocuments.site/reader034/viewer/2022052417/577cc5811a28aba7119c9cfd/html5/thumbnails/21.jpg)
Grids help navigate the reader through complex information.
![Page 22: 7 Tools of Design](https://reader034.vdocuments.site/reader034/viewer/2022052417/577cc5811a28aba7119c9cfd/html5/thumbnails/22.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022052417/577cc5811a28aba7119c9cfd/html5/thumbnails/23.jpg)
design tool #5
grouping
![Page 24: 7 Tools of Design](https://reader034.vdocuments.site/reader034/viewer/2022052417/577cc5811a28aba7119c9cfd/html5/thumbnails/24.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022052417/577cc5811a28aba7119c9cfd/html5/thumbnails/25.jpg)
design tool #6
graphic elements
![Page 26: 7 Tools of Design](https://reader034.vdocuments.site/reader034/viewer/2022052417/577cc5811a28aba7119c9cfd/html5/thumbnails/26.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022052417/577cc5811a28aba7119c9cfd/html5/thumbnails/27.jpg)
design tool #7
Imagery
![Page 28: 7 Tools of Design](https://reader034.vdocuments.site/reader034/viewer/2022052417/577cc5811a28aba7119c9cfd/html5/thumbnails/28.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022052417/577cc5811a28aba7119c9cfd/html5/thumbnails/29.jpg)
Combining text and image is one of the most important ways to help a reader retain information.
![Page 30: 7 Tools of Design](https://reader034.vdocuments.site/reader034/viewer/2022052417/577cc5811a28aba7119c9cfd/html5/thumbnails/30.jpg)
A smart use of: color type styling weight + scale structure grouping graphic elements imagery
=