5 große Trends im App Icon Design

Autor: Monica Porter
Erstelldatum: 20 Marsch 2021
Aktualisierungsdatum: 17 Kann 2024
Anonim
UI Design a Dark Mode NFT app in Figma from scratch
Video: UI Design a Dark Mode NFT app in Figma from scratch

Inhalt

App-Symbole spielen eine entscheidende Rolle, um eine neue App hervorzuheben: nicht nur im App Store, sondern auf dem Bildschirm einer anderen Person inmitten einer Vielzahl ähnlicher App-Symbole. Einmal installiert, muss es immer noch leicht zu finden sein und für den Benutzer im Auge behalten werden.

Genau wie beim Logo-Design beinhaltet das Design von App-Symbolen die Vermittlung von Bedeutung auf möglichst einfache und auffällige Weise. Während Logos eine Vielzahl von Markenberührungspunkten haben, um lebendig zu werden und Bekanntheit und Bekanntheit zu steigern, müssen App-Symbole in einem Raster gleich großer Symbole hervorstechen und sofort klar machen, was sie tun.

Zwei Arten von Symbolen

Beim Icon-Design gibt es zwei Hauptansätze: symbolisch und ikonisch.Letztere sind viel wörtlicher und repräsentativer; Erstere sind abstrakter und müssen durch Assoziation Bedeutung erlangen.

Sobald solche semiotischen „Regeln“ festgelegt sind, können alle Beteiligten viel Zeit sparen, um sie zu befolgen, und Sie erhalten eine visuelle Abkürzung für Ihr App-Symbol. Manchmal lohnt es sich, etwas auffallend anderes zu tun - aber Sie müssen wissen, gegen was Sie schimpfen.


Lesen Sie also weiter, um fünf wichtige App-Design-Trends zu erkunden, die für eine ganze Generation von App-Benutzern zur visuellen Abkürzung geworden sind ...

01. Umschläge für E-Mail

Dies ist eine der am längsten etablierten visuellen Abkürzungen im App-Icon-Spiel, da E-Mail eine der ersten Anwendungen war, die nach der Geburt des Internets entwickelt wurden.

Obwohl die E-Mail keine praktischen Ähnlichkeiten mit der Post aufweist, scheint die vertraute Verbindung zwischen einem Papierumschlag und einer E-Mail bestehen zu bleiben, abgesehen von der Tatsache, dass Informationen von einem Absender an einen Empfänger übertragen werden.

Unabhängig davon, ob Ihr bevorzugter Anbieter Google Mail, Outlook, Hotmail oder Yahoo Mail ist, finden Sie einen Umschlag, der als Teil des App-Symbols eine herausragende Rolle spielt. Dies macht es umso interessanter, wenn sich dieser Trend widersetzt.

Spark entschied sich zum Beispiel für ein Papierflugzeug, um es hervorzuheben und gleichzeitig die visuelle Abkürzung für das Übertragen von Papier von einem Ort zum anderen spielerischer und unterhaltsamer zu gestalten.


02. Dreieckspfeile für Medien

Theoretisch gibt es nichts, was eine dreieckige Pfeilform mit dem Konzept des "Abspielens" eines Medieninhalts verbinden könnte, abgesehen von jahrzehntelanger positiver Verstärkung der Assoziation durch Schaltflächen auf Hardware und Software.

Als solches ist dies ein symbolisches Icon-Design im Vergleich zum ikonischen Ansatz des Umschlags. Es ist ein Symbol, das von der Unterhaltungsindustrie als visuelle Abkürzung für musik- und filmbasierte Apps zum Abspielen von Medien so gut wie allgemein anerkannt wurde.

Während ikonischere Designs wie Klappentafeln und Musiknoten ebenfalls regelmäßig vorkommen, gibt es überall dreieckige Pfeile - ob von großen Organisationen wie YouTube oder dem iPlayer der BBC oder einer breiten Auswahl kleinerer dedizierter Apps zum Abspielen von Medien.

Auch hier mögen Apps, die gegen den Strom schwimmen, auffallen - aber die universelle Bedeutung dieses einfachen dreieckigen Symbols bedeutet, dass es in der überwiegenden Mehrheit der Musik- und Videoplayer-Symbole in gewisser Weise vorhanden ist.


03. Zecken für Produktivität

Es ist vielleicht nicht überraschend, dass fast jede App, die Ähnlichkeit mit einer Aufgabenliste hat, ein Häkchen in ihrem Symbol aufweist: Es geht nur um Leistung, und die Zufriedenheit, das Kontrollkästchen für eine Aufgabe zu aktivieren, ist abgeschlossen.

