Warum ist Typografie wichtig ? Handbuch 2022

Ob auf unseren Handys, in Büchern oder auf Websites, wir verdauen ständig die geschriebenen Worte. Von den Reiseführern bis zur Storefront ist alles um uns herum. Wir reflektieren oft die Kraft des Schreibens, aber selten berücksichtigen wir die Rolle des Designers bei der Simulation des Tons von Wörtern oder Sätzen.

Hinter den Kulissen nahm sich ein Designer die Zeit, die Beziehung zwischen dem Aussehen des Textes und dem Inhalt des Textes zu betrachten. In der Tat können verschiedene Stimmungen, Atmosphären und Emotionen einfach durch die Wahl des Stils ausgedrückt werden. Doch was ist Typografie wirklich – und warum ist sie so wichtig?

In diesem Artikel sprechen wir über alles, was Sie über Typografie wissen müssen. Wir beginnen mit der Definition von Typografie, einschließlich einer kurzen Geschichte ihrer Ursprünge. Dann werden wir uns mit den Vorteilen einer schönen Typografie und ihren Auswirkungen auf Ihre Benutzer befassen. Schließlich werden wir uns die verschiedenen Faktoren ansehen, die Typografie und ihre Bedeutung ausmachen.

Weitere Schriftarten finden Sie unter: https://schriftarten123.com/

Hier ist, worüber wir sprechen werden:

1. Was ist Typografie?
2. Warum ist Typografie wichtig?
3. Verschiedene Elemente der Typografie
4. So wählen Sie die richtige Schriftart für Ihre Website aus
5. Schlussfolgerung

Fertig? Lass uns tief gehen!

1. Was ist Typografie?

Beginnen wir mit den Grundlagen: Was ist die eigentliche Schriftart? Im Wesentlichen ist Typografie die Kunst, Buchstaben und Text für leicht lesbare, klare und visuell ansprechende Kopien für den Leser anzuordnen. Typografie beinhaltet Typografie, Form und Struktur, die darauf abzielt, bestimmte Emotionen hervorzurufen und bestimmte Botschaften zu vermitteln. Kurz gesagt, Typografie ist es, die den Text zum Leben erweckt.

Schriften können aus dem 11. Jahrhundert stammen, während der Zeit der Erneuerung der beweglichen Schrift. Vor dem digitalen Zeitalter war Typografie ein spezialisierter Beruf, der mit Büchern und Zeitschriften und schließlich öffentlichen Arbeiten verbunden war. Das erste Beispiel für Typografie findet sich in der Gutenberg-Bibel, die im Westen eine Revolution der Typografie auslöste. Fun Fact: Die Schriftart, die in der Gutenberg-Bibel verwendet wird, heißt jetzt Textura, und Sie finden sie im Dropdown-Menü der Schriftart der wichtig Desktop-Apps von heute!

Schneller Vorlauf in die Moderne, in der Typografie meist sowohl mit der digitalen als auch mit der gedruckten Welt in Verbindung gebracht wird. Mit dem Aufkommen des Internets eine kreative Explosion typografischer Kunst. Plötzlich stehen Webdesignern viele Schriftarten und Typografie-Optionen zur Verfügung, die die Typografie visuell vielfältiger machen als je zuvor.

2. Warum ist Typografie wichtig?

Typografie ist nicht nur die Auswahl schöner Schriftarten, sondern auch ein wichtig Bestandteil des Benutzeroberflächendesigns. Eine gute Typografie schafft eine leistungsstarke visuelle Hierarchie, die eine grafische Balance für die Website bietet und den Gesamtton des Produkts festlegt. Typografie muss Ihre Benutzer leiten und informieren, das Lesen und die Zugänglichkeit optimieren und gleichzeitig eine großartige Benutzererfahrung gewährleisten.

Lassen Sie uns ein wenig mehr darüber recherchieren, warum Typografie so wichtig ist.

Schriften schaffen Markenbekanntheit

