10 Tipps zum Entwerfen von Symbolen, die nicht saugen
Fast jeder Designer denkt heutzutage über App-Design nach. Eine der kleinsten Funktionen jeder App ist das Symbol, mit dem sie auf dem Bildschirm jedes Mobilgeräts und in den App Stores dargestellt wird. Das Entwerfen eines großartigen Symbols ist mehr als nur das Einfügen eines Logos in eine Schachtel. Sie benötigen etwas, das sich von allen anderen App-Symbolen abhebt.
Ein gutes Symbol kann auf verschiedene Arten verwendet werden - für Apps, soziale Medien und sogar für kleinere gedruckte Projekte oder Visitenkarten. Und alles, was es braucht, ist ein wenig Design und Planung.
1. Machen Sie es einfach zu lesen
Ein Symbol muss leicht lesbar sein. (Und wir sprechen nicht über Text.) Visuelle Lesbarkeit ist der Schlüssel.
Das Symbol sollte ein Bild enthalten, das aufgrund des Brandings oder der Verständlichkeit gut erkennbar ist. Denken Sie beispielsweise an die Symbole auf dem Desktop Ihres Computers. Sie wissen aufgrund der einfachen Art der Symbole, wo sich die Dinge befinden - Dokumente werden in Ordnern gespeichert, Musik wird über eine Schaltfläche in Form einer Musiknote abgespielt und Bilder werden an einem Ort gespeichert, der wie ein Polaroid-Foto aussieht.
Wenn es um visuelle Lesbarkeit geht, spielt das Branding eine große Rolle. Große Haushaltsmarken haben oft Symbole, die Teil ihres Logos oder eines ikonischen Bildes sind. Menschen neigen dazu, diese Elemente auch bei kleinen Größen sofort zu erkennen. Dies kann für neue oder kleinere Marken oder Symbolkonzepte etwas schwieriger sein, und Designer entscheiden sich möglicherweise für andere Techniken, um eine optimale Wirkung zu erzielen.
2. Denken Sie an ein Symbol, nicht an ein Bild
Ein Symbol ist kein Foto in einer Box. Ein Symbol kann ein Bild enthalten, kann aber auch eine Textdarstellung, ein Logomark oder eine Kombination dieser Elemente sein.
Es muss nur sehr visuell und erkennbar sein. Die meisten Logos enthalten keine tatsächlichen Fotos, sondern sind eine grafischere Darstellung einer Idee. (Dieses Konzept wird durch die Notwendigkeit unterstrichen, ein vektorbasiertes Symbol zu erstellen.)
Ein Bild kann auch bei kleinen Größen schwer lesbar werden und sich in einem Meer anderer Symbole auf dem Telefon oder einem anderen Gerät eines Benutzers verlieren. Eine grafischere Darstellung kann oft mehr visuelles Gewicht haben.
Das Symbol für die mobile App für das Kaufhaus von Macy's oben ist ein gutes Beispiel dafür. Der große weiße Stern in der Mitte eines roten Kästchens ist leicht zu erkennen. Das Symbol unterscheidet sich von der Standardbehandlung des Signatursymbols des Unternehmens darin, dass die Farbe umgekehrt wird, um das Symbol hervorzuheben. Ein roter Hintergrund hebt sich wahrscheinlich mehr als ein weißer von einer Vielzahl von Benutzertapeten ab.
3. Vermeiden Sie Wörter
Eine Sache, die Sie in Symbolen nicht sehen, ist die Verwendung von Wörtern. Es gibt einfach nicht genug Platz für ein Symbol, das mit Dingen gefüllt ist, die gelesen und verstanden werden können.
Vermeiden Sie als Faustregel Text vollständig, es sei denn, er ist Teil Ihres Logos. Sogar Text, der Teil eines Logos ist, sollte sorgfältig geprüft werden, bevor er im primären Logo-Design verwendet wird.
Das Symbol sollte so gestaltet sein, dass Identität ohne Worte entsteht. Denken Sie außerdem daran, wie viele Symbole tatsächlich im Kontext der Geräte verwendet werden, auf denen sie angezeigt werden. Die meisten enthalten eine Zeile Deskriptortext unter dem eigentlichen Symbolblock.
Das Design Shack-Symbol verwendet beispielsweise einen einzelnen Buchstaben „d“ mit Farb- und Schriftbehandlungen, die mit der Website übereinstimmen. Dieses einheitliche Branding und der leicht zu lesende Brief schaffen eine visuelle Verbindung und Verbindung ohne Worte.
4. Verwenden Sie Vibrant Color
Möchten Sie, dass Ihr Symbol auffällt? Gehen Sie mutig mit Farbe. Eine lebendige Farbauswahl hilft Ihnen dabei, sich von der App auf verschiedenen Hintergründen abzuheben und die Aufmerksamkeit der Benutzer auf sich zu ziehen.
Das Letzte, was Sie von einem Icon-Design erwarten, ist, dass es sich in alle anderen verfügbaren Optionen einfügt. Dies macht Blau - insbesondere Himmel- und Marinetöne - zu einer Farbe, die Sie wahrscheinlich vermeiden möchten, da so viele andere Symbole es verwenden.
Wenn Blau Ihr primäres Logo oder Ihre Markenfarbe ist, versuchen Sie, es mit etwas Hellerem zu kombinieren, um eine Wirkung zu erzielen. Betrachten Sie eine „neue Neutralität“ wie Limonengrün oder wählen Sie einen saisonalen Farbton wie ein leuchtendes Orange im Herbst oder ein leuchtendes Rosa im Frühling.
5. Entwickeln Sie ein Symbol oder ein einfaches Logo
Sie haben wahrscheinlich ein Logo für Ihre Marke, aber wenn es um Symbole geht, ist auch ein Symbol wichtig. Ein Symbol kann eine einfache grafische Darstellung oder ein Ausschnitt eines Logos oder Bildes sein.
Es muss nur scharf und einprägsam sein. Immer mehr Marken integrieren Symbolikonen in ihre Standardmarken und -logos, um eine vollständige Verbindung zwischen kleineren Symbolen und größeren Designprojekten herzustellen.
Denken Sie an die Messaging- und Foto-Sharing-App Snapchat. Das Geistersymbol ist so erkennbar geworden, dass es als Symbol, mit dem Benutzer vertraut sind, in anderen Farbschemata und Formen und sogar als eigenständiges Bild auf einer Werbetafel angezeigt werden kann. Dies ist ein Paradebeispiel für ein Symbol, das funktioniert.
6. Denken Sie an Scale
Während die meisten von uns Symbole als diese kleinen Dinge auf ihren Handys oder Desktop-Computern betrachten, ist ein Symbol nicht immer klein. Es sollte so gestaltet sein, dass es unabhängig von der Größe verwendet werden kann.
Dies ist besonders wichtig, da sich die digitale Landschaft ständig ändert, mehr Retina-Displays entstehen und verschiedene Plattformen und Geräte Symbole in unterschiedlichen Größen rendern können.
Baute es groß und verkleinerte es dann.
7. Erstellen Sie in einem Vektorformat
Bei der Skalierung und Größe spielt auch das Format eine wichtige Rolle. Ein Symbol muss mithilfe eines vektorbasierten Designs erstellt werden.
Mit einem Vektorbild können Sie Änderungen vornehmen und das Symbol für eine Vielzahl von Geräten, Größen und Ansichtsfenstern speichern, ohne viele Einzelbilder zu erstellen. In Wirklichkeit benötigen Sie mehrere Versionen eines Symbols, das für eine Vielzahl von Projekten geeignet ist.
Der Vorteil von Vektor ist Flexibilität. Aber es gibt einen Haken. Für viele Anwendungen oder Plattformen müssen Sie wahrscheinlich eine Kopie in einem Nicht-Vektor-Format zum Hochladen speichern.
8. Denken Sie über den Tellerrand hinaus
In den letzten Monaten gab es viele Symbole, die einfarbige Hintergründe mit einem weißen Symbol, flachen Designtechniken und langen Schatten verwenden. Während diese Trends eine Menge Spaß machen können, bleiben Sie nicht in der Designbox stecken. Mach etwas anderes mit deinem Symbol.
Wenn alle anderen mit quadratischen Kanten arbeiten, sollten Sie etwas abgerundeteres in Betracht ziehen. Fügen Sie dem Hintergrund einen Hauch von Textur hinzu, um sich von allen flachen Farben abzuheben. Sie müssen Ihr Symbol nicht nach dem modellieren, was alle anderen tun.
9. Machen Sie es monochrom
Es gibt einen lustigen kleinen Trick, mit dem Designer seit Jahren die Wirksamkeit kleiner Designs testen - machen Sie es monochrom. Wenn Ihr Design dieselbe Nachricht mit oder ohne Farbe kommuniziert, funktioniert es wahrscheinlich. Wenn das Symbol zum Lesen Farbe benötigt, arbeiten Sie weiter an Überarbeitungen.
Persönlich starte ich fast jedes Designprojekt in Schwarzweiß und fange später an, Farbe hinzuzufügen. Es ist die Skizze eines Computerkonzepts. Wenn Sie es auf Papier skizzieren und es funktioniert, bevor Sie wirklich anfangen, Farbe hinzuzufügen, hat die Idee wahrscheinlich einen soliden Rahmen.
10. Denken Sie an Square
Ihr Symbol und alle Teile innerhalb des quadratischen Rahmens müssen ebenfalls genau passen. Dies bedeutet nicht, dass das Design oder Bild genau quadratisch sein muss, aber das grundlegende Seitenverhältnis für jedes Symbol hat die gleiche Höhe und Breite.
Wenn Sie also ein Symbol haben, das sehr vertikal oder horizontal ist, müssen Sie den Raum um es herum füllen, damit es nicht im Hintergrund verloren geht. Entscheiden Sie sich für ein Konzept, das einen erheblichen Teil eines Raums ausfüllt, der größtenteils quadratisch ist. (Auch ein abgerundetes, kreisförmiges Symbol hat die gleiche Höhe und Breite.)
Fazit
Es mag klischeehaft klingen, aber der Schlüssel zu einem guten Icon-Design liegt darin, … na ja… ikonisch zu sein. So einfach ist das.
Design mit Blick auf Einfachheit, Farbe und visuelle Erkennung. Denken Sie an Schnittstellen und aktuelle Trends, damit Ihr Design den Standards entspricht. (Sie würden heutzutage kein skeuomorphes Symbol für eine mobile iOS-App entwerfen, oder?) Und viel Spaß; Ein Symbol ist die Tür eines Benutzers zu Ihrer digitalen Schnittstelle.
Bildquellen: Ash Kid, Casey Fleser, Roland Tangalo, Gustavo da Cunha Pimenta und Microsiervos Geek Crew.