Das Häkchen ist zum Synonym für die Produktivitätskategorie im App Store geworden und wird von vielen führenden Tools verwendet, darunter Clear, Things, Todo und OmniFocus.

Eine solch starke Assoziation ist schwer abzuschütteln, und abgesehen von einigen entscheidenden Variationen in Form, Farbe und Muster sehen viele der oben genannten Apps auffallend ähnlich aus, wenn sie nebeneinander betrachtet werden.

Das heißt jedoch nicht, dass einige Produktivitäts-Apps keine neue Richtung gefunden haben: Wunderlist spielt beispielsweise mit der Zuordnung eines markierten Lesezeichens, um seine Herangehensweise an Aufgabenlisten zu kennzeichnen, während Doo mit einer Flagge charakteristischer ist auf einem Berggipfel gepflanzt.

04. Schlösser und Schlüssel zur Sicherheit

Welche Bilder fallen Ihnen ein, wenn Sie an Sicherheits-Apps denken? Unabhängig davon, ob es sich um einen Virenscanner, einen Passwort-Manager oder ein Verschlüsselungstool handelt, gibt es wahrscheinlich ein Vorhängeschloss, einen Schlüssel oder einen Safe mit einer Beschreibung.

Genau wie bei den obigen Beispielen gibt es einen guten Grund für diese Assoziation. Es geht darum, Menschen das Gefühl zu geben, beruhigt zu sein - eine visuelle Abkürzung, die impliziert, dass Cyberkriminelle, Hacker, Viren und andere nicht erwähnte Personen Sie nicht erreichen können, weil Sie fest eingesperrt sind.

Wie beim E-Mail-Umschlag ist diese Zuordnung natürlich relativ willkürlich: Die gesamte fragliche Sicherheit ist digital, ohne dass physische Schlösser oder Schlüssel in Sicht sind, aber die Zuordnung bleibt stark - wenn auch ein wenig klischeehaft.

05. Bleistifte oder Pinsel für Kreativität

Es ist kein Genie erforderlich, eine Grenze zwischen den Werkzeugen eines bestimmten Gewerbes, Handwerks oder einer bestimmten Disziplin und dem Symbol für deren Darstellung zu ziehen. Ein Stethoskop zur Darstellung einer medizinischen App, ein Hammer für eine Gebäude-App, eine Kamera zur Symbolisierung der Fotografie - alles macht praktisch Sinn.

Wenn es um das Skizzieren, Malen und andere kreative Apps geht, ist es daher nicht verwunderlich, dass Bleistifte, Pinsel und Paletten häufig in den App-Symbolen vorkommen. Dies sind schließlich alles bekannte visuelle Referenzen für den kreativen Prozess.

Aber genau wie Sicherheits-Apps Ihren Laptop nicht wirklich mit einem Vorhängeschloss verschließen, müssen Produktivitäts-Tools kein Kontrollkästchen aktivieren, digitale Media-Player sind keine Sklaven ihrer Wiedergabetaste und E-Mails werden nicht in einen Umschlag gestopft. Es gibt Möglichkeiten, über den Tellerrand hinaus zu denken.

Erinnerst du dich, als Photoshop durch eine gefiederte Feder dargestellt wurde? Seitdem hat Adobe seine Software-Suite als miteinander verbundenes „Periodensystem“ kreativer Tools dargestellt, ohne dass ein Bleistift oder Pinsel in Sicht war. Vielleicht ist es an der Zeit, dass mehr App-Icon-Designer aufhören, die Dinge so wörtlich zu nehmen.

Unser Rat
Warum Ihre reaktionsschnelle Website die Kraft der Leistung benötigt
Entdecken

Warum Ihre reaktionsschnelle Website die Kraft der Leistung benötigt

Jeder Webde igner und Front-End-Webentwickler weiß um die Bedeutung de reaktion chnellen Webde ign . Nach der er ten UpFront-Konferenz, an der einige der be ten Köpfe der Branche teilnahmen,...
Vier Schritte zum perfekten Website-Design
Entdecken

Vier Schritte zum perfekten Website-Design

ie haben al o den Job gewonnen, den Kunden getroffen und o viele Notizen wie möglich notiert. Wa nun? Obwohl o ziemlich jeder Webde igner einen eigenen Proze zum Entwerfen einer Web ite hat, dac...
12 Möglichkeiten, wie 3D-Druck die Welt verändert hat
Entdecken

12 Möglichkeiten, wie 3D-Druck die Welt verändert hat

Nur wenige Technologien haben ich in jüng ter Zeit al o auf chlu reich erwie en wie der 3D-Druck. E i t er taunlich zu denken, da bi vor wenigen Jahren die Idee, jede reale, phy i che Objekt, da ...