Neonfarben im Webdesign Die Gebote und Verbote

Neonfarben sind schwer zu verwenden, ohne mit dem Rest Ihres Designs in Konflikt zu geraten. Sie eignen sich hervorragend für Schilder und Lichter in realen Anwendungen, können jedoch bei sorgfältiger Implementierung große Probleme im Webdesign darstellen.

Heute werden wir nach Möglichkeiten suchen, wie Sie Neonfarben effektiv in Ihrer Designarbeit einsetzen können. Eine Liste mit Hinweisen und Hinweisen, die Ihnen dabei helfen, aus kühnen, hellen Farben das Beste herauszuholen. In kürzester Zeit werden Sie ein Neon-Ninja, der sich durch Ihre Designarbeit zieht!

Verwenden Sie Limettengrün

Kalk ist das neue Neutral. Ich weiß nicht, ob das wirklich stimmt oder nicht, aber ein Freund eines Hochzeitsplaners schwört darauf. Sie schwört, das ist es? Farbe für fast jede Palette.

Wenn es um Neons geht, ist es definitiv wahr. Kalk, Neongrüns auf dunklem Hintergrund schaffen sofortige Wirkung. Die Farbe macht Spaß, zieht an und zieht die Benutzer in das Design ein. Es ist eine einfache Methode, um einen Neoneffekt hinzuzufügen, ohne das gesamte Design zu überfordern. (Einer der großen Kämpfe mit Neonen im Webdesign ist, dass sie sich zu bewegen scheinen und für Benutzer unangenehm sein können.)

Verwenden Sie keinen Neonregenbogen

Während einige helle Farben zusammen ein Gesamtfarbschema bilden können, sind Neons nicht die Antwort. Die meisten Neonfarben haben in Bezug auf Helligkeit und Sättigung ähnliche Farbwerte und werden auf einem Bildschirm alle ähnlich aussehen. Dies kann zu erheblichen Bedenken hinsichtlich Kontrast und Lesbarkeit führen.

Machen Sie eine mutige Farbaussage

Mit einem Vollbild-Neon groß. Es ist nicht etwas, auf das die Benutzer häufig stoßen, und bei einem Design, bei dem es nicht viel mehr um den Bildschirmplatz gibt, kann eine Neonfarbe viel Wirkung erzielen.

Achten Sie nur darauf, alles andere auf dem Bildschirm so gering wie möglich zu halten. Entscheiden Sie sich für schwarzen Text und so wenige andere Elemente wie möglich.

Verwenden Sie kein Neon auf weißem Hintergrund

Neonfarben und Weiß mischen sich nicht. Das Licht eines Bildschirms wird auf dieselbe Weise durch Weiß und viele Neonfarben dargestellt, wodurch Neonelemente auf weißem Hintergrund fast unlesbar sind. Vermeide es.

Integriere Neon vom Branding

Einige Marken verwenden ein Neon-Farbschema. Gehen Sie nicht von dem ab, von dem Sie ein Webdesign erstellen möchten. Die visuelle Präsenz sollte bei Neon Online ebenso kühn sein.

Wenn eine Neonfarbe zu Ihrer Markenidentität gehört, wie z. B. Mountain Dew (oben), scheuen Sie sich nicht. Umfassen Sie die Farbe mit einem Design, das sie in den Vordergrund rückt. Die visuelle Unterscheidung wird dazu beitragen, das Design von anderen Websites zu unterscheiden.

Nicht mit anderen Effekten kombinieren

Eine Neonfarbe ist eine ziemlich auffällige Designtechnik für sich. Übertreiben Sie es nicht mit anderen Effekten. Sie werden wahrscheinlich mit etwas enden, das die Benutzer völlig überfordern und abschalten wird.

Verwenden Sie Neon Akzente

Neonlinien, Markierungen, Knöpfe und andere Akzente können dazu beitragen, den Blick auf bestimmte Elemente zu lenken. Fügen Sie Neon-Töne in andere Elemente ein, um einen Akzent zu setzen, oder verwenden Sie Spritzer in Neon-Farbe, um das Auge von einem Teil des Designs in einen anderen zu ziehen.

Denken Sie daran, dass Neons am besten funktionieren, wenn zwischen dem Neonelement und dem Hintergrund viel Kontrast besteht. Daher sind Neons auf schwarzen Hintergründen oft am effektivsten.

Verwenden Sie keinen Neontext

Neontext stellt meistens eine Lesbarkeitsherausforderung dar. Es kann gelegentlich mit einer fetten Displayschrift arbeiten, sollte aber generell vermieden werden.

Farben machen? Glühen?