Schöne Typografie verbessert nicht nur die Persönlichkeit der Website, sondern Ihre Benutzer werden auch beginnen, vorgestellte Schriften auf Ihrer Website mit Ihrer Marke zu verknüpfen. Eine konsistente, einzigartige Typografie hilft Ihnen, eine starke Fangemeinde von Benutzern aufzubauen, Vertrauen bei den Benutzern zu schaffen und Ihre Marke auszubauen.

Schriften beeinflussen die Entscheidungsfindung

Typografie hat einen tiefgreifenden Einfluss darauf, wie Benutzer die durch Text übermittelten Informationen verdauen und wahrnehmen. Auffällige Typografie ist viel überzeugender als schwache Schriften, die die Botschaft des Textes nicht verstärken.

Schriften, die die Aufmerksamkeit des Lesers auf sich ziehen

Schöne Typografie kann den Unterschied ausmachen, ob jemand eine Minute oder eine halbe Stunde auf Ihrer Website bleibt. Es ist wichtig, dass Ihre Website visuell anregend und einprägsam ist, und Typografie spielt in diesem Prozess eine große Rolle.

3. Verschiedene Elemente der Typografie

Um mit dem Entwerfen von Typografie zu beginnen, müssen Sie zunächst acht wesentliche Schriftdesignelemente erfassen.

Schriftarten und Typografie

Es gibt einige Verwirrung über die Unterschiede zwischen Typografie und Schriftarten, wobei viele beide als Synonyme betrachten. Typografie ist ein Designstil, der aus einer Vielzahl von Zeichen unterschiedlicher Größe und Stärke besteht, während Schriftarten eine grafische Darstellung von Textzeichen sind. Einfach ausgedrückt, ist Typografie eine Familie relevanter Schriftarten, während sich Schriftarten auf die Gewichtung, Breite und den Stil beziehen, die eine Schriftart bilden.

Es gibt drei grundlegende Arten von Schriften: Serifen, serifenlos und Dekoration. Um die Benutzeroberfläche übersichtlich und schlank zu halten, wird ein guter Designer nie mehr als drei  Schriftarten verwenden – und dekorative Schriftarten auf ein Minimum reduzieren. Die meisten UI-Designer kombinieren Serifenschriftarten mit serifenlosen  Schriftarten, z. B. das Platzieren des Hauptinhaltstextes in Serifenschriftarten und das Platzieren Ihres Titels mit einer serifenlosen Schriftart oder umgekehrt.

Kontrast

Wie Hierarchien hilft der Kontrast zu vermitteln, welche Ideen oder Botschaften Sie dem Leser hervorheben möchten. Sich einen Moment Zeit für den Kontrast zu nehmen, macht Ihr Schreiben interessant, bedeutungsvoll und aufmerksamkeitsstark. Die meisten Designer schaffen Kontraste, indem sie verschiedene Schriftarten, Farben, Stile und Größen verwenden, um die Seite zu beeinflussen und aufzuschlüsseln.

Konsistenz

Die Konsistenz Ihrer Schriftarten ist der Schlüssel, um eine verwirrende und überladene Benutzeroberfläche zu vermeiden. Bei der Übertragung von Informationen ist es wichtig, dem gleichen Schriftstil zu folgen, damit Ihr Leser sofort versteht, was er liest, und beginnt, ein Muster zu bemerken. Während Sie es bis zu einem gewissen Grad mit hierarchischen Ebenen versuchen können, empfiehlt es sich, eine konsistente Typografiehierarchie einzurichten (eine konsistente Schriftart für den Titel, eine andere für die Zwischenüberschrift) und ihr zu folgen.

Leerraum

