Wie man ein Cover für eine Website erstellt

Manchmal sieht das Cover jedoch wie eine Werbung aus und enthält eine klare Botschaft, eine Aufforderung zum Handeln und ein Bild, das zeigt, was der Kunde als Ergebnis erhält. Wenn Sie ein SPA oder einen Schönheitssalon betreiben, wäre ein gutes Titelbild ein Foto, das Ihre Kosmetikerinnen oder Masseure bei der Arbeit zeigt. Wenn Sie in der Heimwerkerbranche tätig sind, fügen Sie Bilder Ihrer Mitarbeiter hinzu, die zeigen, dass es sich nicht um unerfahrene junge Leute handelt, sondern um hochqualifizierte Fachleute, auf die man sich verlassen kann. Wenn Sie niedliche Katzen-Notizbücher verkaufen, zögern Sie nicht, sie auf das Cover zu setzen. In diesem Fall brauchen Sie nicht einmal etwas zu schreiben - das Bild spricht für sich selbst.

Ein perfektes Titelbild sollte in der Mitte leer sein - ohne Details oder Gegenstände.

Der Titel auf der ersten Seite befindet sich fast immer in der Mitte. Wenn der Text wichtige visuelle Elemente verdeckt, wird niemand sie sehen. Außerdem kann es sein, dass der Text nicht lesbar ist.

Zum Beispiel ein Landschaftsfoto, das eine Wüste oder den Himmel zeigt, eine Tischplatte ohne Objekte in der Mitte, ein grüner Wald... das hängt alles vom Thema Ihrer Website, der gewünschten Stimmung und Ihrer Fantasie ab. Ziel ist es, dass der Text gut lesbar ist.

Wenn Sie den Text in einem Bereich mit vielen Elementen platzieren, wird er schwerer zu lesen sein. Achten Sie daher darauf, dass die Größe der Elemente mit der Schriftgröße übereinstimmt.

Ein Titelbild ist ein Hintergrund, der eine bestimmte Stimmung erzeugt. Es kann entweder Ihre Botschaft verstärken oder unbemerkt bleiben.

Alles in allem geht es darum, dem Besucher das Lesen und schnelle Verstehen des Textes zu erleichtern. Nehmen wir an, Sie entwerfen eine Website für eine Konferenz. Sie fügen den Titel der Konferenz, das Datum, die Uhrzeit und den Ort auf dem Cover ein. Wenn der Text optisch mit dem Hintergrund verschmilzt und kaum lesbar ist, überspringt der Besucher ihn vielleicht einfach, scrollt nach unten und verpasst die wichtigen Informationen.

Wenn der Text hervorsticht, verstärkt ein gut gewähltes Foto die Botschaft. Sie können zum Beispiel ein Foto von der letztjährigen Konferenz auf die Titelseite setzen. Die Leute können sehen, wie die Veranstaltung organisiert war, ob es sich um einen großen Saal mit Hunderten von Menschen handelte oder im Gegenteil um einen gemütlichen Raum mit nur wenigen Teilnehmern. Ein Foto kann ein paar Absätze ersetzen. In jedem Fall sollten die Teilnehmer zunächst die wichtigsten Informationen über Zeit und Ort erhalten.

Der Text und das Bild sollten sich gegenseitig ergänzen. Platzieren Sie Ihren Text zum Beispiel auf der leeren Wand. Ein einheitlicher Hintergrund wird die Lesbarkeit nicht beeinträchtigen.

Wenn sich wiederholende Elemente im Bild ein Muster bilden, kann es den Anschein haben, dass sie den gesamten Raum ausfüllen und einen homogenen Hintergrund bilden. Das ist aber nicht ganz so - sehen Sie sich all die winzigen Details an, die visuelles Rauschen erzeugen und die Wahrnehmung der Kopie erschweren. In diesem Fall kann es eine gute Idee sein, das Hintergrundbild abzudunkeln.

