Nicht umsonst war 2017 ein Farbjahr im Website-Design. Farbtrends prägten die Konversation über Design, wobei hellere, kräftigere Farben einen großen Teil der Landschaft ausmachen.
Es gibt einen neuen Farbtrend, der viele dieser hellen Optionen in größeren Farbpaletten kombiniert, die Sie jetzt vielleicht erwarten würden - Regenbogenfarbmuster. Das ist richtig, mehr Designer nehmen mit viel Farbe eine Veränderung vor und integrieren lebhafte Regenbogenfarben mit Farbverläufen in Designprojekte. Und es ist ziemlich cool!
Hier ein Blick auf den Trend und einige Ideen, wie Sie lebhafte Farben verwenden können, die nicht grell sind.
Regenbogen-Animation für Verlobung
Fast seit Spotify die Szene betrat, prägte es Design-Trends und überschritt die Grenzen des coolen Designs. Die Musik-Site aktualisiert und ändert ständig ihr Design und verwendet Microsites, um bestimmte Genres und Künstler hervorzuheben.
Das London Grammar Moodmix-Website-Design verwendet einen springenden Farbklecks, um die Aufmerksamkeit des Benutzers zu erregen. Die Animation ist interessant und lässt Sie fast berühren und berühren. Und das ist das Ziel dieser regenbogenfarbenen Animation. Beachten Sie, dass der Aufruf zum Handeln genau in der Mitte dieser Farbe liegt.
Das Ergebnis ist ein einfaches Design mit einer interessanten Animation, die den Benutzer direkt zum Ziel des Designs führt. Die Animation arbeitet aufgrund der Bewegung mit viel Farbe. Der Fleck wäre in einer einzigen Farbe nicht annähernd so interessant.
Farbe Vs. Dunkel
Regenbogenfarben können aufgrund von Kontrastproblemen schwierig sein. Wenn Sie helle Farbtöne im Regenbogenstil auf einen dunklen Hintergrund setzen, können Sie die meisten dieser Probleme lösen.
Helle Farben springen fast von einem dunklen Hintergrund ab.
Ein anderer bekannter Name in der Gestaltung und Entwicklung von Websites, Github, verwendet Regenbogenfarben, um seine Konferenz in diesem Jahr zu fördern. Die einfache Website verwendet ein lustiges Regenbogen-Logo und Aktionsschaltflächen für den Ticketverkauf. Was dieses Design von vielen anderen Regenbogen-Ästhetiken unterscheidet, ist, dass das Design ziemlich flach ist und kein Farbverlauf verwendet werden kann. Jede Zeile im Logo hat eine andere Farbe als die Buchstaben. Ein Verlauf wird nur für die CTA-Schaltfläche verwendet.
Savee geht in eine andere Richtung mit Regenbogenfarbe auf dunklem Hintergrund und verwendet viele farbige Bilder, um ein Mosaik mit Regenbogengefühl zu erzeugen. Während die meisten Anwendungen von Regenbogenfarben eine Abstufung von Rot über Gelb bis Grün bis Blau ermöglichen, ist dies nicht immer der Fall. Regenbogen-Farbpaletten können alles sein, was einen breiten Farbton erfordert.
Subtile Farbe
Manchmal springen die besten Verwendungsmöglichkeiten von Regenbogenstilen nicht direkt vom Bildschirm. Im Südwesten wird eine subtilere Palette mit Regenbogentönen im Hintergrund verwendet.
Die interessante Auswahl bringt fast alle anderen Farbtrends des Jahres in die Höhe und das Ergebnis ist erfrischend. Sie betrachten das Design fast so, weil es sich so sehr von den anderen Website-Designs unterscheidet.
Heben Sie den Kontrast zwischen Hintergrund- und Vordergrundelementen auch bei einer gedämpfteren Regenbogenfarbpalette hervor, um sicherzustellen, dass jedes Element gut sichtbar und lesbar ist. Dies ist das häufigste Problem bei Designs im Regenbogenstil - zu wenig Kontrast und eine schwierige Lesbarkeit.
Regenbogen-Logo
Erwägen Sie die Verwendung von Regenbogenfarben für ein einfaches Logo. Dies ist wahrscheinlich die schwierigste Verwendung von Regenbogenfarben, kann jedoch einen auffallenden Effekt haben.
Es ist eine Herausforderung wegen der vielen Orte und Möglichkeiten, ein Logo zu verwenden. Die Entscheidung für Regenbogenfarben eignet sich am besten für kleine Marken, die das Logo in vielen Anwendungen nicht verwenden. Sie werden auf jeden Fall eine sekundäre Option wünschen, wenn viel Farbe einfach nicht funktioniert.
Richard Gazdik verwendet ein Regenbogenlogo für sein Portfolio - und die anschließende Navigation. Dank seiner Initialen - RGB - und der Beziehung zu den ausgewählten Farben funktioniert es fast perfekt. Nicht jeder wird dieses Glück haben, aber es zeigt, wie ein High-Color-Logo in einem einfachen Design wirken kann.
Farbe als Brennpunkt
Regenbogenfarben können das Ding sein, das den Benutzer mit einem starken ersten Eindruck in ein Design zieht.
Es gibt jedoch eine dünne Linie zwischen der Regenbogenfarbe, die eingreift, und der Regenbogenfarbe, die die Benutzer abweisen kann. Erinnern Sie sich an einige der Website-Designs der späten 1990er und frühen 2000er Jahre, als fast jede Website helle Farben hatte (und blinzelte)? Diese Art der Regenbogenfarbenbehandlung kann katastrophal sein und die Benutzer abweisen.
Lonsdale macht das Gegenteil mit einem Looping-Video von Regenbogenflüssigkeit, das faszinierend anzusehen ist. Die Bewegungen und Farbänderungen sind fett und machen Lust auf einen Blick. Der Hintergrund des Regenbogens wird durch weiße Schrift und Navigationselemente versetzt, um den Benutzer durch den Rest des Designs zu führen, der die Farbe der Bilder auf weißem Hintergrund beibehält.
Color Code verfolgt einen anderen Ansatz mit vielen hellen Farben im gesamten Design. Farbe wird verwendet, um das Produkt auf dem Bildschirm sichtbar zu machen - Telefone und Uhren, die Apps anzeigen.
Erstellen Sie einen ansprechenden Hintergrund
Rainbow Blobs könnten beinahe ein Farbtrend für sich sein - flüssige Animationen, Tintenstil, sich bewegende Farbblasen. Als Hintergrundelement kann die Farbe des Regenbogens dabei helfen, den Ton für ein Projekt festzulegen und den Benutzer zu motivieren. (Denken Sie nur daran, wie viel mehr Sie als ein einzelner beige Hintergrund gezeichnet werden.)
Viele dieser Hintergrundelemente haben zwar Bewegungen in Form einer Animation oder eines Videos, müssen dies jedoch nicht. Bei Websites mit Regenbogen-Hintergrund ist es üblich, dass sie häufig auf der Startseite oder über dem Scroll-Design enthalten sind und der Rest der Website weniger ausgelastet ist.
Das ist eine großartige Technik, wenn es um Engagement geht. Es gibt gleich etwas für Benutzer, mit denen sie sich verbinden können, und führt sie zu Inhalten, in die sie tiefer eintauchen können.
Mehr Gradiententechniken
Regenbogenfarben können eine Erweiterung eines anderen Farbtrends aus diesem Jahr sein - die Rückkehr des Farbverlaufs.
Versuchen Sie eine Verlaufsüberlagerung mit einem Regenbogengefühl. Wählen Sie eine Farbänderung von Rot zu Blau, z. B. SpicyWeb, oder wählen Sie Farben, die etwas trendiger sind, z. B. Talkd.
In jedem Fall kann die Verwendung eines Farbverlaufs eine unterhaltsame Art sein, Farbe hinzuzufügen, ohne sich überwältigend zu fühlen. Es funktioniert im Vollbildmodus oder in kleineren Elementen. Ein Farbverlauf kann Ihnen auch dabei helfen, Markenfarben in ein Regenbogenstil-Farbschema zu integrieren, ohne die gesamte Website neu gestalten zu müssen.
Markieren Sie etwas anderes
Verwenden Sie den Trend der Regenbogenfarbe, um etwas Ungewöhnliches oder etwas anderes in Ihrem Design hervorzuheben. Da Regenbogenfarben so aufmerksamkeitsstark sind, können sie Benutzern mit einem unkonventionellen Benutzermuster helfen, den Blick auf einen bestimmten Inhalt oder einen Teil des Bildschirms lenken oder Klick und Conversions erstellen.
Jony Guedj verwendet Farbe für die Navigation. Die Menüelemente werden nicht wie üblich zusammengestellt, sondern befinden sich am unteren Rand des Bildschirms und funktionieren nur mit der Bildlaufaktion, um verschiedene Videoclips anzuzeigen. Während diese Art von Design normalerweise nicht empfohlen wird, funktioniert es hier. Die Farben des Regenbogens ziehen die Benutzer dazu an, mit ihnen in Kontakt zu treten, und helfen den Benutzern, die Verwendung der Website zu verstehen.
Fazit
Der Trend der Regenbogenfarben macht viel Spaß.
Die Verwendung kann schwierig sein, wenn die Farbe Sie ein wenig einschüchtert. Beginnen Sie klein mit einem Regenbogenfarbelement, um zu sehen, wie es funktioniert. Die meisten Designer konvertieren nicht ganze Websites in Regenbogen-Designs. Sie verwenden Regenbogenfarben, um effektive visuelle Elemente zu erzeugen, die die Benutzer anziehen. Aus diesem Grund hat sich der Trend wahrscheinlich entwickelt.