7 Tipps zur effektiven Verwendung von Symbolen in Designprojekten
Das Entwerfen von Symbolen kann viel Spaß machen. Aber was machst du mit ihnen, wenn du ein gutes Set hast?
Symbole sind nicht nur Miniaturlinks für Facebook oder Instagram - sie können vollständig interaktive Hinweise sein, die Benutzer durch ein Design führen und zusätzlichen visuellen Funken erzeugen. Symbole können klein oder groß, schwarz und weiß oder farbig, flach oder kompliziert sein. Unabhängig davon, welcher Stil Sie anspricht, kann die effektive Verwendung von Symbolen die Benutzerfreundlichkeit und den ästhetischen Wert fast aller Designprojekte verbessern.
Entdecken Sie Envato-Elemente
1. Visuelles Interesse hinzufügen
Nicht jedes Bild wird eine atemberaubende Landschaft sein. Manchmal bleiben Bilder einfach zu kurz.
Unterhaltsame Ikonografie kann dazu beitragen, diese etwas uninteressanten Fotos interessanter zu machen. Verwenden Sie Symbole, um den Inhalt des Fotos zu verbessern, zusätzliche Informationen bereitzustellen und einen Interaktionshinweis bereitzustellen.
Nehmen Sie das obige Beispiel für eine Zahnklinik (zugegebenermaßen nicht das interessanteste visuelle Konzept). Das Design ist frisch, hell und einladend. Das einfache Symbol neben dem Gesicht ist eine neue Version der „Glühbirnen-Idee“ - beachten Sie die winzigen Zähne. Die Balance zwischen dem hellen Teil des Bildschirms auf der linken Seite und dem hellweißen Symbol hilft auch dabei, den Blick über das Design zu lenken. Der Rest der Site verwendet auch andere winzige Symbole für die Navigation.
2. Interaktion erstellen
Symbole müssen nicht in bestimmte Placements passen, um die Benutzerinteraktion zu fördern. (Zu viele Vorlagen verwenden die dreispaltige Kombination aus Symbol und Text im Bildlauf.
Symbole können tatsächlich das Element sein, das die Interaktivität antreibt. Kombinieren Sie Ikonografie und Parallaxen-Scrollen, damit sich Elemente über den Bildschirm bewegen. Überlagern Sie Symbole mit Bildern oder einem anderen Hintergrund, um ein etwas unerwartetes Element zu erstellen.
Boone Selections erstellt mithilfe der Ikonografie eine Reiseszene für seine Weine, die Sie zum Scrollen bringt. Das Flugzeugsymbol bewegt sich in einem Flugzeug und folgt den Pfeilen auf dem Bildschirm (die auf das Scrollen reagieren). Jedes Strichgrafik-Symbol wird als Zeichnung dargestellt, wenn der Benutzer zu diesem Teil des Bildschirms blättert. Die Bewegungen sind einfach, klassisch und sehr effektiv.
3. Verwenden Sie Animation
Niemand hat jemals gesagt, dass Symbole statische Elemente sein müssen. Animiere sie!
Aber sei nicht zu verrückt. Die besten Symbolanimationen beziehen sich auf den Inhalt des Symbols. Bewegungen sollten nicht zu schnell sein, da sie etwas nervig sein können. Bewegungen sollten nicht zu langsam sein, da Benutzer sie möglicherweise vermissen. Es gibt einen Sweet Spot in der Mitte, an dem die Symbolbewegung ein wenig Freude bereitet.
Sweet Punk macht das hervorragend. Das Symbol ist die „gleiche alte Glühbirne“, die überall verwendet wird, jedoch mit einem Stempel der Personalisierung. Beachten Sie das Innere der Glühbirne - es ist eine Flamme. Dann gibt es eine lustige Hover-Aktion, während die Glühbirne mit einem Ideenwirbel springt. Ferner bewegt sich das Kreismuster um die Glühbirne sanft und scheint auf Mouseover-Muster zu reagieren.
4. Erstellen Sie Symbolcluster
Cluster mit interessanten Formen, Skizzen oder anderen handgefertigten Symbolen können ein interessantes Bild ergeben. Das Konzept wird häufig auf Websites angezeigt, auf denen Icon-Packs verteilt werden (wie oben), hat jedoch eine breitere Anwendung.
Betrachten Sie Reihen von Symbolen - spielen Sie damit, dass Sie sie für eine größere Wirkung unter- oder übergroß verwenden -, wenn Sie keine gute visuelle Darstellung haben. Symbole können als Links oder nur als eigenständige Bilder verwendet werden. Cluster können nur zwei oder drei Symbole oder dreimal so viele enthalten. Lassen Sie Ihre Inhalte diesen Entscheidungsprozess vorantreiben.
Das Schöne an der Verwendung von gruppierten Symbolen ist, dass Sie wirklich über den Tellerrand hinaus denken und etwas Kreatives tun können. Der andere Bonus? Sie können sogar mit einem Icon Pack beginnen, wenn Sie Icons mögen und anpassen, um sie zu Ihren eigenen zu machen. Jede Option kann eine Menge Spaß machen und Ihnen die Möglichkeit geben, etwas völlig anderes auszuprobieren.
5. Kombinieren Sie mit trendigen Elementen
Symbole sollten nur ein Teil einer Entwurfsstrategie für ein Projekt sein. Denken Sie an Ihre Inhalte und kombinieren Sie die Ikonografie mit einem anderen trendigen Element, um eine moderne Ästhetik zu schaffen.
Das Schöne an der Verwendung von Symbolen ist die Stilflexibilität. Ikonen gibt es in scheinbar jeder Form, von Strichzeichnungen über skizzenbasierte Stile bis hin zu flach ausgeschnittenen Designs und aufwändigen Miniaturkunstwerken. Wenn Sie sich für einen Entwurfsstil für ein Projekt entschieden haben, erstellen Sie eine Reihe von Symbolen, die diesem visuellen Ton entsprechen.
Die Website für eine Geschichte der Ikonen macht das wunderbar. Die Website zeigt, wie sich die Symbolstile im Laufe der Jahre entwickelt haben - eine coole Fallstudie für sich, wenn Sie mehr Inspiration suchen -, aber jedes Symbol befindet sich in einem Containerelement in einem Materialmuster, das eher flache, taktile Schichten aufweist Bewegungen, saubere Typografie und helle Farben.
6. Machen Sie eine skurrile Wendung
Für bestimmte Symbole gibt es Standarddesigns, die Sie verwenden möchten, damit Benutzer genau wissen, was diese Elemente tun. Dies kann Symbole für Social Media-Links, Suche, Einkaufswagen und Navigationspfeile enthalten. Sie sollten niemals die Benutzerfreundlichkeit für ein neues Design opfern.
Aber Sie können diesen Standard-Symbolstilen Ihre eigene skurrile Note verleihen. Ändern Sie die Farbe, optimieren Sie die Form oder zeichnen Sie die Symbole in Ihrem Stil neu. Der Trick besteht darin, etwas zu tun, das sich einzigartig anfühlt, während die visuelle Erkennung erhalten bleibt, damit Benutzer nicht hinterfragen, was das Symbol bedeutet.
Einfache Änderungen können viel bewirken. Diese Art der Anpassung kann dazu beitragen, dass allgemeine Elemente Teil Ihres Designs und Ihrer visuellen Geschichte werden.
Little Puds & Co. macht das auf eine absolut charmante Weise. Die allgemeinen Symbole in der oberen Ecke sind erkennbar, nehmen jedoch die Markenfarbe der Website an. Die Symbole wirken etwas weicher als in den normalen Facebook- und Instagram-Farbpaletten und scheinen dem skurrileren, kindlichen Stil zu entsprechen, der im gesamten Design verwendet wird.
7. Erstellen Sie benutzerdefinierte Skizzen
Ikonen können selbst Miniaturkunstbilder sein. Während sich die Ikonografietrends eher auf superflache Strichzeichnungen konzentrieren, kann detailliertes Skizzieren eine großartige benutzerdefinierte Option darstellen, die Ihre eigene ist.
Jedes handgezeichnete Set ist anders. Es gibt keine wirkliche Möglichkeit, sie zu kategorisieren, außer etwas zu finden, das Sie besitzen können. Skizzierte Symbole sind häufig Teil der Identität der Marke, die sie verwendet.
Infinity Foods verwendet diesen Stil wunderbar im gesamten Design. (Sie sollten sich wirklich umsehen, um den vollständigen Symbolsatz anzuzeigen.) Der Skizzenstil beginnt mit dem Logo, und für jedes Symbolelement im Design wird derselbe detaillierte Bleistiftstil verwendet.
Fazit
Während Symbole eines der am wenigsten in Betracht gezogenen Elemente in einem Designprojekt sind, können sie eines der interessantesten sein. Eine gute Ikonographie kann ein Projekt auf eine Weise zusammenführen, die ihm ein bisschen Glanz und Finesse verleiht.
Das Schöne an der Arbeit mit Symbolen ist, dass ein gutes, vektorbasiertes Set auf verschiedene Arten und in verschiedenen Größen verwendet werden kann. Möchten Sie Tausende von Symbolen für einen günstigen Abonnementpreis kaufen? Creative VIP hat Sie abgedeckt!
