Typografie kann ein wunderbarer Ausdruck der Persönlichkeit und Vision deiner Marke sein. Die Wahl eines Typografie-Stils kann jedoch schwierig sein. Deshalb haben wir eine Liste der wichtigsten Typografie-Trends für 2021 zusammengestellt, um dir zu helfen.
Die Auswahl der Typografie für deine Website ist eine wichtige Entscheidung. Sie wirkt sich nicht nur auf den Gesamtstil der Website aus, sondern kann auch die Benutzerfreundlichkeit beeinflussen. Bei so vielen Schriftarten, Kombinationen und Layoutmöglichkeiten ist man schnell überfordert. Glücklicherweise kann ein Blick auf einige der neuesten Typografie-Trends bei der Entscheidungsfindung helfen. Ein zusätzlicher Vorteil ist, dass deine Website durch die Einbeziehung einiger moderner Stile nicht veraltet wirkt. In diesem Artikel gehen wir darauf ein, warum die Wahl deiner Typografie so wichtig ist. Dann stellen wir dir zehn Typografie-Trends für 2021 vor. Abschließend geben wir dir noch einige Tipps, wie du diese Trends auf deiner Website umsetzen kannst, und zeigen dir, wo du dich inspirieren lassen kannst. Los geht’s!
Die Bedeutung der Web-Typografie
Einfach ausgedrückt, bezieht sich die Webtypografie darauf, wie du den Text auf deiner Website gestaltest. Sie umfasst alles, von der Auswahl der Schriftart und -größe bis hin zur Gestaltung deiner schriftlichen Inhalte. Obwohl das Aussehen wichtig ist, geht es bei der Web-Typografie um mehr als nur Ästhetik. Mit Bedacht gewählte Web-Schriftarten können dazu beitragen, dass sich deine Website von anderen abhebt und deine Markenbildung insgesamt unterstützt. Typografie spielt auch eine Rolle, wenn es um die Benutzerfreundlichkeit (User Experience, UX) geht, denn ein schwer lesbares Schriftbild kann dein Publikum abschrecken. Die Typografie ist eines der wichtigsten Elemente, die bei der Gestaltung einer Website berücksichtigt werden müssen, da ein Großteil des Erfolgs der Website davon abhängt. Wahrscheinlich enthält jeder Teil deiner Website, vom Inhalt über die Navigation bis hin zu den Formularen, Text. Eine schlecht gewählte Typografie kann für deine Nutzer*innen zu großen Reibungsverlusten führen, was wiederum zu verlorenen Konversionen führen kann. Wenn du beispielsweise zu viele Schriftarten verwendest, kann dies zu Verwirrung, Konzentrationsverlust und einem schlechten Nutzererlebnis führen. Um dies zu vermeiden, empfehlen wir die Verwendung von zwei Schriftarten, da dies die perfekte Menge für eine Website ist. Im Gegensatz dazu kann die Kombination von Typografie mit anderen aktuellen Webdesign-Trends dazu beitragen, dass deine Website frisch und relevant aussieht. Auf diese Weise kannst du auf relativ einfache Weise zeigen, dass du Zeit und Mühe in die Aktualisierung deiner Website investierst.
In unserer Liste der besten Web-Typografie-Tutorials erfährst du, wie du diese Trends in das Design deiner Website integrieren kannst
Liste der 10 wichtigsten Typografie-Trends für 2021
Nachdem wir nun gezeigt haben, wie wichtig Typografie für deine Website ist, sehen wir uns nun zehn tolle Typografie-Trends für 2021 an.
1. Typografie im brutalistischen Stil
Der Brutalismus ist ein Stil, der in der Architektur entstanden ist und sich in der Regel durch harte, gerade Linien und das Fehlen von dekorativen Elementen auszeichnet. In der digitalen Typografie manifestiert er sich in großen, imposanten Buchstaben, die manchmal auf unerwartete Weise platziert sind. Die heutige brutalistische Typografie ist etwas weicher als in der Vergangenheit. Sie hat aber immer noch eine fesselnde und beeindruckende Ausstrahlung, wie du an dem folgenden Beispiel sehen kannst:
Brutalistische Schriftarten passen hervorragend zu gedeckten Farben, aber das bedeutet nicht, dass du nicht mit einem leuchtenden Gelb oder Pink für Abwechslung sorgen kannst. Der nächste Trend, den wir uns ansehen, könnte sogar eine hervorragende Gelegenheit sein, eine brutalistische Schriftart einzusetzen.
2. Große und fette Überschriften
Wenn du deine Überschriften prominent und auffällig gestaltest, kannst du deine Botschaft besser vermitteln. Mit fetten Überschriften, die in diesem Jahr sehr beliebt sind, kannst du dramatische Überschriften erstellen und trotzdem im Trend bleiben. Beispiele dafür finden Sie auf der Website von Over Covid:
Da die meisten Internetnutzer*innen Inhalte eher überfliegen als gründlich lesen, solltest du sicherstellen, dass deine wichtigsten Botschaften hervorstechen. Versuche, eine unübersehbare Überschrift zu erstellen, um die Aufmerksamkeit deines Publikums zu erregen. Einige Schriftarten, die sich gut für fette Überschriften eignen, sind Franklin Gothic und Benton Sans.
3. Umrissene Schriftarten
Umrissene Schriftarten können eine solide Ergänzung für deine Hero Sektion sein. Du kannst sie verwenden, um einen starken ersten Eindruck bei deinen Besuchern zu hinterlassen. Diese Schriftarten passen gut zu einfachen Hintergründen:
Achte beim Einsatz von konturierten Schriften besonders auf den Farbkontrast, da die Lesbarkeit ein Problem darstellen kann. Du kannst versuchen, konturierte Schriften mit fettgedrucktem, ausgefülltem Text zu kombinieren, um einen starken Kontrast und eine große Wirkung zu erzielen, wie du im obigen Beispiel sehen kannst.
4. Gebrochene Typografie-Layouts
Typografische Brüche können Wörter auf unerwartete Weise kombinieren. Der Effekt kann zwar störend sein, aber wenn er richtig eingesetzt wird, kann er die Aufmerksamkeit auf sich ziehen, ohne die Lesbarkeit zu beeinträchtigen:
Die gebrochene Typografie eignet sich gut für Überschriften oder andere Texte, die sich abheben sollen. Denke daran, dass diese Schriftarten je nach gewählter Schriftart etwas schwer zu lesen sein können. Daher solltest du sie nicht für wichtige Informationen verwenden.
5. Schwarz und Weiß
Minimalistisches Webdesign ist schon seit einiger Zeit ein Trend. Daher ist es nicht verwunderlich, dass im Jahr 2021 eine klare, schlichte Schwarz-Weiß-Typografie Einzug hält:
Minimalismus ist zwar für seine Schlichtheit bekannt, muss aber nicht langweilig sein. Du kannst versuchen, Schwarz und Weiß auf unaufdringliche Weise zu kombinieren, indem du abwechselnd den Text und den Hintergrund verwendest. Im obigen Beispiel werden zwei sehr unterschiedliche Schriftarten verwendet, um einen eleganten und zugleich spannenden Effekt zu erzielen.
6. Text und Bilder überlagern oder mischen
Das Überlagern von Text mit Bildern oder anderen Elementen kann deinem Inhalt eine weitere Bedeutungsdimension verleihen. In diesem Beispiel wird ein Farbfilter über das Bild gelegt, um die Lesbarkeit zu verbessern:
Durch die Kombination mehrerer Ebenen kannst du einen dreidimensionalen Effekt erzielen. Du kannst sogar noch einen Schritt weiter gehen und Text und Bilder gründlich mischen. Achte aber unbedingt darauf, dass der Effekt nicht wichtige Informationen verdeckt. Du kannst versuchen, verschiedene Farben für deine Text zu verwenden, damit deine Worte nicht mit dem Hintergrund verschmelzen.
7. Psychedelische Farben
Dieser lustige Trend ist so bunt wie nur möglich. Mit den psychedelischen Farben kannst du wirklich kreativ werden und deine Website aufregend gestalten, wie es Special Offer, Inc. getan hat:
Mit einem Regenbogen-Tie-Dye-Effekt als Hintergrund lässt sich schwarzer oder weißer Text lebhaft in Szene setzen. Du kannst auch lustige, psychedelische Farben in den Text selbst einbauen, wobei du auf den Kontrast achten solltest.
8. Fat Low-Schriften
Diese Schriften haben eine niedrige x-Höhe, d. h. sie sind in der Regel etwas breiter, als sie hoch sind. Das sorgt für klobige Buchstaben, die hervorstechen. Brandon Grotesque ist eine beliebte Schriftart in diesem Stil:
Diese Schriftarten eignen sich gut, wenn viel Platz vorhanden ist, um die Lesbarkeit zu erhalten. Wahrscheinlich möchtest du einen großen Abstand zwischen den Buchstaben und Wörtern einhalten. Obwohl diese Schriftart wahrscheinlich nicht die beste Wahl für einen ganzen Blogbeitrag ist, eignet sie sich gut für Überschriften oder kurze Anführungsstriche.
9. Unscharfer Text
Text mit Glitch-Effekt kann deiner Website ein kantiges, künstlerisches Element verleihen. Es kann schwierig sein, ihn zu verwenden, aber er kann viel Energie und Einzigartigkeit in deine Hero-Sektion bringen:
Da dieser Stil von vornherein schwer zu lesen ist, solltest du seine Verwendung einschränken. Indem du Glitchy-Text in Maßen einsetztest, erzielst du eine deutliche visuelle Wirkung, ohne wichtige Informationen zu verdecken. Wenn du jedoch nicht allzu sehr auf die Lesbarkeit achten musst, eignen sich glitchy Fonts hervorragend für die Kombination mit Animationen.
10. Animierte Typografie
Animierte Typografie ist ein hervorragendes Mittel, um die Aufmerksamkeit des Lesers zu erregen und zu halten. Das Hinzufügen von Animationen zu einer Website kann deinen Inhalt noch ansprechender machen, wie du auf der SurveyMonkey-Startseite sehen kannst:
Die Möglichkeiten für Animationen sind nahezu unbegrenzt. Einige beliebte Optionen sind:
• Über den Bildschirm scrollender Text.
• Fliegende Buchstaben aus dem Offscreen.
• Ändern der Form wichtiger Buchstaben, wenn die Maus darüberfährt.
• Text, der sich vom Hintergrund abhebt.
Wenn du dich dafür entscheidest, deinen Text zu animieren, achte darauf, dass die gewählte Schriftart einfach und leicht zu lesen ist. Außerdem solltest du einen Backup-Plan haben, damit die Benutzer auch dann auf deine Inhalte zugreifen können, wenn die Animation nicht funktioniert.
Wie du Typografie-Trends in deinem Web-Design anwendest
Wenn du die Typografie für eine neue Website entwirfst, ist es hilfreich, sich Gedanken über die Stimme deiner Marke zu machen und darüber, was du mit deinem Text vermitteln willst. Denken daran, dass Typografie ein wunderbarer Ausdruck der Persönlichkeit einer Marke sein kann. Trends können zwar aufregend sein und es macht Spaß, mit ihnen zu spielen, aber zu viele konkurrierende Stile können zu Problemen in deinem Design führen. Wenn du versuchst, jeden Trend zu übernehmen, wird deine Website wahrscheinlich unordentlich und verwirrend aussehen. Sei also vorsichtig, wenn es um die Kombination von Schriftarten geht. Versuche, dich auf einen oder vielleicht zwei Trends zu beschränken, die gut zusammen funktionieren.
In diesem Beispiel wird im gesamten Hauptteil des Inhalts die gleiche Schriftart verwendet. Es kombiniert jedoch die Trends der konturierten Schriften und Schwarz und Weiß. Das Ergebnis ist einfach, aber ansprechend:
Versuche, dich zu organisieren und ein klares Designsystem für deine Typografie zu erstellen, um die Konsistenz auf deiner gesamten Website sowie auf Visitenkarten oder Flyern zu gewährleisten. Die Aufnahme von Richtlinien für die Typografie in deinem Styleguide kann dir helfen, den Überblick zu behalten.
Übersetzt von Sarah van der Linden
von Website Freiburg
Quelle, unser Websoftware Partner Elementor Pro:
www.elementor.com/blog/typography-trends