Icons erstellen lassen

Viele Kunden möchten bei uns Icons erstellen lassen. Oft steht dabei die Ästhetik im Vordergrund. Wir haben kurz zusammen gefasst, wo Icons Sinn machen und welche technischen Möglichkeiten es gibt.

Worauf es beim Icon Design ankommt

Wir starten Apps auf dem Handy oder dem Computer mit Klick auf App-Icons. Icons weisen uns in die Richtung des nächsten Fahrstuhls oder lassen uns wissen, dass wir das Rezept aus dem Internet auch ausdrucken können. Sie sorgen auch dafür, dass das neue Hemd in die Reinigung kommt und nicht in die Waschmaschine.

Icons, Piktogramme, Symbole und Co. begegnen uns mittlerweile überall, wo schnell und möglichst sprachfrei Interaktion stattfinden soll. Designer gestalten Icons für unterschiedlichste Bereiche und Anwendungen:

• Orientierungssyteme
• Websites
• User-Interfaces
• Print (Kategorien, Anleitungen, etc.)

Im besten Fall selbsterklärend? Was Icons können und was nicht.

Viele Icons nehmen wir in unserem Alltag als gegeben hin und denken gar nicht über sie nach. Oft halten wir sie für selbsterklärend. Dabei mussten wir die Bedeutung von Icons tatsächlich erstmal an einem Punkt in unserem Leben lernen. Gerade ein abstraktes Symbol wie zum Beispiel der Pfeil ist ein gelerntes Zeichen. Auch kulturell bedingt ist die Lesart von einem Icon nicht zwangsweise überall die gleiche.

Trotzdem hat sich der Einsatz von Icons etabliert und das nicht ohne Grund:

• Einmal gelernt ist die Bedeutung schnell erfasst
• Sie sind dann sprachunabhängig verständlich
• Icons sparen Platz gegenüber textlichen Anweisungen
• Für einige Anwendungen sind Icons unabdingbar (Favicon im ico-Format, App-icons u. Ä.)
• Sie geben Charakter als Teil des Corporate Designs

Wenn ein Icon an einer essentiellen Stelle verständlich sein muss, zum Beispiel bei einem Notausgang, sollte getestet werden. In einer Art Wettbewerb kann man dazu auch alternative Motive und Designs zu dem Icon gegeneinander antreten lassen.

minkadu Icon-Web-Font

Ein weiteres Format für Icons ist der Icon-Font. Für unsere Website und Printprojekte haben wir eigene Designer-Icons erstellt und verwenden diese als Font.  Auch hier ist das Icon gegenüber eine Pixel basierten Datei wie beispielsweise png in der Größe verlustfrei skalierbar. Die Motive müssen nicht als Sprite oder einzelne png verwaltet werden, sondern liegen alle in einer Datei aus der man das gesuchte Motiv wählen kann. Icon-Fonts sind nicht nur als Web-Fonts für Websites geeignet, sondern lassen sich auch für Printprojekte einsetzen. Icon-Fonts sind nicht nur für den Designer geeignet – auch unsere Kunden können je nach Projekt die Fonts in Texteditoren wie Word nutzen.

INWT Data Science

Das Icon-Set für die angebotenen Leistungen der Data Science Spezialisten sollte frisch, humorvoll und »Um-die-Ecke-gedacht« sein. Bei den Motiven kam es nicht darauf an, dass das Icon synonym für die Leistung verstanden wird. Dafür waren die Leistungsbeschreibungen auch viel zu komplex. Stattdessen haben wir Icons erstellt, die vergleichbare Prozesse und Situationen abbilden. Die Icons illustrieren frei den Text und geben ihm eine zusätzliche Ebene.

FERIENHAUSMIETE.DE

Für das Ferienhaus-Vermietungsportal mussten beim Relaunch der Website sowohl Websitefunktionen, Ferienhaus-Kategorien als auch Bewertungssysteme als Icon-Set gestaltet werden. Durch die Farbgebung wird die Funktion klar: farbige Icons sind klickbar, graue Icons sind beschreibend und nicht klickbar. So ist die Hierarchie eindeutig und die Icons treten nicht in einen Wettbewerb untereinander. Das gesamte Icon-Set wurde auf einem Grid (Raster) erstellt um eine gleichbleibende Größe zu gewährleisten. Strichstärken und Formsprache haben wir vereinheitlicht. Statt einer Pixel-Datei wie zum Beispsiel PNG wurden die Icons im Datei-Format SVG der Programmierung zur Verfügung gestellt. So ist die Datei in der Größe verlustfrei skalierbar.

Für das App-Icon und Favicon im ico-Format haben wir die aufgeraute Kontur des Logos vereinfacht, sodass es auch in kleinen Größen funktioniert.