Oft als „negativer Raum“ bezeichnet, ist Leerraum der Raum um Text oder Grafiken. Es wird oft übersehen und neigt dazu, vom Benutzer unbemerkt zu bleiben, aber die richtige Verwendung von Leerraum stellt sicher, dass die Benutzeroberfläche nicht ordentlich ist und der Text lesbar ist. Leerraum kann sogar die Aufmerksamkeit auf den Text lenken und für ein ästhetisch ansprechendes Gesamterlebnis sorgen. Leerzeichen haben oft die Form von Rändern, Puffern oder einfach nur Bereichen ohne Text oder Grafiken.

Ausrichtung

Die Ausrichtung ist der Prozess der Vereinheitlichung und des Entwurfs von Text, Grafiken und Bildern, um sicherzustellen, dass zwischen den einzelnen Elementen der gleiche Raum, die gleiche Größe und der gleiche Abstand vorhanden sind. Viele User Interface-Designer erstellen Ränder, um sicherzustellen, dass ihre Logos, Titel und Textinhalte aufeinander abgestimmt sind. Bei der Ausrichtung Ihrer Benutzeroberfläche sollten Sie auf Industriestandards achten. Zum Beispiel wird das Ausrichten Ihres Textes nach rechts für Leser, die von links nach rechts lesen, kontraintuitiv erscheinen.

Farbe

Farbe ist eines der interessantesten Elemente der Typografie. Hier können Designer wirklich kreativ werden und den Look auf die nächste Stufe heben. Nehmen Sie die Textfarbe jedoch nicht auf die leichte Schulter: Ihre Schriftfarbe kann den Text hervorheben und den Ton der Nachricht vermitteln – aber wenn es falsch ist, kann dies zu einer überladenen Benutzeroberfläche und einem Text führen, der mit der Websitefarbe in Konflikt steht.

Farbe hat drei Hauptkomponenten: Wert, Farbe und Sättigung. Ein guter Designer wird wissen, wie man diese drei Komponenten ausbalanciert, um den Text auch für Sehbehinderte auffällig und klar zu machen. Häufig testen Designer dies, indem sie den Text auf einer Graustufe (keine Farbe) anzeigen und Änderungen vornehmen, wenn der Text für die Hintergrundfarbe zu dunkel oder zu hell ist.

Hierarchie

Das Einrichten von Hierarchien ist eines der wichtig Prinzipien der Typografie. Die Typisierungshierarchie zielt darauf ab, eine klare Unterscheidung zwischen den prominenten Textabschnitten, die zuerst bemerkt und gelesen werden müssen, und der Standardtextkopie zu schaffen. In einer Zeit, in der Social Media nur kurze Zeit mit sich bringt, werden Designer ermutigt, sich kurz zu fassen und Schriften zu erstellen, die es den Benutzern ermöglichen, die notwendigen Informationen in kurzer Zeit zu verwenden.

Hierarchische Strukturen können mithilfe von Größe, Farbe, Kontrast und Ausrichtung erstellt werden. Wenn Sie beispielsweise eine Zeile von Kopien mit einem Ausrufezeichensymbol oben haben, das rot und größer als die vorherige Kopie ist, ist dies ein visueller Hinweis für den Leser, dass es sich um einen Aufruf zum Handeln handelt. Das beste Beispiel für Typografiehierarchie ist die Größe: Der Titel sollte immer größer sein als die Zwischenüberschrift und der Standardtext.

4. Wie wählen Sie die richtige Schriftart für Ihre Website aus?

Nachdem wir uns nun an die verschiedenen Schriftelemente gewöhnt haben, lassen Sie uns über den Prozess der Auswahl einer Schriftart für Ihre Benutzeroberfläche sprechen. Bei so vielen verschiedenen Schriftarten und Schriften zur Auswahl, ist es leicht, sich überwältigt zu fühlen. Die richtige Wahl zu treffen, hängt sehr davon ab, nur das zu sehen, was schön ist. Hier sind einige wichtig Überlegungen:

Denken Sie an die Persönlichkeit.

