Zwar liegt der Fokus oft auf pixelgenauen Designelementen, sie sind jedoch nicht für alles geeignet. Manchmal willst du etwas mehr? Laune Etwas authentischer!
Von Hand gezeichnete Symbole oder Elemente können genau die richtige Designtechnik sein, um einem Projekt etwas Besonderes hinzuzufügen. Während die meisten Designer mit Elementen, die scheinbar von Hand gezeichnet werden, nicht verrückt werden, können ein paar Berührungen ein persönliches Gefühl verleihen, zu dem sich die Benutzer hingezogen fühlen.
Auch im Webdesign geht es darum. Von einem Kringel in einem Symbol bis zu einer vollständigen Erfahrung, die Benutzerfreundlichkeit und Kunst gleichermaßen ist, sind von Hand gezeichnete Elemente eine beliebte Designoption. Hier sind acht neue Wege, um diesen Trend zu nutzen!
Separation erstellen
Handgezeichnete Designelemente können mit fast jeder anderen visuellen Anzeige kombiniert und angepasst werden. Sie können neben Fotos oder Videos, in einem Meer aus Leerzeichen oder in der Nähe von Textelementen arbeiten. Beseitigen Sie nicht das Konzept der Verwendung dieses Elementtyps, da Sie Angst davor 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 Inhaltsbits zu erstellen. Während die Elemente auf der Homepage nur Punkte sind, gibt es Beispiele an mehreren Stellen unterhalb der Schriftrolle, und selbst das Favicon hat dieses handgezeichnete Flair.
Die Platzierung jedes Elements soll sicherstellen, dass der Benutzer den richtigen Inhalt betrachtet. Im obigen Beispiel befindet sich das Element in der Mitte des Bildschirms und wird verwendet, um die Trennung zwischen zwei Inhaltsbereichen zu erstellen. Im Design ähnliche Elemente werden im Stil von Symbolen in kleinen Textfeldern verwendet, um zu zeigen, was das Unternehmen macht.
Interaktive Kritzeleien
Von Hand gezeichnete Elemente können interaktive Teile zum Design machen. Vom Laden von Animationen - viele der Website-Beispiele in diesem Beitrag verwenden diesen Stil - bis hin zu einer vollständig interaktiven Erfahrung. Diese Designtechnik ist interessant genug, um das Interesse der Nutzer zu wecken.
Real Estate Stained Glass ist ein schönes Beispiel für ein interaktives Spiel, das sowohl einen Website-Design-Trend als auch ein kreatives Element kombiniert, sodass Benutzer Zeichnungen auf dem Bildschirm einfärben können. Was das miteinander verbindet, ist, während der Look von Hand gezeichnet wird, die Elemente präzise sind und nahtlos funktionieren. Die Farbgebung funktioniert so, wie sie sollte - und Sie kritzeln nicht außerhalb der Linien - für ein Erlebnis, das die Benutzer auf den Beinen hält.
Fast gezeichnete Typografie
Manchmal sind die besten handgezeichneten Elemente nicht wirklich fertiggestellt. Typografische Stile, die eine Handschrift nachahmen, sind insbesondere für Anzeigezwecke besonders beliebt.
Diese Art von Typ hat ein leichteres, persönlicheres Gefühl, mit dem sich Benutzer identifizieren können. (Der Trick besteht darin, sicherzustellen, dass Briefe gut lesbar sind.)
Das Tradewinds Hotel macht einen tollen Job mit einer einfachen, kursiven Schrift, die groß genug und lesbar genug ist, um auf einen Blick lesen zu können. Die Unterstützung der Typografie erfolgt in einem einfachen serifenlosen Stil, der die Displayschrift hervorhebt und dem Benutzer alles leicht verständlich macht.
Design Divots
Einige von Hand gezeichnete Elemente dienen rein visuellen Zwecken. Sie dienen dazu, einen Fluss oder ein Gefühl für das Design zu schaffen, das auf andere Weise schwer zu erstellen ist. Diese Dots können besonders Spaß machen, wenn sie an winzigen Stellen des Designs verwendet werden.
Mother's Brewing macht genau das. Da ist das große Herz auf der Homepage - das ist offensichtlich. Aber es gibt auch auf fast jeder anderen Seite winzige Elemente - einige offensichtlich, andere ziemlich versteckt. Jede Schaltfläche verfügt über handgezeichnete Berührungen mit dem Farbbanddesign. Elemente werden im Hintergrund angezeigt und verschieben Elemente, um den Totraum im Design zu füllen. Der Gesamteffekt ist klug und visuell interessant.
Die Stimmung einstellen
Handgezeichnete Designelemente nehmen oft einen leichteren, verspielteren Ton an. Sie können diese Art von Atmosphäre für fast jedes Projekt verleihen. Je mehr von Hand gezeichnete Elemente Sie verwenden, desto heller erscheint das Projekt.
Signs for Science ist ein hervorragendes Beispiel dafür, wie man ein Design mit handgezeichneten Elementen für eine unterhaltsame, fast kindliche Ästhetik verpackt (Farbe trägt auch dazu bei). Von der Typografie über Icons bis hin zu Squiggle-Unterstreichungen hat das gesamte Konzept eine ganz bestimmte Stimmung. Es ist kreativ, leicht und fördert die Benutzerinteraktion.
Showcase Kreativität
Ein von Hand gezeichnetes Designkonzept kann eine große Chance für das Design einer Portfolio-Website sein, da es Kreativität unterstreicht. Diese Elemente konzentrieren sich mehr auf den Entwurfsprozess und wie der Gedanke und die Arbeit, die in ein Projekt einfließen können.
(Außerdem ist es eine lustige Art, diese kreativen Muskeln zu dehnen.)
The Feebles verwendet handgezeichnete Elemente sowohl für das Hauptbild wie oben und kombiniert mit dem handgezeichneten Logo oben links. (Sie könnten es vermissen, wenn Sie nicht genau hinsehen.)
Für Icons oder Logos
Da dies eine der beliebtesten Anwendungen von handgezeichneten Elementen ist, stand sie nicht ganz oben auf der Liste. (Meistens, um Ihnen zu helfen, an andere Ideen zu denken, bevor Sie zu etwas üblicherem springen.)
Handgezeichnete Berührungen können eine großartige Ergänzung zu einem Symbol oder einem Logo sein. Von Kringeln über nicht zentrierte Formen oder Kreise, die nicht recht rund sind, fügt Unvollkommenheit Charakter und Charme hinzu, wo die perfekten Computerformstile es nicht können.
Higher Ground verwendet die Schnörkel, um Buchstaben im Logo im Symbolstil zu trennen. Der minimalistische Stil ist auffallend und effektiv, und das von Hand gezeichnete 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, wenn sie angeschaut werden. Während der offensichtliche Vorteil für den Benutzer in der Unterhaltung liegt, wenn er dabei beobachtet wird, dass etwas lebendig wird, gibt es auch Vorteile für den Website-Inhaber: mehr Zeit vor Ort und Potenzial für mehr Conversions.
Long Story Short verwendet dieses Konzept auf der Homepage.Zeichnen Sie zuerst das Logo, das einen handgezeichneten Typografiestil verwendet. Und dann animieren Sie es zu einem Paket von Designprojekten, die sich schnell bewegen und mehrere Handzeichnungen in den Prozess einbeziehen. Die gesamte Schleife dauert nur wenige Sekunden.
Fazit
Selbst wenn Sie nicht zeichnen können, kann die Simulation von handgezeichneten Elementen in Designprojekten eine persönliche Note schaffen, die die Benutzer zu schätzen wissen. Von der Typografie über Spiele bis hin zum Laden von Animationen können diese Elemente Kreativität und Persönlichkeit demonstrieren.
Während ein handgezeichnetes Element nicht für jedes Projekt geeignet ist, sollten Sie das nächste Mal darüber nachdenken, wenn Sie die Stimmung aufhellen 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.