Icon Design: 7 goldene Regeln für das Icon Design -

15
Checklist Icon Design Jens Bothmer 22.07.2013 7 goldene Regeln für professionelles Icon Design

description

Icon Design: 7 goldene Design-Regeln für professionelles Icon Design - www.iconflow.de

Transcript of Icon Design: 7 goldene Regeln für das Icon Design -

Page 1: Icon Design: 7 goldene Regeln für das Icon Design -

Checklist Icon Design Jens Bothmer 22.07.2013

7 goldene Regeln für professionelles Icon Design

Page 2: Icon Design: 7 goldene Regeln für das Icon Design -

Icon Design Regel 1 · Eindeutiger Icon-Stil

Icons sind Bestandteil des Corporate Designs. Somit unterliegen Sie

den Gestaltungsrichtlinien einer Marke. Perspektive, Farbraum,

Gestaltungsstil, Raster oder Grundformen sollten für alle verwendbaren

Icons einer Marke in einem Icon Styleguide mit Arbeitsvorlagen

definiert sein. So schaffen Sie einen eindeutigen Icon-Stil und sichern

den Einsatz auch für die Zukunft.

7 goldene Regeln für professionelles Icon Design

2

Page 3: Icon Design: 7 goldene Regeln für das Icon Design -

Icon Design Regel 2 · Klare Icon-Bedeutung

Die klare Bedeutung von Icon-Metaphern ist Pflicht. Viele Bedeutungen

existieren bereits und können verwendet werden. Eine Neu-

Interpretation bestehender Icon-Metaphern führt häufig zu

Bedeutungsverlust der Icons. Bei Icons für neue Funktionen und neue

Bedeutungen empfiehlt sich im Anschluss an die Icon-Kreation ein

Icon-Testing. Gute Ergebnisse werden auch über Ideation-Prozesse und

Contextual Inquiry erzielt. Wichtig: Icons sollten maximal in Ihrer

Symbolik reduziert werden. Je weniger umso besser.

7 goldene Regeln für professionelles Icon Design

3

Page 4: Icon Design: 7 goldene Regeln für das Icon Design -

Icon Design Regel 3 · Universelle Skalierung der Icons

Icons werden heute über alle Geräte eingesetzt (Haustechnik-Displays,

Entertainment-Displays, Smartphones, Tablets, Laptops und Personal

Computer). Die Auflösung der Icons reicht von 8 x 8 Pixel monochrom

bis 512 x 512 Pixel bei 16,7 Mio. Farben. Ganz gleich, welche Größe

genutzt wird, die Icons sollten selbstähnlich und wiedererkennbar sein.

Verwendete Details sollten in allen Größen sichtbar sein. Machen Sei

einfach den Test und verkleinern Sie das Icon auf 8 x 8 Pixel. Dabei

gibt es pixelbasierte und vektorbasierte Icons, die für unterschiedliche

Zwecke eingesetzt werden. Ab bestimmten Größen können Icons nur

noch auf Pixelebene verkleinert werden.

7 goldene Regeln für professionelles Icon Design

4

Page 5: Icon Design: 7 goldene Regeln für das Icon Design -

Icon Design Regel 4 · Hohe Icon-Prägnanz

Ein Icon ist dann prägnant, wenn dieses nach nur kurzer

Betrachtungszeit einen hohen, eindeutigen Bedeutungsgehalt aufweist.

Der Kunde weiß sofort, was sich hinter dem Icon verbirgt. Deshalb ist

die Metaphernfindung ein wichtiger Prozessbaustein im Icon-Design.

Erst eine gründliche Recherche, die Analyse und zahlreiche grafische

Vor-Studien im Team stellen ein professionelles Icon-Design und die

Bedeutung sicher. Eine Investition, die sich für zufriedene Kunden und

professionelle Produkte lohnt.

7 goldene Regeln für professionelles Icon Design

5

Page 6: Icon Design: 7 goldene Regeln für das Icon Design -

Icon Design Regel 5 · Eindeutige Icon-Klassifizierung

Icons werden für unterschiedliche Einsatzzwecke verwendet. Es gibt

beispielsweise Status-Icons, Applikations-Icons oder Zustands-Icons,

