{"id":253716,"date":"2023-09-03T14:45:00","date_gmt":"2023-09-03T11:45:00","guid":{"rendered":"https:\/\/inform.click\/9-haufige-ausrutscher-die-designer-beim-app-icon-design-machen\/"},"modified":"2023-09-03T15:37:00","modified_gmt":"2023-09-03T12:37:00","slug":"9-haufige-ausrutscher-die-designer-beim-app-icon-design-machen","status":"publish","type":"post","link":"https:\/\/inform.click\/de\/9-haufige-ausrutscher-die-designer-beim-app-icon-design-machen\/","title":{"rendered":"9 h\u00e4ufige Ausrutscher, die Designer beim App-Icon-Design machen"},"content":{"rendered":"<p>\n  Mobile Benutzer sind eine gl\u00fcckliche Menge. Schlie\u00dflich k\u00f6nnen sie aus unz\u00e4hligen Apps ausw\u00e4hlen, die in einer Reihe von App-Stores auf dem Markt erh\u00e4ltlich sind. Was sagt Ihnen das? Ganz offensichtlich bedeutet dies einen harten Wettbewerb zwischen verschiedenen Apps, wobei jede der Apps um die Aufmerksamkeit potenzieller Benutzer wetteifert.\n<\/p>\n<p>\n  Die L\u00f6sung liegt in einer einzigartigen App, die viele Features und Funktionalit\u00e4ten auf den Tisch bringt. Doch selbst wenn Sie eine der besten Apps auf dem Markt entwerfen und entwickeln, reicht ein schlechtes Symbol aus, um Ihre Bem\u00fchungen zu beeintr\u00e4chtigen. Denn das Icon der App dient als Nennwert und garantiert in den meisten F\u00e4llen einen erfolgreichen Verkauf.\n<\/p>\n<p>\n  Die Logik dahinter ist, dass potenzielle Kunden dazu neigen, nach Apps zu suchen, die f\u00fcr ihre Bed\u00fcrfnisse relevant sind, und ein aufmerksamkeitsstarkes Symbol wird definitiv ihr Interesse wecken und sie dazu bringen, eine Handlungsaufforderung zu ergreifen. Man wei\u00df nie, wem die App allein aufgrund des Icon-Designs Gefallen findet und sie herunterl\u00e4dt. Dies f\u00fchrt zu einer Steigerung des Verkaufs der App und macht sie somit zu einem Erfolg.\n<\/p>\n<p>\n  Die Konzentration auf das Icon-Design ist daher eher eine Voraussetzung im Lebenszyklus der App-Entwicklung. In diesem Artikel werden einige der h\u00e4ufigsten Ausrutscher besprochen, die Designer beim Design von Symbolen f\u00fcr mobile Apps machen.\n<\/p>\n<h5>\n  1 Symbole sind nicht eindeutig<br \/>\n<\/h5>\n<p>\n  <strong>Das Entwerfen von Symbolen, die eine Kopie eines anderen, bereits vorhandenen Symbols<\/strong> zu sein scheinen, ist ein Fehler, den Designer wissentlich oder unwissentlich begehen. Viele von ihnen schwanken unter dem Druck, Icon-Designs innerhalb eines kurzen Zeitrahmens einzureichen. Angesichts eines akuten Zeitdrucks geben sie dem Druck nach und geben sich mit 08\/15-Designs zufrieden.\n<\/p>\n<p>\n  Sie nehmen die Abk\u00fcrzung zum Erfolg, indem sie sich an Bestseller-Apps orientieren und Symbole mit \u00e4hnlichen Mustern entwerfen. Wenn es beispielsweise eine beliebte App in der Kategorie Unterhaltung gibt, m\u00f6chten Designer von ihrer Popularit\u00e4t profitieren, und eine einfache M\u00f6glichkeit, dies zu tun, besteht darin, ein App-Symbol zu erstellen, das der beliebten App \u00e4hnelt.\n<\/p>\n<p>\n  Das Ergebnis? Ein Gro\u00dfteil der Apps mit \u00e4hnlichen Symbolen \u2013 einschlie\u00dflich der Farbschemata. Dies f\u00fchrt letztendlich zu Verwirrung bei der Zielgruppe, die nicht in der Lage sein wird, zwischen zwei Symbolen zu unterscheiden, die die gleiche Farbkombination haben, insbesondere auf einem Wearable.\n<\/p>\n<p>\n  Treten Sie aus Ihrer Komfortzone heraus und erstellen Sie App-Icons, die die Leute dazu bringen, aufzuhorchen und Aufmerksamkeit zu erregen, seien es Ihre Konkurrenten oder Ihre Zielgruppe. Sie k\u00f6nnen es sich nicht leisten, einen mittelm\u00e4\u00dfigen Ansatz zu haben, um einzigartige App-Icons zu erstellen; Ein einzigartiges Symbol gibt Kunden etwas, an das sie sich an die App erinnern k\u00f6nnen.\n<\/p>\n<h5>\n  2 Symbole derselben Gruppe zeigen keine \u00c4hnlichkeit<br \/>\n<\/h5>\n<p>\n  Bei Apps, die zur selben Gruppe geh\u00f6ren, sollten die Symbole auch eine gewisse \u00c4hnlichkeit aufweisen. Nehmen wir den Fall von Adobes App-Suite wie InDesign, Photoshop, Lightroom Mobile, Illustrator und Premiere, die ein einheitliches Icon-Design aufweisen. Ein Blick auf den Bildschirm und der Endbenutzer wei\u00df sofort, dass das Symbol zu Adobes App-Suite geh\u00f6rt.\n<\/p>\n<p>\n  Denken Sie an <a href=\"http:\/\/www.smashingmagazine.com\/2014\/03\/28\/design-principles-visual-perception-and-the-principles-of-gestalt\/\" target=\"_blank\" rel=\"noopener\">das \u00c4hnlichkeitsgesetz der Gestalt<\/a>, nach dem der menschliche Geist \u00e4hnliche Objekte oder Muster wahrnehmen und erkennen kann. Implementieren Sie dies, um Einheitlichkeit in Gruppen von Symbolen zu schaffen, indem Sie Symbole mit \u00e4hnlichen Merkmalen entwerfen, die Farbe, Gr\u00f6\u00dfe, Schriftart usw. umfassen, aber nicht darauf beschr\u00e4nkt sind. Auf diese Weise wird Ihre Zielgruppe leicht \u00e4hnliche Symbole von Apps assoziieren, die m\u00f6glicherweise von entwickelt wurden gleiche Firma.\n<\/p>\n<p>\n  Nehmen wir an, dass eine Ihrer vorherigen Apps erfolgreich auf dem Markt war, dann besteht die M\u00f6glichkeit, dass der Erfolg dieser bestimmten App auf Ihre neue App abf\u00e4rbt, wenn die Symbole beider Apps ein \u00e4hnliches Design aufweisen. Gehen Sie daher den Weg, \u00e4hnliche Symbole f\u00fcr dieselbe Gruppe oder Familie von Apps zu entwerfen, damit Ihre Zielgruppe eine Verbindung zwischen ihnen findet.\n<\/p>\n<h5>\n  3 Pixel den rosa Zettel geben<br \/>\n<\/h5>\n<p>\n  Die Konzentration auf das kleinste Detail ist die Eigenschaft gro\u00dfer Designer, die ihr Handwerk wirklich verstehen. Von der Farbe bis zu den Pixeln muss beim App-Icon-Design alles perfekt sein. Insbesondere Pixel sind im Icon-Design immens wichtig und wenn sie ignoriert werden, kann dies einen schlechten Eindruck bei den Benutzern hinterlassen. Das Nichtbeachten von Details kann zu verschwommenen, pixeligen Bildern f\u00fchren, und es ist offensichtlich, dass dies auf keinem Hersteller und Modell eines Mobilger\u00e4ts gut funktioniert.\n<\/p>\n<p>\n  Denken Sie an die fortschrittliche Anzeigetechnologie von Smartphones, Wearables und anderen mobilen Ger\u00e4ten und Sie werden feststellen, dass selbst der kleinste Fehler Sie den Erfolg Ihrer App kosten kann.\n<\/p>\n<p>\n  Hier ist eine Checkliste mit Dingen, die Sie beim Entwerfen eines Symbols ber\u00fccksichtigen und sp\u00e4ter umsetzen k\u00f6nnen, ohne die Pixel zu ignorieren:\n<\/p>\n<ul>\n<li>Erstellen Sie kein &#8222;universelles&#8220; Symbol, das verkleinert werden kann, um es an verschiedene App-Store-Regeln anzupassen, da dies nicht der Fall ist.\n  <\/li>\n<li>Alle Symbole werden nicht gleich erstellt. Ein Symbol wird auf einem Smartphone, Tablet und Wearable v\u00f6llig anders aussehen. Stellen Sie sicher, dass Sie strenge Richtlinien befolgen, um zu wissen, wie Sie passende Symbole f\u00fcr verschiedene mobile Plattformen erstellen.\n  <\/li>\n<li>Experimentieren Sie Ihren Weg zum perfekten Symbol. Vielleicht m\u00f6chten Sie das Rasterbild verkleinern, einige Retuschen vornehmen, bei Bedarf die Farbe \u00e4ndern und alle Strategien anwenden, die das Symbol <strong>skalierbar<\/strong> machen .\n  <\/li>\n<\/ul>\n<h5>\n  4 Zu viele Details einf\u00fcgen<br \/>\n<\/h5>\n<p>\n  Es kann sich als zwecklos erweisen, zu viele Details in das winzige Symbolbild zu stopfen. Das Symbol einer App bietet Ihnen nur begrenzten Platz, um Ihre &#8222;Designf\u00e4higkeiten&#8220; zu demonstrieren, und zu viele Details k\u00f6nnen es stark vermasseln. Es wirkt laut und unprofessionell. Aus diesem Grund m\u00fcssen Sie sicherstellen, dass das Design des Symbols einfach ist und der Zielgruppe von vornherein eine Botschaft vermittelt. Die beste Option ist, wie die Top-Designer minimalistisch zu werden und sich nur f\u00fcr wesentliche Elemente f\u00fcr das Icon-Design zu entscheiden.\n<\/p>\n<p>\n  Wenn es sich beispielsweise um eine Spiele-App handelt, k\u00f6nnen Sie den Charakter des Spiels einbeziehen oder minimalistische Bilder verwenden, die potenziellen Benutzern einen Hinweis darauf geben, worum es bei dem Spiel geht. Wenn Sie alles auf einmal in das Symbol einf\u00fcgen, einschlie\u00dflich Text, wird dies Chaos verursachen und f\u00fcr potenzielle Kunden unattraktiv aussehen. Damit kommen wir zum n\u00e4chsten Punkt.\n<\/p>\n<h5>\n  5 Ignorieren des Textes auf einem Symbol<br \/>\n<\/h5>\n<p>\n  Text ist ein entscheidender Aspekt des Icon-Designs; es sollte nur dann in einem Symbol platziert werden, wenn es unbedingt erforderlich ist.\n<\/p>\n<p>\n  Es ist ziemlich verlockend, den Namen der App oder anderen relevanten Text in das Symbol aufzunehmen. Viele Designer f\u00fcgen Text in das Icon-Design ein, in der Hoffnung, dass dies potenziellen Kunden hilft, sich sofort ein Bild von der App zu machen und mehr Downloads zu generieren. Dies ist einer der gr\u00f6\u00dften Fehler ihrerseits, da zwei der gro\u00dfen App-Stores \u2013 der <strong>Play Store von Google<\/strong> und <strong>der App Store von Apple \u2013<\/strong> beide den Namen der App neben dem Symbol angezeigt haben. Also, einschlie\u00dflich Text \u2013 insbesondere der Name der App f\u00fchrt nur zu doppelten Daten, Informations\u00fcberflutung und f\u00fchrt schlie\u00dflich zu nichts. Au\u00dferdem erschwert Text im Symbol die Lokalisierung einer App.\n<\/p>\n<p>\n  Das bedeutet nat\u00fcrlich nicht, dass Sie beim Icon-Design komplett auf Text verzichten m\u00fcssen. Sie k\u00f6nnen es einschlie\u00dfen, aber nur, wenn es f\u00fcr Ihre App relevant ist. Nehmen Sie den Fall von Netflix, das ein einfaches Symboldesign mit nur dem Namen der App im Symbol hat. Aber dann hat es eine unverwechselbare Schriftart und Farbkombination, die es einzigartig machen und der Zielgruppe helfen, sich mit der Marke zu identifizieren.\n<\/p>\n<p>\n  Wenn Sie also glauben, dass Text f\u00fcr Ihr Symbol funktioniert, m\u00fcssen Sie sich daf\u00fcr entscheiden.\n<\/p>\n<h5>\n  6 Farbkombinationen, die nicht funktionieren<br \/>\n<\/h5>\n<p>\n  Eine schlechte Farbwahl oder Auswahl der falschen Farbkombination f\u00fcr das Icon-Design einer App ist ein weiterer Fehler. Farben spielen eine wichtige Rolle bei der Beeinflussung der Denkweise der Verbraucher, und daher m\u00fcssen Sie sicherstellen, dass Sie nicht auf eine schlechte Farbwahl hereinfallen. Eine Recherche zu den demografischen Merkmalen und Gewohnheiten\/Vorlieben Ihrer Zielgruppe wird in dieser Richtung hilfreich sein.\n<\/p>\n<p>\n  Es ist wichtig, dass Sie die richtige Farbpalette ausw\u00e4hlen, die nicht nur \u00e4sthetisch ansprechend aussieht, sondern auch dem Image Ihrer Marke entspricht. Sehen Sie sich zu diesem Zweck online verschiedene Materialien an, die alles Wissenswerte \u00fcber <a href=\"http:\/\/www.instantshift.com\/2012\/01\/30\/the-psychology-of-color-in-design\/\" target=\"_blank\" rel=\"noopener\">Farbpsychologie<\/a> im <a href=\"http:\/\/www.instantshift.com\/2012\/07\/09\/what-do-your-clothing-colors-say-about-you-infographic\/\" target=\"_blank\" rel=\"noopener\">Branding<\/a> erkl\u00e4ren, und w\u00e4hlen Sie die richtige Farbkombination f\u00fcr das Symbol Ihrer App aus.\n<\/p>\n<p>\n  Sie k\u00f6nnen auch einige erstaunliche Werkzeuge verwenden, die bei der Auswahl von Farbschemata hilfreich sind. Zu diesen Tools geh\u00f6ren unter anderem \u2013 <a href=\"http:\/\/www.instantshift.com\/2015\/08\/18\/app-icon-design-slip-ups\/yyyyy\" target=\"_blank\" rel=\"noopener\">Color<\/a>, <a href=\"https:\/\/color.adobe.com\/create\/color-wheel\/\" target=\"_blank\" rel=\"noopener\">Adobe Color CC<\/a>, <a href=\"http:\/\/colllor.com\/\" target=\"_blank\" rel=\"noopener\">Colllor<\/a>, <a href=\"http:\/\/www.colourlovers.com\/\" target=\"_blank\" rel=\"noopener\">COLOURlovers<\/a>, <a href=\"http:\/\/paletton.com\/\" target=\"_blank\" rel=\"noopener\">Paletton<\/a> usw. Sie k\u00f6nnen eine Suche durchf\u00fchren, um sich \u00fcber viele andere Online- und Offline-Ressourcen zu informieren, die Ihnen in dieser Richtung helfen werden.\n<\/p>\n<h5>\n  7 Vergessen Sie die Zielgruppe<br \/>\n<\/h5>\n<p>\n  Eines der Hauptmerkmale von erfahrenen Designern ist, dass sie ihre Zielgruppe vor dem Icon-Design ber\u00fccksichtigen. Dies ist wichtig, da eine App, die sich an ein anderes Publikumssegment richtet, z. B. Kinder, offensichtlich ein bestimmtes Erscheinungsbild haben wird, einschlie\u00dflich des Symboldesigns wie der hellen Farbschemata. Wenn Sie es mit einer auf Unternehmen ausgerichteten App vergleichen, wird es ein v\u00f6llig anderes Erscheinungsbild haben \u2013 minimalistisch mit neutralen Farbschemata oder Pastellt\u00f6nen.\n<\/p>\n<p>\n  Sie m\u00fcssen auch die Kultur verschiedener Orte \u00fcbernehmen, an denen Ihre App verf\u00fcgbar ist. Dies liegt daran, dass einige Symbole f\u00fcr einige L\u00e4nder im Symbol verwendet werden k\u00f6nnen, aber nicht f\u00fcr andere, wo sie als anst\u00f6\u00dfig angesehen werden oder die Gef\u00fchle der Gemeinschaften verletzen k\u00f6nnen.\n<\/p>\n<p>\n  <strong>F\u00fchren Sie eine gr\u00fcndliche Recherche<\/strong> \u00fcber Ihre Zielgruppe durch und nutzen Sie die Recherche, um ein Symbol zu entwerfen, das sie auf den ersten Blick anspricht. Sie k\u00f6nnen eine Reihe von Apps durchgehen, die internationale Anerkennung gefunden haben, und sich ihre Symboldesigns ansehen, um eine bessere Vorstellung zu bekommen.\n<\/p>\n<h5>\n  8 Verzicht auf \u00c4sthetik im Design<br \/>\n<\/h5>\n<p>\n  Das Symbol Ihrer App muss <strong>stilvoll und \u00e4sthetisch<\/strong> sein, um eine Reihe potenzieller Kunden in den App Stores anzuziehen. Design\u00e4sthetik aufzugeben ist daher ein striktes Nein. Wie stellen Sie also sicher, dass Ihre App f\u00fcr Ihre Zielgruppe \u00e4sthetisch ansprechend ist? Hier sind einige n\u00fctzliche Punkte, die Ihnen helfen werden.\n<\/p>\n<ul>\n<li>Bleiben Sie auf dem Laufenden \u00fcber die neuesten Trends auf dem Markt wie <strong>Flat Design<\/strong> (von iOS) und <strong>Material Design<\/strong> (von Android OS), mit denen Apps f\u00fcr Smartphones, Tablets und vor allem Wearables erstellt werden k\u00f6nnen.\n  <\/li>\n<li>Testen Sie das Design Ihres Symbols, bevor Sie es f\u00fcr die App fertigstellen. Beispielsweise werden Apple Watch-Symbole vor einem schwarzen Hintergrund gesetzt. Gestalten Sie Ihre App f\u00fcr das Wearable also so, dass sie sich vom Hintergrund abhebt. Testen Sie Ihre Symbole auf dem Ger\u00e4t und nicht im Simulator, um sicherzustellen, dass sie perfekt sind.\n  <\/li>\n<li>Komplexit\u00e4t reduzieren. Sie k\u00f6nnen ein einfaches Symbol erstellen und es kann dennoch sehr \u00e4sthetisch aussehen. Minimalismus liegt ohnehin im Trend, sodass Sie von diesem Schritt nur profitieren werden.\n  <\/li>\n<\/ul>\n<p>\n  Investieren Sie jedoch nicht nur Ihre ganze Energie in die Gestaltung eines h\u00fcbschen Icons, sondern integrieren Sie auch Elemente, die den Zweck des Icons f\u00fcr die Zielbenutzer sofort erkennbar machen. Dies kann eine Form oder ein Bild oder der Anfangsbuchstabe des App-Namens (Pinterest, Vine, Facebook, Evernote) sein, was viel \u00fcber die App aussagt, ohne den \u00e4sthetischen Teil zu beeintr\u00e4chtigen.\n<\/p>\n<h5>\n  9 Richtlinien nicht befolgen<br \/>\n<\/h5>\n<p>\n  Verschiedene mobile Plattformen haben unterschiedliche Regeln f\u00fcr das Icon-Design. Das Befolgen dieser Regeln oder Richtlinien hilft Designern, Symbole zu erstellen, die f\u00fcr die Apps auf diesen Plattformen am besten funktionieren. Sie k\u00f6nnen das Beispiel der <a href=\"https:\/\/developer.apple.com\/library\/ios\/documentation\/UserExperience\/Conceptual\/MobileHIG\/Iconography.html#\/\/apple_ref\/doc\/uid\/TP40006556-CH59-SW1\" target=\"_blank\" rel=\"noopener\">Human Interface-Richtlinien von Apple<\/a> oder <a href=\"https:\/\/www.google.co.in\/design\/spec\/style\/icons.html\" target=\"_blank\" rel=\"noopener\">der Richtlinien von Android<\/a> nehmen, die erl\u00e4utern, wie Sie Symbole erstellen m\u00fcssen, die auf iOS- und Android-Ger\u00e4ten funktionieren.\n<\/p>\n<p>\n  Halten Sie sich beim Entwerfen an diese Richtlinien, und dies wird Ihnen dabei helfen, konsistent perfekte Symbole zu erstellen.\n<\/p>\n<h4>\n  Fazit<br \/>\n<\/h4>\n<p>\n  Das Erstellen eines Symbols f\u00fcr eine mobile App ist keine leichte Aufgabe. Fehler passieren, selbst bei den f\u00fchrenden Designern der Branche. Aber ja, aus diesen Fehlern zu lernen, ist hilfreich f\u00fcr angehende Designer, die gro\u00df rauskommen wollen. Erinnert Sie der Bericht an andere Designfehler im Design von Symbolen f\u00fcr mobile Apps? Teilen Sie Ihre Gedanken mit uns.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Aufnahmequelle: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2015\/08\/18\/app-icon-design-slip-ups\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Mobile Benutzer sind eine gl\u00fcckliche Menge. Schlie\u00dflich k\u00f6nnen sie aus unz\u00e4hligen Apps ausw\u00e4hlen, die in einer Reihe von App-Stores auf dem Markt erh\u00e4ltlich sind. Was sagt Ihnen das? Ganz offensichtlich bedeutet dies einen harten Wettbewerb zwischen verschiedenen Apps, wobei jede der Apps um die Aufmerksamkeit potenzieller Benutzer wetteifert. Die L\u00f6sung liegt in einer einzigartigen App, die viele Features und Funktionalit\u00e4ten auf den Tisch bringt. Doch selbst wenn Sie eine der besten Apps auf dem Markt entwerfen und entwickeln, reicht ein schlechtes Symbol aus, um Ihre Bem\u00fchungen zu beeintr\u00e4chtigen. \u2026<\/p>\n","protected":false},"author":1,"featured_media":151590,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[55,146,198],"tags":[],"class_list":["post-253716","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-und-wordpress","category-web-tipps-und-tricks","category-webdesign"],"_links":{"self":[{"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/posts\/253716","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/comments?post=253716"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/posts\/253716\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/media\/151590"}],"wp:attachment":[{"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/media?parent=253716"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/categories?post=253716"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/tags?post=253716"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}