Icons, also grafische Elemente, die Dateien und Ordner, Anwendungen oder Schaltflächen symbolisieren, sorgen auf der Benutzeroberfläche für eine schnellere Orientierung und bequemeren Zugriff (Öffnen, Starten, Auswählen durch Anklicken des Icons). Zu diesem Zweck müssen sie in allen Größen klar erkennbar und voneinander unterscheidbar sein (insbesondere im stark verkleinerten Zustand nicht verschwimmen oder „schmutzig“ wirken).
Besonderes Augenmerk sollte man auf Wiedererkennbarkeit und intuitive Verständlichkeit richten, demgegenüber die künstlerische Originalität in den Hintergrund tritt. Das Icon soll möglichst schnell und eindeutig die richtige Assoziation auslösen.
Eng mit dieser Funktionalität verknüpft ist der emotionale Wert eines Icons, welches der Benutzer auch nach längerem Gebrauch Gebrauch noch als treffend und angenehm empfinden sollte.
3BKE entwickelt einzelne Icons oder Icon-Sätze, die diesen Kriterien entsprechen und zu Ihrem Corporate Design passen.

Software Iconsystem sowie Prozessicons.

software-mobile-katalog-icon-design-piktogramm-berlin-gestaltung-pictogram-iconography-icons-app-web (6)

Smargetech – Corporate Icons
Stilprägend ist hierbei die Verwendung der drei Strahlen sowie die zweifarbigkeit aus dem signifikanten Logo.
bio-green-icon-design-piktogramm-berlin-gestaltung-pictogram-iconography-icons-app-web (5)

Sicherheitstechnik-Icons
Eine Besonderheit der Icons ist, dass sie sowohl auf weissen Hintergrund, als auch auf einem schwarzen Hintergrund perfekt funktionieren. Iconsystem in Light, Black, neg. Light und neg. Black Version.

sicherheit-software-icon-design-piktogramm-berlin-gestaltung-pictogram-iconography-icons-app-web (4)

Minimalistische Icons für ein Berliner Systemhaus.

website-icon-design-piktogramm-berlin-gestaltung-pictogram-iconography-icons-app-web (5)

Gründerzentrum Piktogramme

gründerzentrum-icon-design-piktogramm-berlin-gestaltung-pictogram-iconography-icons-app-web (7)

Piktogramme für ein Wegeleitsystem.
Auf der Grundlage der Schrift Gill die für das Corporate Design des „Neue Deutschland“ Haus genutzt wird.

leitsystem-icon-design-piktogramm-berlin-gestaltung-pictogram-iconography-icons-app-web (4)

Ikonische Zeichen für einen Reiseanbieter

tourismus-icon-design-piktogramm-berlin-gestaltung-pictogram-iconography-icons-app-web (3)

Icons für Webapplikation.
Die eindeutigen Metaphern sorgen für eine schnelle Identifizierung und Dekodierung der einzelnen Themenbereiche. Durch das gezielte Farbsystem werden zusammengehörige Themen schnell erfasst und erhalten eine optimale Struktur. Mehr als 70 Icons wurden bereits gestaltet, geplant ist ein 200 teiliges Set.

 mobile-16-icon-design-piktogramm-berlin-gestaltung-pictogram-iconography-icons-app-web (2)

STARIFY – Icons im modernen Schablonenstil
Stilgerecht zum Corporate Design des Start-Ups gestaltete 3BKE für die Webanwendungen ein sympathisches, farbenfrohes Iconset. Wir legten großen Wert auf das schnelle Erfassen der relevanten Buttons durch eindeutige, selbsterklärende Metaphern. Die Kombination der kontraststarken Farben verleiht den Piktogrammen eine moderne sowie einheitliche Optik.

fashion-mode-shop-icon-design-piktogramm-berlin-gestaltung-pictogram-iconography-icons-app-web (1)

24COLOURS – Platzhalter-Icons für ein Berliner Fashion Label.
Trashiger, einfarbiger Iconstil mit nonkonformer Anmutung. Die farbliche Reduktion bewirkt maximale Aufmerksamkeit, um den Bestellvorgang schnellmöglich durchführen zu können.

