Eigenschaften eines ganzseitigen Website-Hintergrundbildes

Wir versuchen, eine Webseite mit einem Hintergrund in voller Größe zu erstellen. Die folgenden Seiten sind unsere Inspiration:

Wir haben selbst eine Seite mit einigen markanten Bildern erstellt, die jedoch immer flach und leblos wirken und der Kopie keine Chance geben, sich abzuheben.

Es scheint einige gemeinsame Eigenschaften der funktionierenden Bilder zu geben, die wir nicht genau bestimmen können.

Welche Qualitäten von Bildern oder Techniken, die für diese Bilder verwendet werden, würden es ermöglichen, sie effektiver als Vollbildhintergrund für Webseiten zu verwenden?

Ich denke, die Antworten hier sind ziemlich gut, aber ein Punkt muss hinzugefügt werden: Bei vielen guten Fotos sehen Sie "einen Weißton" und "einen Schwarzton", und der Rest ist normalerweise gut zwischen diesen beiden verteilt, ohne den Anschein zu erwecken, dass dies versehentlich der Fall ist sich zu sehr an eine bestimmte Tonbandbreite anlehnen (zusammen mit kompositorischen Elementen, die in den Antworten angesprochen wurden). So vermeiden sie es, flach oder bedrückend zu sein. Die Proben, die ich hier sehe, haben das jedoch genommen und an den Enden ein wenig zusammengedrückt, um Schwarzweiß für den Text zu reservieren.

Antworten (2)

Um Ihre eigene Situation anzugehen, könnte die erste Frage sein, was Sie mit der Zielseite erreichen möchten. Geht es darum, die ästhetischen Qualitäten eines Produkts zu präsentieren und hervorzuheben, soll es einen Einblick in die Qualität der eigenen Arbeit geben, vielleicht einfach nur die Aufmerksamkeit des Betrachters lange genug auf sich ziehen, um ihn zu fesseln? Ein Zweck ermöglicht es Ihnen, eine klare Funktion des Bildes zu entwickeln, die wesentlich dafür ist, wie es angezeigt wird, welche Nachbearbeitungstechniken Sie verwenden, um Hervorhebungen zu zeigen, und eine Welt voller anderer Optionen.

Es ist ein wenig schwierig, auf Ihre spezielle Situation einzugehen, ohne ein Bild zu sehen, aber allgemeiner gesagt denke ich, dass es eine Vielzahl von Merkmalen gibt, die zusammen mit auffälligen Bildern erfolgreiche Zielseiten ergeben.

Visuelles Chunking

Visuelles Chunking ist eine Möglichkeit, unterschiedliche kontrastierende Inhaltsbereiche zu trennen, und ermöglicht es einem Betrachter, die Erzählung, die Sie auf einer Zielseite zu präsentieren versuchen, leichter zu erfassen. Alle drei Beispiele, die Sie vorgestellt haben, tun dies bis zu einem gewissen Grad, während man vielleicht argumentieren könnte, dass die August-Website dies nicht vollständig tut. Ich würde jedoch argumentieren, dass aus diesem Grund die August-Landingpage die schwächste Zusammensetzung der drei Beispiele sein könnte. Diese Technik kombiniert mit stark kontrastierenden Bildern kombiniert den mit dem Foto verbundenen emotionalen Inhalt mit einem schnellen Verständnis dafür, was Sie, Ihre Website, Ihr Unternehmen usw. darzustellen versuchen.

Schwerpunkte

Die Bilder werden so bearbeitet, dass das Auge des Benutzers mit einer bestimmten Absicht gelenkt wird, indem ein unmittelbar zeichnender Brennpunkt verwendet wird. Dies geschieht fast immer übertrieben, da das Timing auf Landingpages kritischer ist. Neuere Studien zeigen, dass mehr als die Hälfte der ersten Besucher Ihre Webseite innerhalb von 8 Sekunden verlassen, wenn sie nicht auf Professionalität schließen können oder die Erfahrung nicht klar ist. Dies erfordert, dass Sie Fokuspunkte verwenden, um das Auge auf eine klare, kontrollierte Weise zu führen.
Kabine Cliff

Diese beiden Bilder zeigen die starke Verwendung von kontrastierenden Bereichen zwischen Lichtern und Schatten. Ihr Auge blickt zuerst auf den markanten Teil des Bildes und dann sofort auf den Text.

Richtungshinweise

Überraschung Überraschung. Dieselben Bilder, die grelle Brennpunkte haben, haben auch vorgeschlagene Wege, denen Ihre Augen folgen können. Im ersten Fall verwendet das Dach eine Diagonale, um einen Pfad zum Text zu erstellen, und im zweiten Fall verwendet das Dach einen sehr subtilen Regenbogen, dem Sie zur Überschrift folgen können. Auch dies wird verwendet, weil Zeit auf Landingpages Priorität hat und Sie das Erlebnis effizienter gestalten können, wenn Sie den Pfad steuern können, dem der Betrachter folgt.

Insgesamt würde ich sagen, dass es nicht das Bild allein ist, das eine effektive Zielseite erstellt, sondern Ihre Fähigkeit, andere Inhalte so zu positionieren, dass Ihre Absicht der Zielseite erfüllt wird. Was versuchen Sie zu sagen und wie kann das Bild verwendet werden, um es effektiv zu kommunizieren?

Eine Sache, die diese drei Bilder haben, ist Tiefe: der Himmel zwischen den Bergen, die Entfernung zur Skihütte und die Verwendung der Schärfentiefe im letzten.

Etwas, woran ich gerade arbeite, hat auch ein Gefühl von Tiefe, was ziemlich gut zu funktionieren scheint. Ich werde entweder ein helles Panel auf der linken Seite für den Text verwenden oder mit Weiß weitermachen. Da das Bild aber bereits eine Tiefenwirkung hat, erscheint der Text immer ganz vorne. Sie können sehen, dass der Text in dieser Reduktion auf einer Glasplatte vor dem Auto zu stehen scheint.

In der Vollbildversion ist das Hauptbild des Autos leicht verschwommen, da die Größe des Bildes geändert wird. Dadurch wird es effektiv unscharf, was auch das Tiefengefühl verstärkt. Da der Text im Vergleich zu allem anderen schön scharf ist, wird er in den Vordergrund gerückt.

MGRover-Werbebild

Dieses Bild wurde ursprünglich um 2002 von MG Rover als Werbeaufnahme für ihr TF-Modell erstellt.