5 moderne Website-Hintergrundideen für 2017
Weiße, krasse Hintergründe sind so 2016. Es ist Zeit, Ihre Website mit einer neuen, moderneren Hintergrundbehandlung schnell zu aktualisieren.
Während viele minimale Stile noch vorhanden sind, ist der Mangel an Farbe nicht vorhanden. Designer entscheiden sich stattdessen für Grautöne und leuchtende Farben. Hintergrundeffekte setzen mit cooler Geometrie, asymmetrischen Mustern und abstrakter Kunst immer mehr Grenzen. Heute beschäftigen wir uns mit modernen Website-Hintergrundtrends voller Beispiele und Inspirationen!
Entdecken Sie Designressourcen
1. Geometrie auf Fotos
Heldenbilder und Illustrationen sind immer noch einer der beliebtesten Hintergrunddesignstile. Große Bilder sind ansprechend und eine gute Möglichkeit, Benutzer anzulocken.
Obwohl sie per se kein Hintergrund sind, bilden in den meisten Fällen übergroße Bilder in voller Breite den Hintergrund auf der Homepage. Bilder werden mit Text, Navigationselementen und Handlungsaufforderungen überlagert (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 diese Arbeit ausmacht, ist die Verwendung von Geometrie mit Zweck. Sie können nicht einfach ein paar ordentliche Sechsecke auf ein Foto legen und erwarten, dass es funktioniert. Geometrische Elemente sollten platziert werden, um das Auge auf den rechten Teil des Bildes zu lenken oder Benutzer zu einer bestimmten Aktion zu führen. Geometrie kann einen Farbtupfer in einem dunklen oder stärkeren Design hinzufügen, um diese Augenbewegung zu fördern. Formen können auch verwendet werden, um die Markenidentität hervorzuheben - insbesondere wenn Ihr Logo dieselben Formen enthält -, um eine stärkere Verbindung herzustellen.
2. Grautöne
Das Umschalten eines minimalistischen Designs ist so einfach wie das Hinzufügen eines kleinen Graus. Anstelle eines kargen, weißen Hintergrunds tauchen immer mehr Websites mit hellgrauem Hintergrund mit einem ansonsten völlig minimalen Designmuster auf.
Das Tolle an grauen Hintergründen ist, dass die Farbe satt und warm sein oder sich kühler anfühlen kann. Die Untertöne können mit Markenfarben oder umgebenden Bildern übereinstimmen. Oder wählen Sie ein blassschwarzes Grau für einen fast flachen Farbton.
Egal für welche Grauvariante Sie sich entscheiden, denken Sie daran, dass die Elemente um sie herum dazu beitragen, das Gefühl der Farbe für den Benutzer zu beeinflussen. 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. Ebenen mit heller Farbe
So wie geometrische Formen zum Erstellen von geschichteten Hintergründen verwendet werden können, können Farbblöcke den gleichen Effekt haben. Helle Farbwahlen sind eine mutige und interessante Hintergrundwahl.
Diese farbigen Hintergründe können mehreren Zwecken dienen, angefangen beim Zeichnen von Benutzern in das Design bis hin zum Hinzufügen von visuellem Interesse zu einem Raum, in dem möglicherweise Bilder oder andere visuelle Elemente fehlen.
Die Grundlage dieses Trends sind andere Farbtrends, die das Design in letzter Zeit stark beeinflusst haben. Viele der Farben und Schichten wirken wie Material Design (oder haben sich von flachen Designstilen übertragen). Diese Verschmelzung und Verschiebung 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 sein kann.
4. Asymmetrie
Raus aus dem Netz! (Oder stellen Sie es zumindest so ein, dass nicht alles so symmetrisch ist.)
Ein Hintergrund muss keine Bündel winziger Elemente oder Muster enthalten, die perfekt aufeinander abgestimmt sind. Es muss keine Volltonfarbe oder ein Vollbild sein.
Es kann eine Kombination dieser Elemente sein, die so positioniert sind, dass eine perfekte Balance entsteht, die Sie nicht genau in der Mitte abschneiden können. Zu den Optionen gehört möglicherweise ein Heldenbild, das nicht die gesamte Breite des Bildschirms einnimmt und auf der einen Seite mehr Leerraum als auf der anderen Seite aufweist, wie dies von Nap Luxury Guesthouse gezeigt wird. Es könnte wie ein CMMNTY aussehen, bei dem Textelemente und Leerzeichen gleiche Gegengewichte haben, um einen Effekt zu erzielen, der den Benutzer fast zwingt, die Buchstaben zu betrachten. Dies kann der subtile Versatz eines übergroßen Produktbilds mit Text und einem Aufruf zum Handeln sein, z. B. eine Vase.
Wie auch immer das Design zusammenkommt, denken Sie an den Hintergrund in Bezug auf das Gleichgewicht, aber nicht an den Ausstecher. Probieren Sie etwas anderes aus. Asymmetrie ist oft mutig, überraschend und visuell interessant (insbesondere bei so vielen perfekt symmetrischen Optionen).
5. Abstrakte Kunst
Sie haben keine gute Hintergrundidee? Versuchen Sie etwas Abstraktes. Kombinieren Sie Farben, Formen und Swashes für ein unterhaltsames Bild, das möglicherweise überhaupt nicht aussieht.
Wenn Sie Ihre Website gestalten möchten, benötigen Sie ein visuelles Unterscheidungsmerkmal, damit Benutzer, die auf die Website kommen, etwas Interessantes finden, das ihre Aufmerksamkeit auf sich zieht. Wenn das Design wie alles andere aussieht, haben Benutzer möglicherweise keinen Grund, hier zu bleiben.
Gib ihnen etwas Ordentliches zum Anschauen. Kombinieren Sie es mit unwiderstehlichem Text, der sie dazu bringt, sich mit dem Design zu beschäftigen. Wagen Sie es, mutig, anders und interessant zu sein.
Fazit
Leidet Ihr Website-Design unter einem alten, veralteten oder überstrapazierten Hintergrundstil? (Es ist in Ordnung, es zuzugeben; es passiert uns allen 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 kreieren, das möglicherweise sogar außerhalb Ihres Komfortniveaus liegt.