faschion-mode-trash-icon-design-piktogramm-berlin-gestaltung-pictogram-iconography-icons-app-web

Piktogramme für einen Spielzeugkatalog
Iconfamilie für Kinderprodukte, Katalog und Webauftritt. Die Icons wurden Kindgerecht und sehr reduziert gestaltet um auch von Kleinkindern schnell dekodiert werden zu können. Durch die am Corporate Design angepasste Farbgebung fügen sich die Piktogramme perfekt in das Erscheinungsbild ein.

spielzeug-katalog-icon-design-piktogramm-berlin-gestaltung-pictogram-iconography-icons-app-web (1)

MEGGENS – Business-Kleidung für Frauen
Die vom Kunden gewünschte schlichte, natürliche und organische Formgebung vermittelt Authentizität, Seriosität und Vertrauen.

fashion-mode-icon-design-piktogramm-berlin-gestaltung-pictogram-iconography-icons-app-web (3)

Icongestaltung für eine politische Website.

politik-icon-design-piktogramm-berlin-gestaltung-pictogram-iconography-icons-app-web (8)

Tourismus Keyvisuals auf Icongrundlage.
Alle Piktogramme teilen die gleiche Bildsprache, Ecken, Schnitte und Linienwie die Bildmarkte des Logos.

corporate- icon-design-piktogramm-berlin-gestaltung-pictogram-iconography-icons-app-web (2)

Kalibrierdienst-Icons
Adäquat zum User Interface Design des Unternehmens gestaltete Icons für ein touchbasiertes User Interface zur Steuerung von Kalibriermaschinen. Die Icons wurden speziell für den Multi-Touch-Screen mit Schwarz-Weiß-Display mit kleinsten Icon-Abmessungen entwickelt. Alle Buttons können problemlos an jedes andere Pixelformat angepasst werden, da alle Symbole auf Vektor-Grafiken basieren.

software-icon-design-piktogramm-berlin-gestaltung-pictogram-iconography-icons-app-web

Beim ersten Briefing stellen sich folgende Fragen:

Iconanwendung?
App, Webanwendung, Software, Printprodukt, Leitsystem, Schaltflächen oder Film.

Iconstil?
Einfarbig, schwarz/weiss, farbig, flat, 2-D, 3-D, Struktur, Materialität, glossy oder Schatten.

Icontyp?
Icon-Familie, Icon-Serie, Status-Icon, Applikations-Icon, Funktions-Icon, dekorative Icon, funktionale Icons oder humoristische Icons.

Iconimage?
Seriös, puristisch, verspielt, detailliert, individuell, modern, international, reduziert uvm.

Icongröße?
16, 24, 32, 48, 64, 128 oder 256 Pixeln

Icontesting?
Auf Wunsch testen wir auch Icons (Usability Testing) hierbei gehen wir wie folgt vor:

– Definierung des Nutzungszweckes
– Layout/ Gestaltung von Icons/ Metaphern in Form von analogen oder digitalen Skizzen (3 Entwürfe pro Icon)
– Akquirierung der Probanden / Testen in unseren Räumlichkeiten
– Durchführung des Testes / mind. 5 Probanden
– Assoziation-, Wahrnehmungs und Dekodierungszeittests
– Auswertung / Aufbereitung der Ergebnisse in Form einer pdf
– Präsentation
– Optimierung / Redesign der Icons

Iconvorteile:
– Iconsätze passen zur Markenidentität
– erhöhen die Usability Ihrer Produkte
– leichteres erlernen von Software
– schnelleres dekodieren von Informationen
– Vektor-Dateien können qualitätsverlustfrei in alle Größen skaliert werden
– Sprachunabhängig
– geringer Platzbedarf
Bei Interesse rufen Sie uns einfach an oder schreiben eine E-Mail,
dann können wir über die wirklich interessanten Dinge schreiben oder reden:
Darüber, was wir für Sie tun können.

Telefon: 03095622708, Mobil: 01777228157, E-Mail: info@3bke.de