um nur einige zu nennen. Diese Icon-Klassen unterliegen ganz

bestimmten Anforderungen, die beim Icon-Design berücksichtigt

werden müssen. Fragen Sie Ihre Icon-Designer nach diesen Klassen

und Ihrer Bedeutung für gutes Icon-Design. Für ein systematisches

Vorgehen ab einer Anzahl von 50 Icons ist diese Klassifizierung für eine

nachhaltige Umsetzung unverzichtbar.

7 goldene Regeln für professionelles Icon Design

6

Page 7: Icon Design: 7 goldene Regeln für das Icon Design -

Icon Design Regel 6 · Systemgleicher Einsatz von Icons

Gerade bei großen Unternehmen im Bereich Telekommunikation,

Automotive, Medizintechnik, Haustechnik oder brauner Ware sollte die

Verwendung gleicher Icons auf allen Geräten eine

Selbstverständlichkeit sein. Ist es aber nicht, weil viele Geräte in

Lohnproduktion in Asien oder Übersee hergestellt werden. Da ist dann

die Software mit den falschen Icons gleich dabei. Das Markenerlebnis

leidet und es wird wertvolles Marken-Potenzial verschenkt. Daher ist

das systematische Management von Icons in einem Icon Repository

(Icon-Datenbank) so wichtig. Nur so kann die Auslieferung

professioneller Icons an Zulieferer gesteuert und gewährleistet werden.

7 goldene Regeln für professionelles Icon Design

7

Page 8: Icon Design: 7 goldene Regeln für das Icon Design -

Icon Design Regel 7 · Icon Colour Code

Verschiedene Betriebssysteme, eigenentwickelte User Interfaces oder

auch die Individualisierung von Anwendungen führen dazu, dass der

Einsatz von Icons in einem definierten Farbraum nicht immer

gewährleistet ist. Markenfarben, Farbabstufungen oder Schmuckfarben

erweitern die Komplexität. Werden dann noch Signal- oder

Zustandsfarben ergänzt, wird das Icon-Design schnell komplex. Daher

müssen Plaketten, Transparenzen und Schutzräume pro Icon-Größe

berücksichtigt werden. Bevor das Icon-Design in die Produktion geht,

sollte man sich über alle vorkommenden Fälle Gedanken gemacht

haben, um am Ende kein böse Überraschung zu erleben.

7 goldene Regeln für professionelles Icon Design

8

Page 9: Icon Design: 7 goldene Regeln für das Icon Design -

Die Lösung im Icon Design Management

9

Workflow im Icon Design Prozess

Iconflow ist eine Icon-Datenbank im Netz, die den Workflow und den Icon Design Prozess in allen Phasen der Icon-Erstellung optimal unterstützt. Die internetbasierte Software-Lösung für die Icon-Gestaltung hat sich in der Praxis mehrfach bewährt und eignet sich für alle Unternehmen, die einen großen Icon-Bestand einsetzen und managen müssen.

Iconstorm bietet Unterstützung bei der Implementierung des Systems und bei der individuellen Prozessgestaltung rund um das Icon Design. Marken erhalten ein widerspruchsfreies Markenbild, sparen Kosten und erzielen eine größere Wirkung mit Ihren Applikationen.

http://www.iconflow.de

Page 10: Icon Design: 7 goldene Regeln für das Icon Design -

Wo wir noch unterstützen …

Iconstorm unterstützt bei der Gestaltung und Umsetzung von indivi-duellen, markenkonformen Iconsets

Neu-Entwicklung von Icons für Produkte oder Funktionen

Realisierung kompletter Icon-Relaunches im Icon Design

Konzeption und Überarbeitung von Icon Design Richtlinien

Umsetzung von Icon-Stilvorlagen zum Einsatz in Ihrem Unternehmen

Anwendung von Icon Design Prozessen

Implementierung von Iconflow in Ihrem Unternehmen

Coaching Ihrer Design Manager - Übertragung von Icon-Knowhow

Icon-Testing Usability Tests

Page 11: Icon Design: 7 goldene Regeln für das Icon Design -

Wie wir für sie arbeiten

Buchen Sie komplette Design Teams oder einzelne Spezialisten zur Abwicklung Ihrer dringenden Projekte.

