Wenn du nach einer witzigen und einzigartigen Möglichkeit suchst, die Websites deiner Kunden zum Leben zu erwecken, sind Farbverläufe vielleicht der Webdesign-Trend, den du dieses Jahr ausprobieren solltest. In diesem Artikel gehen wir auf die Verwendung von Farbverläufen ein und geben dir Tipps und inspirierende Beispiele.
Farbverläufe sind im Webdesign nicht neu. Erinnerst du dich an Skeuomorphismus? Damals haben wir Farbverläufe verwendet, um digitalen Objekten einen 3D-Look zu verleihen.
Aber als in den 2010er Jahren Minimal Design und Flat Design das Web eroberten, gerieten Farbverläufe immer mehr in Vergessenheit. Das lag nicht daran, dass sie veraltet waren, sondern einfach daran, dass die Designer bei den aktuellen Webdesign-Trends keine Verwendung mehr für sie hatten.
Man könnte argumentieren, dass das Logo-Redesign von Instagram im Jahr 2016 den Farbverläufen im Webdesign neues Leben eingehaucht hat. Nachdem alle gesehen hatten, was Instagram mit Farben machen kann, dauerte es nicht lange, bis wir überall Farbverläufe sahen.
Jetzt schreiben wir das Jahr 2021 und Farbverläufe sind immer noch lebendig und gut. Wenn du wissen willst, wie man sie einsetzt, oder dich einfach nur inspirieren lassen willst, lies weiter.
Was sind Farbverläufe?
Ein Farbverlauf ist eine Art von Farbschema, das allmählich von einer Farbe zu einer anderen (und möglicherweise zu mehreren) übergeht. Wir können Farbverläufe auch als Farbkarten bezeichnen, da die Farbwerte entlang des Verlaufs variieren, im Gegensatz zu Volltonfarben, die nur einen HEX-Code haben.
Dies ist ein Beispiel für einen linearen oder axialen Farbverlauf:
Diese Art von Farbverlauf beginnt mit zwei Farben an entgegengesetzten Enden des Elements. In diesem Fall ist es ein helleres Blau in der linken oberen Ecke und ein dunkleres Blau in der rechten unteren Ecke. Die Farbe geht fließend zwischen den beiden über.
Dies ist ein Beispiel für einen radialen Farbverlauf:
Diese Art von Farbverlauf beginnt ebenfalls mit zwei Farben. Allerdings beginnt das hellere Grün in der Mitte der Grafik und strahlt nach außen aus, bis es in das dunklere Grün übergeht.
Wir haben gesehen, dass Farbverläufe in allen Bereichen eingesetzt werden. Von Produkten und Verpackungen wie der Parfümlinie von Zara:
Zu Haarfarben-Trends, wie wir sie in den letzten Jahren bei Prominenten gesehen haben. Prominente wie Cardi B, Sarah Michelle Gellar und Kylie Jenner haben alle mit Farbverläufen experimentiert:
Auch im digitalen Bereich ist die Übernahme von Farbverläufen kein Fremdwort. App-Designer*innen spielen schon seit einer Weile mit Farbverläufen herum. Im Jahr 2016 überraschte Instagram alle mit der Neugestaltung von Farbverläufen, und jetzt sehen wir uns den Zustand unserer beliebtesten Produkte an:
Farbverläufe sind heute ein beliebter Trend im Webdesign und können auf eine Vielzahl von Elementen einer Website angewendet werden. Zum Beispiel:
- Logos
- Kopfzeilen-Elemente
- Hintergründe
- Typografie
- Icons
- Fotos
- Schaltflächen
Im weiteren Verlauf dieses Beitrags werden wir uns zahlreiche Beispiele von Marken ansehen, die zeigen, was man mit Farbverläufen im Webdesign alles anstellen kann.
Warum Farbverläufe im Webdesign verwenden
In den letzten Jahren haben sich Farbverläufe im Webdesign wieder durchgesetzt. Ähnlich wie Material Design und Flat Design 2.0 populär wurden, bieten Farbverläufe eine Möglichkeit, einer ansonsten flachen und leblosen Webseite mehr Textur, Tiefe und Spannung zu verleihen.
Es gibt noch weitere Gründe, warum wir Farbverläufe auf Websites verwenden:
So erstellst du neue Farbschemata
Die allgemeine Regel bei der Auswahl einer Farbpalette für eine Website ist, nicht mehr als zwei oder drei Farben dafür auszuwählen. Doch anstatt jeweils nur eine Farbe zu verwenden, kannst du mit Farbverläufen zahlreiche Farben auf einmal gestalten.
Nimm dieses Beispiel von Spotify:
Anstatt einen einfarbigen violetten, blauen oder schwarzen Hintergrund für den Heldenbereich zu verwenden, nutzt der Designer einen Farbverlaufseffekt, um alle Farben zu mischen.
Dies ist nicht die einzige Stelle, an der Spotify Farbverläufe einsetzt. Der Spotify-Bericht Loud & Clear ist vollgestopft mit Hintergründen und Animationen mit Farbverläufen:
Die Wahl dieser Farbpalette bringt viel Leben und Spaß in die Marke Spotify, wo immer Nutzer und Künstler ihr online begegnen.
Besucher fesseln
Das Aussehen eines Farbverlaufs kann an und für sich schon sehr fesselnd sein, selbst wenn die Farben gedämpft und der Übergang subtil ist. Farbverläufe müssen jedoch nicht statisch sein.
Ein Beispiel für Farbverläufe in Bewegung findest du auf der Stripe-Website:
Hier sind viele Farben im Spiel, und dennoch wirkt es nicht übertrieben. Stattdessen erzeugt die fast lavaartige Art und Weise, in der sie ineinander übergehen, einen Effekt, der nicht zu übersehen ist.
So können Besucher ihre Aufmerksamkeit konzentrieren
Es gibt viele Möglichkeiten, mit Webdesign die Aufmerksamkeit der Besucher zu erregen. Farbverläufe sind in dieser Hinsicht sehr nützlich.
Nimm dieses Beispiel von Pepsi:
Viele Bereiche dieser Homepage enthalten einfarbige Blautöne. Aber wenn Besucher diesen Punkt auf der Seite erreichen, sollte der radiale Farbverlauf sie zum Anhalten zwingen. Der Grund dafür ist nicht der Farbverlauf selbst, sondern vielmehr der Spotlight-Effekt, den er um die Pepsi-Dose herum erzeugt.
Lineare Verläufe können auch dazu verwendet werden, die Aufmerksamkeit zu lenken. In der Regel werden sie so angeordnet, dass die Augen der Besucher die richtige Richtung auf der Seite einschlagen.
Sketch macht dies auf seiner gesamten Homepage. Nimm z. B. diese mit einem Farbverlauf gefüllte Form im Heldenbereich:
Die helleren Ränder des Farbverlaufs werden zwangsläufig mehr Aufmerksamkeit auf sich ziehen als das dunklere Innere. Wenn die Augen der Besucher zu den helleren Rändern wandern, wird die nach rechts gerichtete Pfeilspitze sie weiter auf die Einleitung der Website hinweisen.
Du siehst die Farbverläufe auch weiter unten auf der Seite. Auch hier helfen die helleren Bereiche der Blöcke den Augen der Nutzer, sich auf die darin enthaltenen Botschaften zu konzentrieren.
Um das Design einprägsamer zu gestalten
Erinnerst du dich, als Instagram sein Logo neu gestaltete? Es war eine große Sache und jeder hat darüber gesprochen (aus guten und schlechten Gründen), wie Matt Knorr auf Medium.
s war vielleicht nicht die beste Wahl in Bezug auf die Benutzerfreundlichkeit, aber es hinterließ bei den Nutzern einen unvergesslichen Eindruck, und dieses Farbverlaufsdesign hat es bis heute beibehalten.
Amdocs ist eine weitere Marke, die den Weg des Gradienten-Brandings gegangen ist:
Die Menüanzeigen, Schaltflächen und Hover-Effekte von Amdocs heben sich in starkem Kontrast von dem dunklen Hintergrund der Website ab. Sie erscheinen auch über größere Flächen, im Gegensatz zu Instagram, dessen Branding meist als winzige Details innerhalb der App und meist vor einem weißen oder grauen Hintergrund erscheint.
Darüber hinaus verwenden wichtige Teile des Textes eine Farbpalette mit Farbverläufen. Dies hilft Amdocs, zwei Ziele zu erreichen. Erstens soll die Typografie einprägsamer werden. Das zweite Ziel ist die Betonung der Markenbotschaft.
So erstellst du Verläufe im Webdesign
Es gibt drei gängige Möglichkeiten, Farbverläufe für eine Website zu erstellen:
Option 1: CSS3 verwenden
Wenn du mit der Codierung von Stilen in deiner WordPress-Website vertraut bist, kannst du auf diese Weise Farbverläufe hinzufügen. Das Codeschnipsel sieht dann etwa so aus:
Mach dir keine Sorgen, wenn du es nicht gewohnt bist, CSS von Grund auf zu schreiben. Du kannst CSS Gradient verwenden, um deine Farbverläufe zu erstellen:
background: rgb(238,174,202);
background: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);
Mit diesem Werkzeug kannst du:
- Farben hinzufügen oder entfernen
- festlegen, wo sie beginnen und enden
- die Intensität erhöhen oder abschwächen
- den Farbverlauf auf linear oder radial einstellen
- den Grad der Drehung ändern
Wenn du mit dem Konfigurieren der Einstellungen fertig bist, scrolle nach unten und nimm das CSS.
Wenn du dies noch weiter vereinfachen möchtest, kannst du stattdessen den 3-Farben-Gradientengenerator von ColorSpace verwenden:
Wähle einfach die drei Farben, die du verwenden möchtest, lege die Ausrichtung fest und klicke dann auf „Generieren“. Deine CSS-Codes werden unten angezeigt.
Option 2: Vorgefertigte Farbverläufe verwenden
Wenn du dir keine eigenen Farbverläufe ausdenken möchtest, kannst du jederzeit vorgefertigte Farbverläufe online herunterladen.
uiGradients ist eine gute Wahl, wenn du Hilfe bei der Erstellung von Farbverlaufsschemata auf der Grundlage der Primärfarbe, mit der du arbeitest, benötigst:
Du kannst dann das CSS des Farbverlaufs, der dir gefällt, übernehmen oder als JPG speichern, wenn du ihn als Hintergrund auf deiner Website verwenden willst.
Eine weitere Möglichkeit ist WebGradients.com.
Du kannst diese Farbverläufe als CSS-Snippet oder PNG speichern oder das gesamte Paket mit 180 Farbverläufen für Sketch oder Photoshop herunterladen (falls du dort deine Entwürfe machst).
Grabient ist ein weiteres kostenloses Tool, das viele vorgefertigte Farbverläufe enthält. Allerdings hast du etwas mehr Kontrolle darüber, wie dein Farbverlauf ausfällt.
Du kannst die Rotation des Farbverlaufs ändern, Farben hinzufügen oder entfernen und die Farbanteile anpassen.
Option 3: Create Gradients in Elementor
Wenn du es vorziehst, die Arbeit innerhalb von WordPress zu erledigen, kannst du dies ganz einfach mit Elementor tun.
Für den Anfang kannst du ganz einfach Farbverläufe als Hintergrund festlegen.
Du kannst mit Elementor auch Filtereffekte zu deinen Bildern und Videos hinzufügen. Du hast die vollständige Kontrolle darüber, wie deine Farbverläufe im Stil-Panel aussehen.
Nicht nur die größeren Komponenten deiner Website kannst du mit Farbverläufen versehen. Du kannst auch kleinere Elemente wie Schaltflächen mit Farbverläufen versehen.
Farbverläufe ziehen garantiert die Aufmerksamkeit auf sich, wo auch immer sie eingesetzt werden, daher ist es sehr sinnvoll, sie bei der Gestaltung Ihrer Call-to-Action zu verwenden.
Tipps zur Gestaltung von Farbverläufen
Genau wie bei der Farbpalette einer Website solltest du dir auch bei deinen Farbverläufen viele Gedanken machen. Hier sind einige Tipps, die du beachten solltest:
1.Füg eine dritte Farbe zu deinen Farbverläufen hinzufügen, um eine gräuliche Mitte zu vermeiden
Wenn du einen attraktiven Farbverlauf gestalten willst, brauchst du mehr als zwei Farben dafür:
- Eine für eine <Seite-oder-Ecke
- Eine für den <linearen-Farbverlauf
- Eine für die andere <Seite-oder-Ecke>.
Wenn du keinen mittleren <linear-color-stop> festlegst, besteht die Möglichkeit, dass der Farbverlauf nicht so sanft übergeht und du am Ende eine gräuliche Farbe dazwischen hast. Zum Beispiel so:
Indem du einen Farbwert zwischen den beiden <side-or-corner>-Werten einstellst, kannst du das verhindern. Hier ist eine Möglichkeit, dies zu beheben:
Wenn du einen leuchtenden Farbverlauf erstellen möchtest, ist der dritte Farbwert eine einfache Lösung für dieses Problem. Wenn der Farbverlauf dezenter sein soll, suchst du nach Farbwerten, die einander ähnlich sind.
2.Wähle eine Primärfarbe, die die richtigen Signale sendet
Nur weil du mit einem Farbverlauf einen einzigartigen Farbeffekt erzielst, heißt das nicht, dass du die Farbtheorie über Bord werfen kannst. Stell sicher, dass du eine Primärfarbe wählst, die die richtige Stimmung erzeugt und die richtigen Emotionen vermittelt.
3.Erlaub Farbkontrast, aber keinen Konflikt
Es gibt einen großen Unterschied zwischen Farben, die miteinander kontrastieren, und solchen, die einfach nicht gut zusammenpassen.
Verwende das Farbrad von Canva um mögliche Optionen zu erkunden.
Leg deine Primärfarbe im ersten Feld fest. Verwend dann den Farbkombinationsgenerator, um Farbkombinationen für deinen Farbverlauf zu finden.
4.Immer wissen, wo die Lichtquelle ist
Auch wenn dein Farbverlauf eher surreal als natürlich aussieht, musst du ihn mit einer Lichtquelle im Hinterkopf entwerfen. Die Richtung, aus der die Lichtquelle kommt, bestimmt, welche Art von Farbverlauf du verwendest (linear vs. radial) und wie hell das hellere Ende des Farbverlaufs sein sollte.
Die Seite EMBA for Eurasia hat zum Beispiel eine deutliche Lichtquelle, die von der rechten Seite kommt.
Dieses Farbverlaufsdesign sieht aus wie die Art von Farbverläufen, die wir sehen, wenn die Sonne in einer schönen Landschaft auf- oder untergeht.
Du kannst auch die Richtungsabhängigkeit des Verlaufs nutzen, um die Besucher effizienter durch die Seite und zu den wichtigsten Teilen der Seite zu leiten – was dort sein sollte, wo das hellere Ende ist.
Die Orson-Website bietet hierfür ein interessantes Beispiel:
Die animierte Kugel mit dem Farbverlauf erfüllt hier mehrere Zwecke. Erstens hebt sie die Hauptbotschaft „Vertrauen schaffen“ besonders hervor. Zweitens sorgen die helleren Bereiche in Verbindung mit der Animation dafür, dass sich die Website lebendig anfühlt und die Besucher dazu animiert werden, weiterzugehen, um zu sehen, was sie sonst noch erwartet.
Du kannst auch das Designprinzip der visuellen Hierarchie nutzen, um die Menge an hellen und dunklen Bereichen entlang des Farbverlaufs zu verändern, um den Besuchern indirekt zu zeigen, worauf sie ihre Aufmerksamkeit richten sollen.
5.Sei vorsichtig mit Banding
Bandings sind Linien, die innerhalb von Farbverläufen erscheinen. Die Besucher sehen also keinen fließenden Übergang von einer Farbe zur nächsten, sondern eine subtile Abgrenzung zwischen den Farbwerten.
Hier ein Beispiel:
Dies geschieht, wenn nicht genügend Farbwerte vorhanden sind, um den Farbverlauf vollständig auszufüllen. Es gibt eine Reihe von Gründen, warum dies geschieht.
Zunächst einmal kann die Bittiefe des Bildes zu niedrig sein. Außerdem tritt dieses Problem häufiger bei großen Bildern auf. Das liegt daran, dass bei großen Bildern der Abstand zwischen den beiden Farben zu groß ist, um den Raum zwischen ihnen gleichmäßig abzudecken. Und wenn es einen großen Kontrast zwischen den Farben gibt, ist es wahrscheinlicher, dass du ihn auch siehst.
Wenn du mit Streifenbildung zu kämpfen hast, kannst du mit deiner Bildbearbeitungssoftware versuchen, diese Streifen mit Rausch- und Dither-Einstellungen zu glätten. Vielleicht musst du auch einfach mit anderen Farben experimentieren.
Hier siehst du, was passiert, wenn der obige Farbverlauf durchgehend analoge Farben verwendet:
Bei diesem Farbmuster ist der größte Teil des Streifens verschwunden. Es ist vielleicht nicht die leuchtendste Palette, aber der Farbverlauf sieht nicht mehr so künstlich aus.
Schauen wir uns ein Beispiel aus der Praxis an, wie man das macht. Dieses Beispiel stammt vom UR-Büro und zeigt, wie man einen Farbverlauf lebendig aussehen lassen kann, ohne es mit den Farbkombinationen zu übertreiben:
Beachte, dass dies keine feste Regel ist, die du befolgen musst. Es gibt viele Webdesigner, die extreme Farbverläufe verwenden, ohne dass das Problem der Streifenbildung auftritt. Oft werden Unschärfen verwendet, und die Farbverläufe sehen eher wie Bokehs aus.
Hier ist ein solches Beispiel von Virgile Guinard:
Und eine weitere von der Grafikdesignerin Jemima:
Das ist eine Designentscheidung, die wir immer häufiger auf den Websites von Kreativen sehen. Solange sie das Aussehen der Künstlerportfolios nicht beeinträchtigen, können diese regelwidrigen Entscheidungen sehr gut funktionieren.
Zeus Jones ist eine Kreativagentur, die sich für grenzüberschreitende Farbverläufe entschieden hat. Dieser animierte Hintergrund erscheint nur oben auf der Homepage:
Für den Rest der Website werden kräftige, einfarbige Hintergrundfarben verwendet, um sicherzustellen, dass die Arbeit und die Botschaften frei von Ablenkungen bleiben.
Web Design Farbverlauf Trends & Beispiele
Es gibt so viele Möglichkeiten, wie Designer heute Farbverläufe im Web einsetzen. Werfen wir einen Blick auf einige der beliebtesten Trends:
Weiche, subtile Farbverläufe
Die Recess-Homepage hat eine Reihe von Farbverläufen, aber derjenige, auf den man sich konzentrieren sollte, befindet sich etwa in der Mitte der Seite. Der himmelblaue Hintergrund geht langsam in rosa über. Wenn Besucher auf der Seite nach unten scrollen, um den Inhalt zu lesen und die Grafiken zu betrachten, bemerken sie den Übergang vielleicht gar nicht, bis der Hintergrund in ein viel dunkleres Rosa übergegangen ist.
Gucci Beauty ist ein weiteres schönes Beispiel für weiche Farbverläufe in Aktion.
Bei dieser Seite müssen die Besucher jedoch nicht scrollen, um den Augenschmaus zu erleben. Der rotierende Hintergrund mit weichen Farbverläufen befindet sich oberhalb der Falz.
Multicolor Gradient Hintergründe
Das KIKK-Festival hat immer eine ausgefallene Website, um seine jährliche Konferenz zu bewerben. Diese hier ist ein gutes Beispiel dafür, wie man mit zahlreichen Farben in einem einzigen Farbverlauf spielen kann, ohne dass es überwältigend wirkt. Über die gesamte Länge der Homepage verteilt, gehen die Farben langsam ineinander über.
Stimmungsverbessernde Farbverlaufseffekte
Air Ocean Cargo ist ein wirklich interessantes Beispiel. Die Botschaft ist ähnlich wie die von Recess, die Besucher sollen sich „entspannen“. Die Verwendung von Farbverläufen ist jedoch ganz anders.
In diesem Fall sehen wir einen radialen Farbverlauf, der sich zum aufmunternden und eingängigen Beat der Musik bewegt, die auf der Website gespielt wird. Er ändert seine Farbe, wenn der Besucher das Lied über den Controller oben rechts wechselt. Wenn der Besucher die Musik auf Pause stellt, wird der Farbverlauf zu einer weichen Haloform.
3D-Gradienten
Das Portfolio der freiberuflichen Designerin Julie Bonnemoy hat als Hauptgrafik einen lavalampenartigen Effekt. Die 3D-Kleckse schweben um den Abschnitt herum und enthüllen gelegentlich Julies Willkommensnachricht für die Besucher. Das schillernde Design mit den Farbverläufen ist auf jeden Fall fesselnd und macht neugierig darauf, was ihr Portfolio sonst noch so zu bieten hat.
Die Adova Group hat es sich zur Aufgabe gemacht, den Menschen zu helfen, sich zu entspannen (in diesem Fall geht es darum, ihnen zu helfen, besser zu schlafen). Das ist ein Trend, den du beachten solltest, wenn du eine Website für eine Marke mit einer ähnlichen Mission entwirfst. Es besteht eindeutig ein Zusammenhang zwischen der Idee der Entspannung und dem Aussehen und Gefühl von Farbverläufen.
uch wenn du eine Website für jemanden entwirfst, der nicht aus dem Gesundheits- und Wellnessbereich kommt, kannst du dich von dieser surrealen 3D-Landschaft inspirieren lassen. Sieh dir an, was mit der Kugel am Ende dieses GIFs passiert. Der Farbverlauf verleiht dem Element der Datenvisualisierung einen 3D-Effekt. Das allein ist schon ein cooles Konzept, das sich auf eine Vielzahl von Websites anwenden lässt.
Farbverläufe auf Website-Bildern
Es ist nicht immer einfach, das perfekte Rohfoto für eine Website zu finden. Zum Glück gibt es zahlreiche Werkzeuge, mit denen wir die Farbe unserer Bilder leicht anpassen oder Filter hinzufügen können, damit sie genau das Aussehen und die Stimmung vermitteln, die wir brauchen.
Bei der Auswahl von Farbfiltern solltest du die Anwendung eines Verlaufsfilters in Betracht ziehen, wie es Adobe hier tut:
Es ist nicht immer einfach, das perfekte Rohfoto für eine Website zu finden. Zum Glück gibt es zahlreiche Werkzeuge, mit denen wir die Farbe unserer Bilder leicht anpassen oder Filter hinzufügen können, damit sie genau das Aussehen und die Stimmung vermitteln, die wir brauchen.
Bei der Auswahl von Farbfiltern solltest Sie die Anwendung eines Verlaufsfilters in Betracht ziehen, wie es Adobe hier tut:
Die Landing Page von Running on Experience enthält eine Reihe von Bildverlaufsfiltern wie diesen. Hier ist ein weiteres Beispiel:
Diese Bildverläufe sind interessant, weil sie nicht die typische Überblendung von einer Farbe zur anderen sind. Nur das Motiv des Fotos ist in einen Farbverlaufsfilter getaucht.
Da es in dieser Reportage um Verwandlung geht, wirkt der Farbverlaufsfilter fast wie eine symbolische Darstellung der Verwandlung, die das Motiv durchläuft. Erst auf dem letzten Bild sehen wir sie völlig frei von Filtern und Farbverläufen.
Eine weitere Möglichkeit, mit Farbverläufen auf Bildern zu experimentieren, besteht darin, einen einzelnen Farbfilter zu verwenden und ihn auszublenden. Dadurch werden die transparente und die undurchsichtige Seite des Filters in zwei verschiedene Farben verwandelt.
CTA-Schaltflächenverläufe
Die Website von JLo Beauty ist voll von schillerndem Glanz, von den Hintergrundgrafiken bis zu den Produktfotos. Die Schaltflächen unterscheiden sich nicht im Stil, wohl aber in der Art und Weise, wie sie auf die Berührung der Besucher reagieren.
Wenn jemand den Mauszeiger über eine der Schaltflächen „In die Tasche“ bewegt, erwacht der Farbverlauf für eine Sekunde zum Leben.
Du musst nicht das gesamte Schaltflächendesign in einen Farbverlauf verwandeln, wenn du das nicht willst. Croma zum Beispiel setzt Farbverläufe strategisch auf seiner Website ein. Du wirst sie z. B. für die Animation von Schaltflächen verwenden, die durch einen Hover ausgelöst werden.
Wenn der Benutzer mit dem Mauszeiger über die einzelnen anklickbaren Felder oder Schaltflächen fährt, erscheint ein Rahmen mit Farbverlauf. Diese Art von Hover-Bestätigungseffekt wäre auch für die Navigation nützlich.
Bilder mit natürlichen Farbverläufen
Farbverläufe kommen in unserer Welt natürlich vor. Man braucht sich nur den Himmel oder das Meer anzuschauen, um sie zu erkennen. Wenn du Bilder für deine Website auswählst, solltest du in Erwägung ziehen, ihre eigenen Farbverläufe in dein Design zu integrieren, wie es Honest Tea (https://www.honesttea.com) getan hat. Dadurch entsteht ein wirklich einzigartiger Effekt, der viele Besucher unvorbereitet treffen wird (auf eine gute Art und Weise).
Verwende Farbverläufe, um ein spannendes Erlebnis zu schaffen H2
Wenn du nach einer lustigen und einzigartigen Möglichkeit suchst, die Websites deiner Kunden zum Leben zu erwecken, sind Farbverläufe vielleicht der Webdesign-Trend des Jahres. Du machst damit nicht nur flache und einfarbige Farben lebendiger und aufregender, sondern sie sind auch nützlich, um die Aufmerksamkeit zu lenken und das Engagement zu verbessern.
Übersetzt von Lisa Kraus
von Website Freiburg
Quelle, unser Websoftware Partner Elementor Pro:
www.elementor.com/blog/gradients-in-web-design
