Visual Screen Design

Week 4 Pictogrammen & Infographics

To remember simplified pictures is better than to forget accurate figures Otto Neurath

Pictogrammen

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

Pictogrammen

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

Pictogrammen

Otto Neurath: ISOTYPE (International System Of TYpographic Picture Education).

Pictogrammen

Gerd Arntz

Pictogrammen

Benefits of icons:

Pictogrammen

Benefits of icons:

Icons need relatively little space.

Pictogrammen

Benefits of icons:

Icons are recognizable and striking.

Pictogrammen

Benefits of icons:

From a distance icons are better recognizable.

Pictogrammen

Benefits of icons:

Icons are language independent and therefore applicable internationally.

Pictogrammen

Benefits of icons:

Icons can be cost efficient.

Pictogrammen

Disadvantages of icons:

The meaning of icons must usually be learned.

Pictogrammen

Disadvantages of icons:

Not every subject is visualisable and lends itself to an icon

Pictogrammen

Disadvantages of icons:

An icon may contain little information.

Pictogrammen

Disadvantages of icons:

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

Pictogrammen

Disadvantages of icons:

For occasional use, icons must be learned repeatedly.

Pictogrammen

Disadvantages of icons:

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

Pictogrammen

Disadvantages of icons:

Icons can cause contamination of the computer display.

Pictogrammen

Practice: come up with an alternative icon.

Pictogrammen

It is about the essence of the subject

Pictogrammen

10 tips for creating icons

Pictogrammen

#1 Make sure there is enough distinction between different icons.

Pictogrammen

#2 Avoid too many elements within an icon.

Pictogrammen

#3 Do not use unnecessary elements within an icon.

Pictogrammen

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

Pictogrammen

#5 Avoid unnecessary visual additions as shade and perspective within an icon.

Gnome 2.2.0

Pictogrammen

#6 Find a balance between originality and recognizability icon of metaphors.

Pictogrammen

#7 Take spot. national, social and cultural aspects into account in design of an icon.

Pictogrammen

#8 Incorporate any existing interface elements in the icon.

Pictogrammen

#9 Avoid using text within an icon.

Pictogrammen

#10 Draft framework within pixel.

Pictogrammen

#10 Bitmap vs. Vector

Computers hebben bitmap-based displays. Vector 24x24 pix aan informatie kan niet worden verdeeld over 16 pix ruimte.

Infographics

An infographic or informative illustration is an informative display of various objects with a combination of text and image.

Infographics

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

Infographics

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

Een dag in infographics

Infographics

Infographics are ideal for RIAs.

Infographics

Infographics

Infographics

Infographics

Infographics

Rules of thumb when designing infographics.

Infographics

Reduce multidimensional data.

Infographics

Use real data.

Infographics

Tell a story.

Infographics

What information can I compare this.

Meer weten

http://jess3.com/ http://infosthetics.com/ http://www.gerdarntz.org/