Weiße, klare Hintergründe sind so 2016. Es ist Zeit, Ihre Website mit einer neuen, moderneren Hintergrundbehandlung schnell zu aktualisieren.
Während viele Minimalstile noch vorhanden sind, ist der Mangel an Farbe nicht der Fall. Designer entscheiden sich stattdessen für Grautöne und helle Farben. Hintergrundeffekte treiben mit cooler Geometrie, asymmetrischen Mustern und abstrakter Kunst auch mehr Grenzen. Heute beschäftigen wir uns mit modernen Hintergrundtrends für Websites, voller Beispiele und Inspiration!
1. Geometrie auf Fotos
Heldenbilder und -illustrationen sind immer noch einer der beliebtesten Hintergrunddesignstile. Große Bilder sind ansprechend und eignen sich gut, um Nutzer anzulocken.
Sie sind zwar kein Hintergrund für sich, in den meisten Fällen sind jedoch übergroße Bilder in voller Breite der Hintergrund auf der Homepage. Bilder werden mit Text, Navigationselementen und Handlungsaufrufen (daher als Hintergrund) verwendet.
Das Neue an Heldenbildern ist das Überlagern von Bildern mit coolen geometrischen Elementen für ein interessanteres Bild. Von Strudeln über Rechtecke bis hin zu Elementen, die sich taktiler anfühlen, fügen Designer dem Design grundlegende Formen hinzu.
Was macht diese Arbeit macht Geometrie mit Zweck. Sie können nicht einfach ein paar hübsche Sechsecke auf ein Foto werfen und erwarten, dass es funktioniert. Geometrische Elemente sollten platziert werden, um den Blick auf den rechten Teil des Bildes zu lenken oder Benutzer zu einer bestimmten Aktion zu führen. Durch Geometrie kann ein dunkleres oder stärkeres Design farblich hervorgehoben werden, um diese Augenbewegung zu fördern. Shapes können auch verwendet werden, um die Markenidentität hervorzuheben - insbesondere wenn die gleichen Shapes in Ihrem Logo enthalten sind -, um eine stärkere Verbindung herzustellen.
2. Graustufen
Ein minimalistisches Design zu ändern ist so einfach wie das Hinzufügen eines kleinen Graus. Anstelle eines kargen, weißen Hintergrunds tauchen immer mehr Websites mit hellgrauen Hintergründen auf, die ansonsten nur ein minimales Designmuster aufweisen.
Das Schöne an grauen Hintergründen ist, dass die Farbe reichhaltig und warm oder kühler wirken kann. Die Untertöne können Markenfarben oder umgebende Bilder entsprechen. Oder gehen Sie mit einem blassen schwarzen Grau für einen fast flachen Farbton.
Unabhängig davon, welche graue Variation Sie wählen, denken Sie daran, dass die umgebenden Elemente dazu beitragen, das Farbgefühl der Benutzer zu bestimmen. Es sieht ziemlich weich aus, zum Beispiel auf der Paul Valentine-Site, wenn es mit einem Pastellrosa kombiniert wird, aber viel mehr Mod auf der S. Dallyn-Portfolio-Site.
3. Schichten mit heller Farbe
So wie mit geometrischen Formen geschichtete Hintergründe erstellt werden können, können Farbblöcke den gleichen Effekt haben. Helle Farbauswahl ist eine mutige und interessante Hintergrundauswahl.
Diese farbigen Hintergründe können vielfältigen Zwecken dienen, vom Benutzer in das Design zu ziehen, um einem Raum, dem möglicherweise Bilder oder andere visuelle Elemente fehlen, visuelles Interesse zu verleihen.
Die Basis für diesen Trend sind andere Farbtrends, die das Design in letzter Zeit stark beeinflusst haben. Viele der Farben und Ebenen wirken wie ein Materialdesign (oder einige von flachen Designstilen). Dieses Zusammenführen und Verschieben von Trends ist eine natürliche Entwicklung, die sich leicht integrieren lässt, da sie eher eine Anpassung an eine vorhandene Website als eine vollständige Überarbeitung darstellt.
4. Asymmetrie
Raus aus dem Gitter! (Oder zumindest so einstellen, dass nicht alles so symmetrisch ist.)
Ein Hintergrund muss keine Bündel von kleinen Elementen oder Mustern haben, die perfekt aufeinander abgestimmt sind. Es muss keine Farbe oder ein Bild sein.
Es kann eine Kombination dieser Elemente sein, die so positioniert sind, dass ein perfektes Gleichgewicht entsteht, das Sie nicht in der Mitte nach unten schneiden können. Zu den Optionen kann ein Heldenbild gehören, das nicht die gesamte Breite des Bildschirms einnimmt, mit mehr weißen Flächen auf der einen Seite als auf der anderen, wie von Nap Luxury Guesthouse gezeigt. Es könnte wie ein CMMNTY aussehen, bei dem Textelemente und Leerzeichen gleiche Gegengewichte aufweisen, was den Benutzer fast zwingt, die Buchstaben zu betrachten. Es könnte sich um den subtilen Versatz eines übergroßen Produktbildes mit Text und einem Aufruf zum Handeln handeln, beispielsweise Vase.
Das Design kommt jedoch zusammen, denken Sie an den Hintergrund in Bezug auf die Balance, aber nicht an den Ausstecher. Versuchen Sie etwas anderes. Asymmetrie ist oft mutig, überraschend und visuell interessant (vor allem bei so vielen perfekt symmetrischen Optionen).
5. Abstrakte Kunst
Keine großartige Hintergrundidee? Versuchen Sie etwas Abstraktes. Kombinieren Sie Farben und Formen und Swashes für ein unterhaltsames visuelles Erscheinungsbild.
Wenn Sie Ihre Website gestalten möchten, benötigen Sie ein visuelles Unterscheidungsmerkmal, damit die Benutzer auf die Website aufmerksam werden. Wenn das Design wie alles aussieht, haben die Benutzer möglicherweise keinen Grund, sich zu verhalten.
Gib ihnen etwas sauberes zum Anschauen. Kombinieren Sie ihn mit unwiderstehlichem Text, der ihn dazu bringen möchte, sich mit dem Design zu beschäftigen. Wagen Sie es, mutig, anders und interessant zu sein.
Fazit
Leidet Ihr Website-Design an einem alten, veralteten oder überlasteten Hintergrund? (Es ist in Ordnung, das zuzugeben; es passiert uns irgendwann irgendwann.)
Jetzt ist es an der Zeit, das Design mit einem moderneren Hintergrundstil aufzufrischen. Verwenden Sie die obigen Beispiele als Inspiration, um etwas anderes auszuprobieren und etwas zu schaffen, das sogar außerhalb Ihres Komfortniveaus liegt.