Icons - Ein Balanceakt zwischen Funktion und Design

2010-02-02T10:32:00.123+01:00

Die Gestaltung von Icons ist immer eine Gratwanderung zwischen Usability und Kreativität. Neben den emotionalen Aspekten, wie "schön auszusehen" und "ansprechend zu sein", müssen Icons vor allem dem Nutzer helfen, schnell zum gewünschten Ziel zu gelangen.

Ob die Verwendung von Icons dabei sinnvoll ist oder nicht, darüber gibt es viele Abhandlungen und Diskussionen im Internet. Gehen wir einfach von der Situation aus, dass wir uns bereits entschieden haben: Wir brauchen Icons.

Dabei ist zu bedenken: Jeder Nutzer muss immer erst die Bedeutung eines Icon lernen. Wie schnell und einfach ihm das fällt, hängt von verschiedenen Faktoren ab. Folgende Fragen können hierbei helfen:

Welche Informationen sollen mit den Icons vermittelt werden?
Wer wird mit dieser Plattform arbeiten und welches Wissen kann man bei dieser Zielgruppe voraussetzen? Gibt es Standards bei einzelnen Iconthemen, die verwendet werden sollen (wie z.B. ein Drucker zum Drucken oder eine Diskette zum Speichern)? Sind die Icons für den vorgesehenen Kulturkreis verständlich oder gibt es hier Konflikte?
Wie ist der Stil der Seite? Ist er z.B. informativ, elegant oder verspielt?
Welche Farben werden durch die CI oder die bestehende Seite vorgeben?

Haben wir diese Informationen, müssen wir uns Gedanken über eine einheitliche, übergeordnete Sprache machen, damit der Nutzer nicht ständig mit neuen Symbolen konfrontiert wird. Hier sind folgende Punkte sehr wichtig:

Form und Stil der Icons sollten einheitlich sein. Das fördert den Wiedererkennungswert. Gibt es Icons aus einer Kombination von 2 Elementen, sollten alle Icons aus dieser Sammlung durch 2 Elemente dargestellt werden. Gleiches gilt natürlich auch für Größenverhältnisse, Farben und gestalterische Elemente.
Die Aussage eines Motivs kann übertrieben dargestellt werden, um ein schnelleres Erkennen und Begreifen zu fördern. Unwichtige Elemente sollten im Vordergrund nichts zu suchen haben. Hier spielt natürlich auch die Größe eine Rolle: Je kleiner das Icon, desto weniger Details.
Die Icons sollten so einfach wie möglich gehalten werden. Die Konzentration liegt in der Kernaussage.
Auch bei den Farben gilt: "Weniger ist Mehr." Zu viele verschiedene Farben stören den Gesamteindruck und lassen häufig Formen "ineinanderfließen". Besser man sucht sich ein bis zwei Farbtöne aus, die man in Helligkeit und Kontrast variiert.

Soweit zur Theorie. In der Praxis gibt es viele Icons in unterschiedlichen Stilen und Formen.
Hier ist eine kleine Linksammlung, die zu neuen Ideen inspirieren kann:

Android Icons

Apple Touched Vector Icons

Bevel Dark Social Icons

China Green Icons

Daylight Drinks Icons

Extreme Grunge Garments Icons

Glyphish Icons

Guitar Icons

iConPack Icons

Jeans Social Media Icons

Letter Pressed Icons

Mono Icons

Nurture Icons

Pocket Icons

Seasonal RSS Icons

Shine Icons

Sketchy Web Icons

Social Cubes Icons

Stack Site Icons

Sticker Icons

Token Icons

Wooden Badge Icons

Woven Fabric Social Media Icons

Stop-Motion

2010-01-12T17:26:00.008+01:00

Tolle Stop-Motion-Idee!
A Wolf Loves Pork: www.youtube.com/watch?v=rmkLlVzUBn4

Und dazu noch eine gute Adaption von Olympus:
Olympus PEN Story: www.youtube.com/watch?v=m9Et7UQh1tg

Magie des Moments

2010-01-12T17:21:00.012+01:00

Hier sind 2 Links zum Thema Projektionen, die gewöhnliche Umgebungen plötzlich in ein völlig neues und einzigartiges Licht setzen. Die Magie des Momentes.

A Building, Dreaming: www.vimeo.com/5595869
Loopo 3D projection mapping: www.vimeo.com/6278811
Samsung LED 3D Projektion in Amsterdam: www.youtube.com/watch?v=cKJTSlWcfS0

Inspyrated Design

Icons - Ein Balanceakt zwischen Funktion und Design

Stop-Motion

Magie des Moments