Die Idee hinter einem Neon ist, dass die Farbe so gestaltet ist, dass Licht durch sie hindurchtritt, wie etwa Neon-Beschilderung. Erstellen Sie einen realistischen Neoneffekt, so dass Neonakzente mit den gleichen Licht- und Tastcharakteristiken zu leuchten scheinen wie eine physische Neonstruktur.

Die Balance ist nicht zu verrückt mit glühenden Effekten, weil sie in Eile knallig werden können. Ein einfaches Leuchten kann jedoch das Neon-Element auf realistischere Weise zum Leben erwecken.

Eine weitere Option zum Erstellen von? Glühen? Sie können eine einfache Animation verwenden, die die Farbe in einer langsamen pulsierenden Bewegung verstärkt. Diese Ebbe aus Neonlicht kann helfen, Aufmerksamkeit zu erregen und gleichzeitig einen realistischen Effekt zu erzeugen.

Verwenden Sie keine kollidierenden Farbpaletten

Neonfarben passen nicht gut zu anderen. Die meisten Designs mit Neons verwenden keine anderen Farben und halten sich an Schwarz und Weiß. Dies liegt daran, dass der Kontrast zwischen einem hellen Neon und einer typischeren Palette abschreckend wirken kann und sich für den Benutzer als fremd und unzusammenhängend anfühlt.

Verwenden Sie Neonbilder

Neons sind nur für Elemente, die Sie im Design erstellen. Bilder, die Neonelemente enthalten, können dem Design ebenfalls einen Funken Funken verleihen.

Echte Neon-Elemente, wie z. B. Beleuchtung, können in Fotos schwer zu erfassen sein. Entscheiden Sie sich für Bilder, die fast Neonelemente enthalten - Yoke (oben) verwendet eine schöne Kombination aus farbigen Strohhalmen -, um dasselbe Gefühl zu erzeugen.

Halten Sie die Bilder einfach und verwenden Sie dieselben Konzepte von Raum und Kontrast (Sie benötigen beides), die Sie beim Erstellen eines Neon-Elements im Design verwenden würden.

Stellen Sie keine unangemessene Stimmung ein

Neonfarben sind im Allgemeinen lustig, verspielt und ein bisschen exzentrisch. Achten Sie darauf, dass Sie nicht die falsche Stimmung feststellen, indem Sie sie mit Inhalten verwenden, die nicht das gleiche Gefühl haben. Die Verwendung von Neonfarben kann visuelles Interesse erwecken, darf jedoch nicht für jeden Projekttyp verwendet werden.

Passen Sie die Farbmischung an

Mach dein eigenes Neon! Passen Sie Sättigung und Helligkeit an, um Ihre eigenen Neon-Styles zu erstellen. Fangen Sie mit Markenfarben an, um ein funky Konzept zu erhalten, oder legen Sie einfach ein paar Farbtöne an, die Sie ansprechen.

Und fühle dich nicht in dem Neuland, in dem es sein muss. Spielen Sie mit fast-Neon-Optionen, die hell und interessant sind, aber vielleicht etwas weniger in-your-face. Neonfarben umfassen nicht nur Grün, Gelb oder Rosa. Neon-Optionen können aus nahezu jeder Farbe mit erhöhter Helligkeit kommen.

Erzwinge es nicht

Neonfarben sollten nicht forciert werden. Wenn Sie den Weg der Verwendung von Neons beginnen und dies nicht funktioniert, sollten Sie die Idee aufgeben.Es ist nicht für jedes Projekt und Neonfarbe gefällt nicht jedem Designgeschmack.

Verwenden Sie Hintergrund Neons

Versuchen Sie es mit Neonfarben, um eine kräftige, helle Hintergrundästhetik zu schaffen, die etwas fadene Inhalte zum Leben erwecken kann. Ein Neonhintergrund kann helfen? andere Elemente außerhalb des Bildschirms und bieten einen unterhaltsamen Raum zum Überlagern, z. B. die Technik von Scale (oben).

Berücksichtigen Sie beim Entwerfen eines Neon-Hintergrunds Farben, die etwas mehr Tiefe und etwas weniger Helligkeit haben, damit die Farbe andere Designelemente nicht überfordert.

Fazit

Moderne Neon-Designs haben keine 80er-Jahre-Atmosphäre, obwohl viele der Designs daraus entstanden sind. Entscheiden Sie sich für Neons, die in minimalen Design-Frameworks arbeiten, wichtige Inhalte hervorheben und mutige Nachrichten für ein modernes Gefühl bieten.

Neonfarben können viel Spaß machen, aber der Inhalt und die Nachrichten sollten übereinstimmen. Speichern Sie diese Technik für das richtige Projekt und Sie werden mit dem Ergebnis zufriedener sein.