Nutzen Sie unsere agilen Arbeitsmethoden für wirkungsvollere Ergebnisse und Transparenz zu jedem Zeitpunkt.

Zapfen Sie unser Knowhow für Ihr Business Development an, durch Beteiligung oder Coaching.

Beschleunigen Sie Ihre Projekte durch Nutzung unserer Cloud-Software, wie Bit oder Iconflow-

Buchen Sie uns als Design-Consultants inhouse, extern oder auch interim.

Buchen Sie uns zur Realisierung Ihres Werkvertrags zu einen bestimmten Termin.

Page 12: Icon Design: 7 goldene Regeln für das Icon Design -

Kunden, die uns Ihre Produkte und Marken anvertrauen

12

Page 13: Icon Design: 7 goldene Regeln für das Icon Design -

Warum Sie uns buchen

Anwendungsorientiert Wir entwickeln anwendungsorientierte Ergebnisse für eine klare Vermittlung von Wissen und Markengestaltung.

Unternehmerisch Wir denken unternehmer-isch für sinnvolle Lösungen, um Wirkung zu erzielen und Umsatzpotenzial zu wecken.

Modular Unser modulares Vorgehen vom ganzheitlichen Konzept bis hin zu integrierten Einzellösungen passt für jedes Projekt

Kompetent 15 Jahre Erfahrung in der UX und Markenberatung für namhafte Marken in über 200 Projekten sorgen für Kompetenz.

Etabliert Einsatz von etablierten Markenprodukten wie, Hosteurope, Contao, Atlassian und zertifiziert für Scrum

Abgesichert Die Iconstorm-Projekt-erfahrung vom mittel-ständischen Unternehmen bis zum Konzern gibt Ihnen Sicherheit

Zentral Ansässig zentral in Frankfurt für kurze Wege und schnelle Projekt-Realisierungen.

Page 14: Icon Design: 7 goldene Regeln für das Icon Design -

Kontakt

Felix Guder Kreativer Kopf der Agentur, für seinen Ideenreichtum bekannt, verfügt über einen reichen Erfahrungsschatz in Konzeption und Design.

Jens Bothmer Marken-Berater und erfahrener Moderator mit umfassenden Business-Knowhow. Methode Inhalte, Ablauf und die Sicherung der Ergebnisse sind in seinen Händen bestens aufgehoben.

Als Team… schaffen beide die Ausgewogenheit von Spontanität und Struktur, die jedes Projekt zu einem herausragenden Beispiel für Schaffenskraft machen.

14

Page 15: Icon Design: 7 goldene Regeln für das Icon Design -

Kontakt

Kurz-Info • Inhabergeführte Agentur • 8 + 6 Fest/Freie Mitarbeiter • Gründung 01.04.2004 • Firmensitz: Frankfurt am Main

Rufen Sie uns bei Fragen an. Sie erreichen uns unter Tel.: 069–4014840

Mehr Infos zum Thema auch unter http://blog.iconstorm.de

Oder schreiben Sie uns eine Nachricht. E-Mail senden Web-Formular

„Liken“ Sie uns auf Facebook, wenn Ihnen unsere Themen gefallen

15

Ihr Ansprechpartner Jens Bothmer Geschäftsführender Gesellschafter

Iconstorm - Agentur für Markentechnik GmbH & Co. KG Hanauer Landstraße 184

D-60314 Frankfurt am Main

Tel.: +49 (0) 69 - 401484-0 Fax: +49 (0) 69 - 401484-33 www.iconstorm.de [email protected] Dieses Konzept ist geistiges Eigentum der Iconstorm – Agentur für Markentechnik GmbH & Co. KG. Es ist urheberrechtlich geschützt und darf nur mit ausdrücklicher vorheriger Einwilligung verwendet werden. © 2013 Iconstorm

Weitere Themen, die Sie interessieren können: • Design von Icon-Bibliotheken für

Betriebssysteme, Unternehmen und Konzerne • Redesign von alten Icon Bibliotheken • Beratung und Aufbau von Icon-Design-

Prozessen in internationalen Unternehmen • Einsatz von Icon-Webfonts in Responsive Web

Design Umgebungen • Unterstützung bei Metaphern-Findung für Icon-

Design • Icon-Testing