Brauchen Sie ein Heldenbild? Vielleicht ist Typografie genug

Das gängige Konzept für den Hero-Bereich einer Website ist ein Bild oder ein Video mit Text und einer Handlungsaufforderung. Aber nicht jedes Design verfügt über hochwertige visuelle Elemente, um diese Art von Hero-Bild zu realisieren.

Es stellt sich die Frage: Braucht man überhaupt ein Heldenbild?

Bei einigen Website-Projekten lautet die Antwort nein. Sie können mit großartiger Typografie und ein paar kleinen Details einen herausragenden Heldenbereich für eine Website gestalten. Schauen wir uns an, wie das geht, und sehen uns einige Beispiele an, die wir einfach lieben.

Envato Elements erforschen

Vorteile eines Heldenbildes

Die Hauptvorteile der Verwendung eines Hero-Bildes oder -Videos für eine Website sind die Aufmerksamkeit, die das visuelle Element erregt, und die Informationen, die es vermittelt. Ein Bild kann viel über Ihre Website oder Ihr Projekt und den Inhalt aussagen.

Bilder sind ein wesentlicher Bestandteil des Storytellings, und es wäre schwierig, ein komplettes Design ohne sie zu erstellen. Während wir hier über die Gestaltung eines Hero-Headers ohne Bild nachdenken, ist es wichtig zu beachten, dass diese Websites selten ganz ohne Bilder sind.

Die meisten Menschen sind von Natur aus visuell veranlagt. Wir verstehen Dinge, indem wir sie sehen. Deshalb sind Heldenbilder so beliebt.

Zu den Vorteilen eines Heldenbildes gehören auch:

• Zeigt ein Produkt oder eine Dienstleistung
• Verbindet die Besucher Ihrer Website visuell mit Ihrer Tätigkeit oder Ihrem Anliegen
• Erzeugt das Gefühl, etwas zu wollen oder zu brauchen, was auf dem Bild zu sehen ist
• Lenkt den visuellen Fokus auf dem Bildschirm auf andere Elemente wie Text oder Aufrufe zum Handeln
• Bietet den Nutzern etwas, mit dem sie sich beschäftigen und länger auf dem Bildschirm bleiben können

Vorteile eines typografiebasierten Helden

Der Hauptvorteil eines typografisch gestalteten Header-Bereichs besteht darin, dass er eine klare Botschaft vermittelt. Wörter, vor allem wenn sie gut lesbar sind, sind das wichtigste Mittel, um einem Website-Besucher Informationen auf dem Bildschirm zu vermitteln.

Mit Hilfe der Typografie können Sie den Nutzern genau sagen, was Sie ihnen mitteilen wollen.

Weitere Vorteile eines typografisch gestalteten Heldenbereichs sind:

• Klarer Fokus und Verständnis für das Design
• Möglicherweise mehr Platz für Wörter
• Visuell störende Homepage, die Aufmerksamkeit erregt, weil sie anders ist
• Funktioniert auf jeder Bildschirmgröße, ohne dass man sich Gedanken über verschiedene Ausschnitte machen muss
• Kann gut mit anderen Designelementen wie kleinen Animationen, Sound oder kräftigen Farben kombiniert werden

5 Gründe, warum Typografie am besten ist

Die Entscheidung für einen typografischen Heldenbereich auf Ihrer Website sollte nicht aus einer Laune heraus getroffen werden oder weil Ihnen ein Foto nicht gefällt, sondern sollte wie jedes andere Designelement eine bestimmte Absicht verfolgen.

Warum sollten Sie also einen typografischen Helden verwenden, abgesehen davon, dass Sie einfach nicht das richtige Bild haben?

• Ein interessantes Schriftbild passt besser zu Ihrem Produkt oder Unternehmen als ein Bild und vermittelt eine konsistentere Geschichte.
• Sie haben viel zu sagen und sollten den Worten Nachdruck verleihen, um eine direktere Botschaft zu vermitteln.
• Die Typografie ist auf das ausgerichtet, was Sie tun: Sie vermittelt eine Fähigkeit oder Technik, die für Ihre Website geeignet ist.
• Sie können damit Tiefenschichten und Informationen erzeugen oder räumliche Beziehungen herstellen und ein Gefühl vermitteln, das zu den Worten passt.
• Bilder oder Videos wirken flach und erzeugen bei den Website-Besuchern eine Distanz. Sie vermitteln Klarheit und Vision.

Interessante Schriftarten ausprobieren

Wenn es um Heldenbereiche mit einem starken typografischen Schwerpunkt geht, gibt es zwei Denkschulen:

• Halten Sie es einfach.
• Versuchen Sie eine interessante oder sogar experimentelle Schriftart.

Beides ist richtig, und Sie können es sogar zusammen ausprobieren.

Wenn Sie hochgradig visuelle oder interessante Schriften verwenden, haben diese eine angeborene Bedeutung. Sie können bei den Benutzern bestimmte Gedanken oder Gefühle hervorrufen. Sie können aber auch Verwirrung stiften, wenn die Wörter zu schwer zu lesen sind.

Es gibt also einen klaren Mittelweg, den fast jeder erfolgreiche Typografie-Held ausbalanciert. Und der ist schwer zu definieren, bis man ihn sieht - und liest. Die Beispiele hier geben Ihnen hoffentlich eine Vorstellung davon, wie das aussieht.

5 Beispiele, die wir lieben

MKTLM

Eine Kombination aus einer einfachen Serifenschrift und einer konturierten Schrift sorgt dafür, dass man die Worte auf dem Bildschirm sieht. Der minimale Hintergrund und einfache animierte Elemente runden das Ganze ab.

Funktion & Form

Function & Form verwendet mehrere Textebenen, um einen atemberaubenden Heldenbereich zu schaffen, der einfach aussieht, aber ziemlich komplex ist. Überall gibt es trendige Elemente - der rotierende Kreis, eine Serifenschrift, schwere Textblöcke - und alles ist auf eine Weise zusammengefügt, die leicht zu lesen und zu verstehen ist und gleichzeitig gut aussieht.

Studio in der Nähe von North

Das Design von Near North Studio ist für sich genommen nichts, was einen zum Stehenbleiben bewegen würde, aber wenn man alle Elemente zusammennimmt, fällt das auf Typografie basierende Design auf. Der animierte Scroller mit drei Stufen der Textgeschwindigkeit zieht die Aufmerksamkeit auf sich.

Liferay.Design

Die Kombination aus Schlichtheit und subtilen Details im Hintergrund hebt dieses auf Typografie basierende Design auf die nächste Ebene: "Annual Report" ist in einer Schriftart und einem Stil gehalten, die unerwartet sind, und der einfache animierte Pfeil macht Lust auf mehr.

ReadyMag

Das Design von Readymag mag auf den ersten Blick das einfachste sein, aber der farblich wechselnde Hintergrund sorgt dafür, dass man das Design nicht aus den Augen verliert. Erst dann bemerkt man die interessanten Einkerbungen und Formen der Schrift, die auch einen Umrissstil enthält. Das Gewicht der Wörter zieht einen wirklich in den Bann, um herauszufinden, was als nächstes kommt.

Schlussfolgerung

Suchen Sie sich jetzt eine tolle Schriftart aus und machen Sie sich an die Arbeit mit einer hervorragenden Kopfzeile mit typografischen Elementen. Vergessen Sie nicht, einige subtile Extras hinzuzufügen - wie Bewegung oder Farbe -, um mehr Aufmerksamkeit und visuelles Interesse zu erzeugen.

Nichts ist wichtiger als ein starker Text, wenn Ihr einziges visuelles Element aus Worten besteht.