Sie möchten, dass Ihre Benutzer das Gefühl haben, wenn sie Ihre Website zum ersten Mal besuchen. Möchten Sie eine freundliche Atmosphäre schaffen? Möchten Sie, dass sich die Website erstklassig, einladend, verspielt oder ernst anfühlt? Es ist unerlässlich, dass die Schrift die Persönlichkeit der Marke oder des Produkts widerspiegelt. Ein guter Ausgangspunkt angesichts dieser Herausforderung ist es, die Kernmerkmale Ihrer Marke zu identifizieren und mit dem Sammeln von Schriften zu beginnen, die diese Eigenschaften widerspiegeln. Von dort aus können Sie einen Trend bemerken.

Reflektieren Sie den Ton.

Es ist ebenso wichtig zu überlegen, wie die Schriftart mit dem Ton der Nachricht harmoniert. Wenn Sie beispielsweise ernsthafte oder wichtig Informationen vermitteln möchten, wählen Sie eine weniger stilisierte oder dekorative Schriftart, die offensichtlich leicht zu lesen ist und Ablenkungen begrenzt.

Speichern Sie keine Funktionalität.

Funktionalität ist genauso wichtig wie Form: Es gibt nichts Schlimmeres als eine Website, die gut aussieht, aber völlig unlesbar ist, was dazu führt, dass Sie den falschen Knopf drücken oder falsch abbiegen, weil die Anweisungen nicht klar sind. Wenn Sie entscheiden, welche Schriftarten in Ihre Benutzeroberfläche aufgenommen werden, sollten Sie Stil, Ästhetik und Stimme beiseite legen und überlegen, ob die Schriftart leicht zu lesen, leicht zu lesen und zugänglich ist. Kann der Text ohne Stress gelesen werden? Sind die Charaktere unterschiedlich genug?

Überprüfen der Leistung

Eine Sache, die viele Designer oft übersehen, ist die Auswahl einer Webbrowser-freundlichen Schrift. Häufig verwendete Schriftbibliotheken wie Google Fonts stellen webbasierte Schriftdateien zur Verfügung, die sich problemlos perfekt im Browser darstellen lassen. Profi-Tipp: Laden Sie beim Herunterladen von Webfonts niemals mehr Zeichensätze herunter, als Sie benötigen. Auf diese Weise vermeiden Sie Überge wichtig !

Aufgehängt werden

Wenn Sie nicht sicher sind, wo Sie anfangen sollen, nehmen Sie sich etwas Zeit, um zu sehen, was andere tun. Öffne deine Augen für die Schrift, die du um dich herum siehst. Können Sie ähnliche Muster bemerken? Können Sie gute und schlechte Beispiele für Typografie sehen? Selbst Tracking-Tags, die mit Typografie in sozialen Medien beginnen oder Schriften auf Pinterest nachschlagen, geben Ihnen einige gute Ideen darüber, was dort ist. Sie können sich auch diese acht Schrifttrends ansehen, um mehr Inspiration zu erhalten. Weitere Tutorials und Inspirationen finden Sie in diesem Handbuch auf UX Collective oder im Blog von Adobe XD.

Nehmen Sie sich einen Moment Zeit, um zu überprüfen.

Was ist der beste Weg, um zu entschlüsseln, welche Schriftarten für Ihre Benutzeroberfläche verwendet werden? Prüfen, prüfen und prüfen! Indem Sie nützliches Feedback von echten Benutzern sammeln, erhalten Sie einen tieferen Einblick in das, was funktioniert, was nicht, was leicht zu lesen ist und was sich kontraintuitiv oder verwirrend anfühlt.

5. Schlussfolgerung

Typografie wird oft übersehen, ist aber ein wichtig Bestandteil des User Interface Designs. Das Mastering von Schriften wird Ihnen helfen, ein großartiger User Interface Designer zu werden! Wenn Sie nicht sicher sind, wo Sie anfangen sollen, besuchen Sie Ihre Lieblingsseiten und beginnen Sie mit der Aufnahme der verwendeten Schriften.