Einer der größten Trends im Webdesign ist ein großes Heldenbild oder -Video oben auf einer Seite mit ein paar Worten, die den Benutzer auf die Website führen. Diese Art der Ästhetik setzt den Designer unter Druck, genau die richtige Display-Schrift zu entwickeln, um das Design zusammenzuführen.
Bei so vielen Schriftarten kann dies eine entmutigende Aufgabe sein. Aber mit etwas Planung und Glück finden Sie eine tolle Schrift. Hier sind fünf Tipps, um mit einigen schönen Beispielen der Display-Typografie zu beginnen.
Was ist überhaupt Displaytyp?
Bevor wir in die Tipps einsteigen, sprechen Sie über Display-Schriftbilder? (Wenn ja, fahren Sie mit Tipp Nr. 1 fort.)
Ist dies nicht der Fall, ist ein Anzeigetyp häufig eine große auffällige Beschriftung, die für Überschriften oder die großen Wörter in einem Design verwendet wird. Der Anzeigetyp ist nicht nur für das Webdesign typisch, sondern auch von Druckdesignern.
Der Anzeigetyp gibt es in zwei Hauptformen für das Web.
- Die Haupt-Website-Überschrift auf der Startseite, wie z. B. Walk West (oben).
- Die Hauptüberschrift oder Kopfzeile auf jeder Seite im gesamten Website-Design. Diese Bits des Anzeigetyps sind zwar nicht so groß oder auffällig wie die Hauptüberschrift auf der Startseite, aber sie sind die Elemente, die jede einzelne Seite tragen.
1. Es muss lesbar sein
Der Anzeigetyp muss lesbar sein, um wirksam zu sein. Das hört sich nach einem Kinderspiel an, aber mit so vielen coolen neuen Schriftarten zur Auswahl ist es nicht schwer, Websites zu finden, auf denen die Hauptüberschrift nicht leicht zu lesen ist.
Es gibt keine Regel, aus welcher Art von Typkategorie Display-Schriftzüge stammen sollen. Serifen und Sans Serifen funktionieren gleich gut. Sogar einige neuartige Schriftarten passen ideal dazu.
Wichtig ist, dass die Beschriftung groß genug ist, genügend Abstand zueinander hat und sich im Kontrast zu anderen Designelementen befindet, um auf dem Bildschirm hervorzuheben. Stellen Sie sich vor, wie die Wörter aussehen würden, wenn sie schreien würden. Das ist, was eine Displayschriftart für Benutzer tun sollte.
2. Beschriftungen müssen den Wörtern entsprechen
Dies könnte eines der am schwierigsten zu verstehenden Konzepte der Welt sein, bis Sie es in Aktion sehen: Die Buchstaben müssen mit den Wörtern übereinstimmen.
Hier ist eine Erklärung. Einige Wörter sehen in bestimmten Schriften nur schlecht aus. Es ist schwer zu erklären. Vielleicht enthält das Wort mehrere Male s und diese Buchstabenform sieht im Zeichensatz nicht besonders gut aus. Dasselbe kann vor allem bei Glyphen oder ungeraden Zeichen wie%, $ oder & auftreten. Oder vielleicht haben Sie eine Schrift gewählt, bei der ich, ich und ich einander ähnlich sind und all diese Zeichen im Display angezeigt werden. (Sie müssen etwas anderes auswählen.)
Die Beschriftung sollte den Augapfel-Test bestehen, was bedeutet, dass sie ansprechend aussehen sollte. Die Worte sollten ein gewisses Gefühl oder Flair haben, was wünschenswert ist. Wenn Sie in den Zeichenkombinationen Merkwürdigkeiten sehen, werden dies auch die Benutzer tun.
3. Gönnen Sie sich Flexibilität
Überlegen Sie, wie der Anzeigetyp in Ihrem Projekt verwendet wird. Benötigen Sie mehrere Gewichtungen und Stile, um das richtige Überschriftenpaket zu erstellen? Funktioniert die von Ihnen ausgewählte Schriftart für diese sekundären Anzeigeflächen sowie für die Hauptüberschrift?
Sie sollten über all diese Verwendungszwecke nachdenken und sich mit der von Ihnen gewählten Schriftart auf vielfältige Weise flexibel genug verhalten. Zu oft sieht eine Displayschrift für großformatige Schriftstücke aus, bei denen nur ein oder zwei Wörter zu berücksichtigen sind. Die effektive Verwendung wird jedoch schwieriger, wenn sie in diesen sekundären Bereichen verwendet wird.
Es ist viel einfacher, das Design durchzuarbeiten und diese Konsistenz zu schaffen, wenn die ausgewählte Schrift in mehreren Situationen funktioniert. Für zusätzliche Flexibilität und Designkonsistenz sollten Sie die gesamte Schriftfamilie für die Anzeige verwenden. Gehen Sie etwas mutiger mit der Hauptüberschrift und verwenden Sie eine dünnere Option für die sekundäre Anzeige (vielleicht versuchen Sie es sogar mit einer Farbe).
4. Seien Sie vorsichtig bei dünnen Schlägen
Die folgende Aussage ist umstritten: Dünne Striche sind im Displaytyp nur schwer effektiv zu verwenden.
Ja, Buchstaben mit dünnen Strichen können erstaunlich aussehen. Ja, einige Designer schaffen es schön. Aber die meisten nicht.
Gehen Sie zurück zu Tipp Nr. 1. Alles ist wieder lesbar.
Stellen Sie sich vor, Sie haben eine Schrift mit einem hauchdünnen Schriftzug für Ihr Hauptdisplay verwendet und auf 27-Zoll-Desktop-Monitoren (die vielleicht auf dem, auf dem Sie gerade arbeiten) aussieht. Betrachten Sie es jetzt auf Ihrem Tablet oder Handy. Was denkst du jetzt? Ist es noch genauso lesbar? (Wahrscheinlich nicht.)
Wenn Sie mehr Überzeugungsarbeit benötigen, denken Sie daran, dass Apple dies mit IOS 7 versucht hat. Die Benutzer beschwerten sich darüber, dass die für das Betriebssystem verwendete Schriftart zu dünn und schwer lesbar war. Sie nahmen diese Beschwerden zu Herzen und nachfolgende Veröffentlichungen enthielten eine dickere Schrift.
5. Denken Sie über das Bild nach
Wie funktionieren die Wörter und Buchstaben mit dem Bild oder Video, mit dem sie gekoppelt sind? Es ist ein wichtiges Element. Die schönste Schrift der Welt kann unangenehm erscheinen, wenn der Ton nicht dem Bild und den Nachrichten im übrigen Design entspricht.
Der Kontrast ist auch ein wichtiger Faktor, insbesondere bei Videos, bei denen sich dunkle und helle Bildteile bewegen können. Die Wörter müssen immer im Hintergrund erkennbar sein.
Immer mehr Designer entscheiden sich für einfarbige Hintergründe - dies ist ein ziemlich lustiger Trend mit vielen hellen, mutigen Website-Designs - so dass der Text im Vordergrund steht. Wenn Sie Ihre Beschriftung lieben, könnte dies eine gute Option sein.
Der durchgehende Hintergrund mit der Option "Fettdruck" macht den Benutzer wirklich auf die Worte selbst aufmerksam. Die Farbe wird als Anziehungspunkt verwendet, um die Aufmerksamkeit auf das zu lenken, was Sie sagen möchten. Diese Textkombination funktioniert mit einer Reihe von Schriftartoptionen und kann so geändert werden, dass sie in fast jedes Farbschema passt, von hohen Farben bis zu einem minimalistischen Schwarzweißdesign. Das einzige, was wirklich zählt, ist, dass Sie eine absolut schöne Schrift wählen!
Fazit
Der Anzeigetyp ist der erste Gedanke, den Sie einem Benutzer in den Sinn bringen. Dieser erste Eindruck kann bestimmen, ob ein Nutzer auf Ihrer Website haftet oder zu einem anderen Element übergeht.
Um die Schlüsselinteraktion bestmöglich zu nutzen, stellen Sie sicher, dass jedes Wort leicht lesbar ist, den richtigen Ton setzt und den Benutzern hilft, sich durch das Design zu bewegen, um Ihnen die höchsten Erfolgschancen zu bieten.