7/31/2019 VSD Infographics En

1/47

Visual Screen Design

Week 4 Pictogrammen & Infographics

To remember simplified pictures is better than to forgetaccurate figuresOtto Neurath

7/31/2019 VSD Infographics En

2/47

Pictogrammen

An icon is a simplified, abstracted representation of anobject, which is still recognizable

7/31/2019 VSD Infographics En

3/47

Pictogrammen

Icons can encourage the user to make (or forbid) an act.Instructive: "You can not catch up '

Directive: 'Here you can buy tickets'

7/31/2019 VSD Infographics En

4/47

Pictogrammen

Otto Neurath: ISOTYPE

(International System Of TYpographic Picture Education).

7/31/2019 VSD Infographics En

5/47

Pictogrammen

Gerd Arntz

7/31/2019 VSD Infographics En

6/47

Pictogrammen

Benefits of icons:

7/31/2019 VSD Infographics En

7/47

Pictogrammen

Icons need relatively little space.

Benefits of icons:

7/31/2019 VSD Infographics En

8/47

Pictogrammen

Icons are recognizable and striking.

Benefits of icons:

7/31/2019 VSD Infographics En

9/47

Pictogrammen

From a distance icons are better recognizable.

Benefits of icons:

7/31/2019 VSD Infographics En

10/47

Pictogrammen

Icons are language independent and therefore applicableinternationally.

Benefits of icons:

7/31/2019 VSD Infographics En

11/47

Pictogrammen

Icons can be cost efficient.

Benefits of icons:

7/31/2019 VSD Infographics En

12/47

Pictogrammen

The meaning of icons must usually be learned.

Disadvantages of icons:

7/31/2019 VSD Infographics En

13/47

Pictogrammen

Not every subject is visualisable and lends itself to an icon

Disadvantages of icons:

7/31/2019 VSD Infographics En

14/47

Pictogrammen

An icon may contain little information.

Disadvantages of icons:

7/31/2019 VSD Infographics En

15/47

Pictogrammen

In large series, the distinctness of seperate icons canbecome a problem.

Disadvantages of icons:

7/31/2019 VSD Infographics En

16/47

Pictogrammen

For occasional use, icons must be learned repeatedly.

Disadvantages of icons:

7/31/2019 VSD Infographics En

17/47

Pictogrammen

Icons are not as well understood in all cultures and by allpeople.

Disadvantages of icons:

7/31/2019 VSD Infographics En

18/47

Pictogrammen

Icons can cause contamination of the computer display.

Disadvantages of icons:

7/31/2019 VSD Infographics En

19/47

Pictogrammen

Practice: come up with an alternative icon.

7/31/2019 VSD Infographics En

20/47

Pictogrammen

It is about the essence of the subject

7/31/2019 VSD Infographics En

21/47

10 tips for creating icons

Pictogrammen

7/31/2019 VSD Infographics En

22/47

Pictogrammen

#1 Make sure there is enough distinction between different

icons.

7/31/2019 VSD Infographics En

23/47

Pictogrammen

#2Avoid too many elements within an icon.

7/31/2019 VSD Infographics En

24/47

Pictogrammen

#3 Do not use unnecessary elements within an icon.

7/31/2019 VSD Infographics En

25/47

Pictogrammen

#4 Provide a uniform style within a set of icons.

7/31/2019 VSD Infographics En

26/47

Pictogrammen

#5Avoid unnecessary visual additions as shade and

perspective within an icon.

Gnome 2.2.0

7/31/2019 VSD Infographics En

27/47

Pictogrammen

#6 Find a balance between originality and recognizability

icon of metaphors.

7/31/2019 VSD Infographics En

28/47

Pictogrammen

#7 Take spot. national, social and cultural aspects into account in

design of an icon.

7/31/2019 VSD Infographics En

29/47

Pictogrammen

#8 Incorporate any existing interface elements in the icon.

i

7/31/2019 VSD Infographics En

30/47

Pictogrammen

#9Avoid using text within an icon.

i

7/31/2019 VSD Infographics En

31/47

Pictogrammen

#10Draft framework within pixel.

Pi

7/31/2019 VSD Infographics En

32/47

Pictogrammen

#10Bitmap vs. Vector

Computers hebben bitmap-based displays.

Vector 24x24 pix aan informatie kan niet worden verdeeld over 16 pix ruimte.

I f hi

7/31/2019 VSD Infographics En

33/47

Infographics

An infographic or informative illustration is an informativedisplay of various objects with a combination of text andimage.

I f hi

7/31/2019 VSD Infographics En

34/47

Infographics

This can occur in the form of a map, chart, table, diagram,or an interactive instructional application.

I f hi

7/31/2019 VSD Infographics En

35/47

Infographics

What types of information are filed under the term"infographic"?

E d i i f hi

7/31/2019 VSD Infographics En

36/47

Een dag in infographics

I f hi

7/31/2019 VSD Infographics En

37/47

Infographics

Infographics are ideal for RIAs.

I f hi

7/31/2019 VSD Infographics En

38/47

Infographics

Infographics

7/31/2019 VSD Infographics En

39/47

Infographics

Infographics

7/31/2019 VSD Infographics En

40/47

Infographics

Infographics

7/31/2019 VSD Infographics En

41/47

Infographics

Infographics

7/31/2019 VSD Infographics En

42/47

Infographics

Rules of thumb when designing infographics.

Infographics

7/31/2019 VSD Infographics En

43/47

Infographics

Reduce multidimensional data.

Infographics

7/31/2019 VSD Infographics En

44/47

Infographics

Use real data.

Infographics

7/31/2019 VSD Infographics En

45/47

Infographics

Tell a story.

Infographics

7/31/2019 VSD Infographics En

46/47

Infographics

What information can I compare this.

Meer weten

7/31/2019 VSD Infographics En

47/47

Meer weten

http://jess3.com/

http://infosthetics.com/

http://www.gerdarntz.org/