Wenn sich das Hauptmotiv eines Fotos auf der rechten Seite befindet, sollte der Text auf der linken Seite platziert werden. Das funktioniert folgendermaßen: Ein Website-Besucher kann deutlich das Gesicht einer Person sehen, das das wichtigste Objekt auf dem Bild ist; andere Details sind weniger wichtig.

Wenn sich die Person in der Mitte des Bildes befindet, fügen Sie den Text nicht über dem Gesicht ein, sondern besser weiter unten im Bereich des Körpers.

Im Allgemeinen ist das Gesicht einer Person das wichtigste Objekt auf einem Foto. Wenn das Gesicht mit Text verdeckt ist, werden sich die Besucher der Website nicht wohl fühlen, da sie weder das Objekt im Detail sehen noch die Botschaft lesen können.

Verdunkeln Sie das Bild mit Verlaufsfiltern.

Wenn das ausgewählte Hintergrundbild die Kopie schwer oder gar nicht lesbar macht, decken Sie es mit einem Filter ab: Eine höhere Filterdeckkraft führt zu einem dunkleren Hintergrund.

Vor einem kontrastreichen Hintergrund lässt sich der Text viel besser lesen. Übertreiben Sie es jedoch nicht mit dem Abdunkeln, da die Objekte auf dem Foto sonst nicht mehr zu unterscheiden sind. Schauen Sie sich die ursprüngliche Helligkeit des Bildes an, um zu entscheiden, wie der Farbverlauf angewendet werden soll: Bei einigen Fotos genügen 20 %, während andere um 70 % oder mehr abgedunkelt werden sollten. Probieren Sie verschiedene Optionen aus.

Die Verdunkelung ist nicht für alle Bilder geeignet. Helle Bilder können durch den schwarzen Farbverlauf blass oder schmuddelig wirken. Es kann eine traurige Atmosphäre entstehen. Wählen Sie dunklere Fotos, um diesen Effekt zu vermeiden.

Eine weitere Möglichkeit, die Stimmung auf der Website zu verbessern, ist die Tonung. Entscheiden Sie sich für Farbfilter anstelle des Standard-Schwarz. Verwenden Sie die offiziellen Markenfarben für den Farbverlauf, oder wählen Sie eine Farbe aus dem Farbschema der Website. Alternativ können Sie auch einen Farbton wählen, der zur Farbpalette des Bildes passt.

Sie können nicht nur den Hintergrund, sondern auch den Text einfärben. Außerdem können Sie die Hintergrund- und die Textfarbe gleichzeitig einfärben. Sie sollten jedoch sehr vorsichtig sein, um ein grelles und auffälliges Aussehen Ihrer Website zu vermeiden.

Tipp: Wählen Sie zwei Farben und verwenden Sie eine als Primärfarbe (90 %) und die andere als Akzentfarbe (10 %).

Sie können zum Beispiel den gelben Farbverlauf auf den Hintergrund anwenden und leuchtend blauen Text hinzufügen. Oder Sie überziehen das gesamte Bild mit einem säuregrünen Filter und überlagern den orangefarbenen Text darauf. Das sieht hell und fröhlich aus und ist daher eine gute Option für eine Konferenz oder eine Startup-Website.

Sie können weiße Umschläge machen, die sehen in der Regel gut aus. Wenn Sie ein Foto mit hellem Licht haben, das ein faszinierendes Objekt zeigt, kombinieren Sie es mit dunklem oder farbigem Text.

Titelseiten, auf denen nur ein einziges Objekt zu sehen ist, sehen faszinierend aus. Es ist auch viel einfacher, Text mit solchen Bildern zu verbinden. Stellen Sie sich vor, Sie haben ein professionelles Fotoshooting in Auftrag gegeben, und die Objekte befinden sich auf einem neutralen Hintergrund: ein Soundsystem oder ein Auto vor einem weißen oder grauen Hintergrund. Das macht die Kombination von Text und Bild zu einem Kinderspiel.