Das Entwerfen von Icons kann viel Spaß machen. Aber wenn Sie ein gutes Set haben, was machen Sie dann mit ihnen?
Icons sind nicht nur Miniatur-Links für Facebook oder Instagram - sie können vollständig interaktive Hinweise sein, die den Benutzer durch ein Design führen und zusätzlichen optischen Funken bieten. Icons können klein oder groß, schwarz und weiß oder farbig, flach oder kompliziert sein. Egal welchen Stil Sie ansprechen, die effektive Verwendung von Symbolen kann die Benutzerfreundlichkeit und den ästhetischen Wert von fast jedem Designprojekt verbessern.
1. Fügen Sie visuelles Interesse hinzu
Nicht jedes Bild wird eine atemberaubende Landschaft sein. Manchmal werden Bilder einfach zu kurz.
Die lustige Ikonografie kann dazu beitragen, diese etwas uninteressanten Fotos interessanter zu gestalten. Verwenden Sie Symbole, um den Inhalt des Fotos zu verbessern, zusätzliche Informationen bereitzustellen und einen Interaktionshinweis bereitzustellen.
Nehmen Sie das Beispiel oben 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ühlampenidee". - Beachten Sie die winzigen Zähne. Die Balance zwischen dem hellen linken Teil des Bildschirms und dem hellen weißen Symbol hilft auch, das Auge über das Design zu ziehen. Der Rest der Website verwendet andere kleine 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 Symbol- / Textkombination im Bildlauf.
Symbole können tatsächlich das Element sein, das die Interaktivität steuert. Koppeln Sie Ikonografie und Parallaxe so, dass Elemente über den Bildschirm verschoben werden. Überlagern Sie Symbole mit Bildern oder einem anderen Hintergrund, um ein unerwartetes Element zu erstellen.
Boone Selections erstellt eine Reiseszene für seine Weine unter Verwendung der Ikonografie auf eine Weise, die Sie zum Scrollen bringen möchten. Das Flugzeugsymbol bewegt sich in einem Flugzeug entlang der Pfeile auf dem Bildschirm (die auf das Scrollen reagieren). Jedes Strichzeichnungen-Symbol wird als Zeichnung dargestellt, wenn der Benutzer zu diesem Teil des Bildschirms blättert. Die Bewegungen sind einfach, klassisch und sehr effektiv.
3. Animation verwenden
Niemand hat jemals gesagt, dass Icons statische Elemente sein müssen. Animiere sie!
Aber verrückt nicht. 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 übersehen. In der Mitte befindet sich ein süßer Fleck, an dem die Bewegung des Symbols ein wenig Freude bereitet.
Sweet Punk macht das genial. Das Symbol ist die gleiche alte Glühbirne. das wird überall verwendet, aber mit einem Stempel der Personalisierung. Beachten Sie das Innere der Lampe - es ist eine Flamme. Dann gibt es eine lustige Schwebeflugaktion, während die Glühbirne mit einem Ideenwirbel aufprallt. Außerdem bewegt sich das Kreismuster um die Glühbirne leicht und scheint auf Mouseover-Muster zu reagieren.
4. Erstellen Sie Icon-Cluster
Cluster von interessanten Formen, Skizzen oder auf andere Weise handgefertigten Symbolen können ein interessantes Bild ergeben. Das Konzept wird häufig auf Websites angezeigt, die Icon-Packs verteilen (wie z. B. die oben genannten), hat jedoch eine breitere Anwendung.
Betrachten Sie Reihen von Symbolen - spielen Sie, wenn Sie sie unter- oder übergroß verwenden, um mehr Wirkung zu erzielen - wenn Sie keine gute Optik haben. Icons können als Links oder nur als eigenständige Bilder arbeiten. Cluster können nur zwei oder drei Symbole oder dreimal so viele enthalten. Lassen Sie Ihre Inhalte diesen Entscheidungsprozess vorantreiben.
Das Beste an gruppierten Symbolen ist, dass Sie wirklich über den Tellerrand hinaus denken und kreativ arbeiten können. Der andere Bonus? Sie können sogar mit einem Icon-Pack beginnen, wenn Sie möchten, und die Icons so anpassen, dass sie zu Ihren eigenen gehören. Jede dieser Optionen kann sehr viel Spaß machen und Ihnen die Möglichkeit geben, etwas ganz anderes auszuprobieren.
5. Kombinieren Sie mit trendigen Elementen
Icons sollten nur ein Teil einer Designstrategie für ein Projekt sein. Denken Sie über Ihre Inhalte nach und kombinieren Sie die Ikonografie mit einem anderen Trendelement, um eine moderne Ästhetik zu schaffen.
Das Schöne an der Verwendung von Icons ist Stilflexibilität. Es gibt scheinbar jede Form von Symbolen, von Strichzeichnungen über skizzenbasierte Stile bis hin zu flachen Ausschnitten, um Miniaturkunstwerke zu erstellen. Wenn Sie sich für einen Entwurf für einen Entwurf entschieden haben, erstellen Sie einen Satz von Symbolen, die diesem visuellen Ton entsprechen.
Die Website für eine Geschichte der Icons macht dies wunderbar. Die Website zeigt, wie sich die Symbolstile im Laufe der Jahre entwickelt haben. Dies ist eine coole Fallstudie, wenn Sie nach mehr Inspiration suchen. Jedes Symbol befindet sich jedoch in einem Containerelement in einem Materialdesign-Stilmuster mit eher flachen Schichten und taktilen Elementen Bewegungen, saubere Typografie und helle Farben.
6. Setzen Sie einen wunderlichen Twist auf
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 umfassen. Sie sollten niemals die Benutzerfreundlichkeit für ein neues Design opfern.
Sie können jedoch diese standardmäßigen Symbolstile mit einer eigenen skurrilen Wendung versehen. Ändern Sie die Farbe, passen Sie die Form an 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, so dass die Benutzer die Bedeutung des Symbols nicht in Frage stellen.
Einfache Änderungen können einen langen Weg gehen. Diese Art der Anpassung kann dazu beitragen, dass gemeinsame Elemente auch 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 identifizierbar, nehmen jedoch die Branding-Farbe der Website an. Die Icons wirken etwas weicher als in den normalen Farbpaletten von Facebook und Instagram und scheinen dem eher skurrilen, kindlichen Stil des Designs zu entsprechen.
7. Erstellen Sie benutzerdefinierte Skizzen
Icons können Miniaturkunstbilder in sich sein.Während sich die Ikonografietrends eher in Richtung der flachen Art von Strichgrafiken neigen, kann das detaillierte Skizzieren eine großartige benutzerdefinierte Option sein, die Ihre eigene ist.
Jedes von Hand skizzierte Set wird anders sein. Es gibt keine echte Möglichkeit, sie zu kategorisieren, als etwas zu finden, das Sie besitzen können. Skizzierte Icons sind oft Teil der Identität der Marke, die sie verwendet.
Infinity Foods verwendet diesen Stil während seines Designs wunderbar. (Sie sollten wirklich klicken, um das vollständige Icon-Set anzusehen.) Der Skizzestil beginnt mit dem Logo und der gleiche detaillierte Bleistiftstil wird für jedes Icon-Element im Design verwendet.
Fazit
Icons sind zwar die wenigsten Gedanken an Elemente eines Designprojekts, aber sie können eines der interessantesten sein. Eine gute Ikonografie kann ein Projekt so zusammenfügen, dass es ein bisschen poliert und finesse ist.
Das Schöne an der Arbeit mit Symbolen ist, dass ein gutes, vektorbasiertes Set auf verschiedene Arten und in unterschiedlichen Größen verwendet werden kann. Möchten Sie tausende von Icons für einen günstigen Abonnementpreis erwerben? Kreativer VIP hat Sie abgedeckt!