8 Möglichkeiten zur Verwendung von handgezeichneten Symbolen und Elementen
Während oft pixelgenaue Designelemente im Fokus stehen, sind sie nicht für alles geeignet. Manchmal willst du etwas mit etwas mehr… launisch. Etwas authentischeres!
Handgezeichnete Symbole oder Elemente können genau die richtige Entwurfstechnik sein, um einem Projekt etwas Besonderes hinzuzufügen. Während die meisten Designer nicht verrückt nach Elementen werden, die von Hand gezeichnet zu sein scheinen, können ein paar Berührungen ein persönliches Gefühl vermitteln, zu dem Benutzer hingezogen werden.
Es ist etwas, das auch im Webdesign im Trend liegt. Von einem Kringel in einer Ikone bis hin zu einer umfassenden Erfahrung, die Benutzerfreundlichkeit und Kunst gleichermaßen vereint, sind handgezeichnete Elemente eine beliebte Designoption. Hier sind acht neue Möglichkeiten, diesen Trend zu nutzen!
Trennung erstellen
Handgezeichnete Designelemente können mit fast jeder anderen visuellen Anzeige kombiniert werden. Sie können neben Fotos oder Videos, in einem Meer von Leerzeichen oder in der Nähe von Textelementen arbeiten. Beseitigen Sie nicht das Konzept, diese Art von Element zu verwenden, da Sie Angst haben, wie es in das gesamte Entwurfsmuster passt.
Versuch es; man weiß nie.
Digital Visitor verwendet diese Elemente im gesamten Design, um eine Trennung zwischen Elementen und Bits im Inhalt herzustellen. Während die Elemente auf der Homepage nur Punkte sind, gibt es an mehreren Stellen unter der Schriftrolle Beispiele, und selbst das Favicon hat dieses handgezeichnete Flair.
Die Platzierung jedes Elements soll sicherstellen, dass der Benutzer den richtigen Inhalt sieht. Im obigen Beispiel befindet sich das Element in der Mitte des Bildschirms, um die Trennung zwischen zwei Inhaltsbereichen zu erstellen. Im Design werden ähnliche Elemente im Symbolstil für kleine Textfelder verwendet, um zu zeigen, was das Unternehmen tut.
Interaktive Kritzeleien
Handgezeichnete Elemente können unterhaltsame interaktive Elemente im Design erstellen. Vom Laden von Animationen - viele der Website-Beispiele in diesem Beitrag verwenden diesen Stil - bis hin zu einer vollständig interaktiven Erfahrung ist diese Designtechnik interessant genug, um das Interesse der Benutzer zu wecken.
Real Estate Stained Glass ist ein schönes Beispiel für ein interaktives Spiel, das sowohl einen Website-Designtrend als auch ein kreatives Element kombiniert und es Benutzern ermöglicht, Zeichnungen auf dem Bildschirm einzufärben. Was dies zusammenhält, ist, dass der Look von Hand gezeichnet wird, die Elemente präzise sind und nahtlos funktionieren. Das Färben funktioniert so, wie es sollte - und Sie kritzeln nicht außerhalb der Linien - für eine Erfahrung, die die Benutzer begeistert.
Fast gezeichnete Typografie
Manchmal werden die besten handgezeichneten Elemente nicht wirklich geschrieben. Typografiestile, die die Handschrift imitieren, sind besonders beliebt, insbesondere für Anzeigezwecke.
Dieser Typ hat ein leichteres, persönlicheres Gefühl, mit dem sich Benutzer identifizieren können. (Der Trick besteht darin, sicherzustellen, dass die Buchstaben gut lesbar sind.)
Das Tradewinds Hotel leistet hervorragende Arbeit mit einer einfachen, kursiven Schrift, die groß genug und lesbar genug ist, um auf einen Blick gelesen zu werden. Die Unterstützung der Typografie erfolgt in einem einfachen serifenlosen Stil, wodurch die Anzeigeschrift betont wird und der Benutzer alles leicht verdauen kann.
Design Divots
Einige handgezeichnete Elemente dienen einem rein visuellen Zweck. Sie existieren, um einen Fluss oder ein Gefühl für das Design zu erzeugen, das auf andere Weise schwer zu etablieren ist. Diese Divots können besonders Spaß machen, wenn sie an winzigen Stellen im gesamten Design verwendet werden.
Mother's Brewing macht genau das. Es gibt das große Herz auf der Homepage - es ist offensichtlich. Aber dann gibt es auch auf fast jeder anderen Seite winzige Elemente - einige offensichtlich, andere ziemlich versteckt. Jede Schaltfläche hat handgezeichnete Berührungen mit dem Farbbanddesign, Elemente erscheinen im Hintergrund und überlagern gleitende Elemente, um den Totraum im Design zu füllen. Der Gesamteffekt ist clever und optisch interessant.
Stimmung einstellen
Handgezeichnete Designelemente nehmen oft einen helleren, verspielteren Ton an. Sie können fast jedem Projekt diese Art von Stimmung verleihen. Je mehr handgezeichnete Elemente Sie verwenden, desto heller erscheint das Projekt.
Signs for Science ist ein großartiges Beispiel dafür, wie man ein Design mit handgezeichneten Elementen für eine lustige, fast kindliche Ästhetik verpackt (Farbe trägt ebenfalls dazu bei). Von der Typografie über Symbole bis hin zu kräuselnden Unterstreichungen hat das gesamte Konzept eine ganz bestimmte Stimmung. Es ist kreativ, leicht und fördert die Benutzerinteraktion.
Kreativität zeigen
Ein handgezeichnetes Designkonzept kann eine großartige Gelegenheit für das Design einer Portfolio-Website sein, da es die Kreativität hervorheben kann. Diese Elemente konzentrieren sich mehr auf den Designprozess und darauf, wie der Gedanke und die Arbeit in ein Projekt einfließen können.
(Außerdem macht es Spaß, diese kreativen Muskeln zu dehnen.)
Das Feebles verwendet handgezeichnete Elemente sowohl für das Hauptbild als auch in der oben beschriebenen Weise und kombiniert mit dem handgezeichneten Logo oben links. (Sie könnten es vermissen, wenn Sie nicht genau hinschauen.)
Für Symbole oder Logos
Da dies eine der beliebtesten Verwendungen von handgezeichneten Elementen ist, stand sie nicht ganz oben auf der Liste. (Meistens, um Ihnen zu helfen, über andere Ideen nachzudenken, bevor Sie zu etwas Üblicherem springen.)
Handgezeichnete Berührungen können eine großartige Ergänzung zu einem Symbol oder Logo sein. Von Kringeln bis zu außermittigen Formen oder Kreisen, die nicht ganz rund sind, verleiht Unvollkommenheit Charakter und Charme, wo die perfekten Computerformstile dies nicht können.
Higher Ground verwendet den Kringel, um Buchstaben im Symbol-Logo zu trennen. Der minimale Stil ist auffällig und effektiv, und das handgezeichnete Element verleiht ihm eine Persönlichkeit, die eine gerade Linie nicht vermitteln würde.
Als animierte Effekte
Erwecken Sie ein handgezeichnetes Element mit Animation zum Leben.
Bilder, die auf dem Bildschirm gezeichnet werden, können Spaß machen, sie anzusehen und anzusehen. Während der offensichtliche Vorteil für den Benutzer die Unterhaltung ist, wenn er sieht, wie etwas zum Leben erweckt wird, gibt es auch Vorteile für den Websitebesitzer: längere Zeit vor Ort und Potenzial für mehr Conversions.
Long Story Short verwendet dieses Konzept auf der Homepage. Zeichnen Sie zunächst das Logo, das einen handgezeichneten Typografiestil verwendet. Und dann animieren Sie es in ein Paket von Designprojekten, die sich schnell bewegen und mehrere Handzeichnungen in den Prozess einbeziehen. Die gesamte Schleife dauert nur einige Sekunden.
Fazit
Selbst wenn Sie nicht zeichnen können, kann die Simulation von handgezeichneten Elementen in Designprojekten eine persönliche Note hinzufügen, die Benutzer schätzen. Von Typografie über Spiele bis hin zum Laden von Animationen können diese Elemente Kreativität und Persönlichkeit demonstrieren.
Ein handgezeichnetes Element ist zwar nicht für jedes Projekt geeignet, aber denken Sie beim nächsten Mal darüber nach, wenn Sie die Stimmung verbessern oder den Benutzern etwas hinzufügen möchten. Halten Sie die Idee einfach und verbinden Sie sie mit einem Thema, das sich durch das gesamte Design zieht. Und Spaß haben! Darum geht es bei diesen Elementen.
