6 Typografie-Tipps in gutem Webdesign Teil 2

Typografie macht Sinn. Die falsche Wahl der Schriftart kann die Aufmerksamkeit des Lesers vom Text ablenken. Es ist wichtig, Schriften zu erstellen, die intelligent, verständlich und leicht zu lesen sind.

Webdesign ist wichtig, um eine positive Benutzererfahrung auf Ihrer Website zu gewährleisten, und jede Komponente kann einen erheblichen Einfluss auf die Zugänglichkeit Ihrer Website haben. Es gibt viele Grundlagen, die für ein effektives Webdesign absolut notwendig sind.

Typografie ist eines dieser Elemente; Es wird manchmal übersehen, ist aber ein wesentlicher Bestandteil des Designs und etwas, das Ihr Webdesign-Geschäft nicht übersehen sollte. Betrachten Sie die vielen Möglichkeiten, wie Typografie im  Web verwendet wird, von großen Kopfzeilen und signifikanten Textblöcken bis hin zu kleinerem Text im Hauptdokument, und Sie werden schnell feststellen, dass dies nicht nur ein wichtiger Bestandteil des Online-Designs ist, sondern auch eine reine Mischung aus Kunst und Wissenschaft.

Sie können sich auf die Schriftarten beziehen unter: https://schriftarten123.com/

Wir haben seit dem Aufkommen des Internets einen langen Weg zurückgelegt, aber Typografie ist immer noch so wichtig wie heute.

Beachten Sie beim Erstellen von Webdesign-Typografie Folgendes:

Es gibt einige Unterschiede in der Art und Weise, wie Typ im Druck und im Web gehandhabt wird. Kontrast, Farbe, Lesbarkeit und Größe sind Faktoren, die beim Entwerfen von Text im Web zu berücksichtigen sind.

Farben auf Computerbildschirmen werden durch Licht erzeugt, daher ist es zunehmend notwendig, den Kontrast beim Betrachten und Lesen von kontrastarmem Text zu berücksichtigen. Da schwarze Schrift auf weißem Hintergrund maximalen Kontrast bietet, ist sie am einfachsten zu lesen. Farbtheorie und Farbauswahl sind wichtige Bestandteile der Online-Typografie.

Serifenlose Schriftarten sind online in Inhalten leichter zu lesen, da Serifen es für die Augen schwieriger machen, zu folgen, aber Serifen erleichtern es den Augen, gedruckten Text zu verfolgen.

Serifenlose Schriftarten können in Textinhalten im Web immer noch gut funktionieren, jedoch bei größeren Größen, einschließlich mehr Kopfabschnitten – dem zusätzlichen vertikalen Abstand zwischen den Zeilen des Typs. Serifen funktionieren gut in Titeln und Überschriften, da sie dem Titel eine zusätzliche Dimension verleihen und bei der Arbeit mit kleineren Textmengen leicht zu lesen sind.

Bei der Auswahl eines Schriftstils ist es wichtig, deren Größe zu berücksichtigen. Zu kleine Schrift wird schwer zu lesen sein, aber zu großer Text wird zu viel Platz beanspruchen. Wählen Sie eine Schriftgröße, die zu Ihrem Design passt und lesbar erscheint.

1. Begrenzen Sie die Anzahl der Schriftarten

Verwenden Sie nicht mehr als zwei separate Schriftarten für den gesamten Inhalt Ihrer Website, um die visuelle Kohärenz zu gewährleisten. Viele Websites funktionieren sehr gut mit einer Typografie, umso mehr, wenn mehrere Schriftarten aus verschiedenen Gründen (wie Titel, Inhalt, Schaltflächentext usw.) verwendet werden.

Die Verwendung von mehr als drei separaten Schriftarten führt zu einer unorganisierten und unprofessionellen Website. Beachten Sie, dass die gleichzeitige Verwendung von zu vielen Schriftgrößen und -stilen als Inlineschriftarten jede Anordnung zerstören kann. Halten Sie im Allgemeinen die Anzahl der verschiedenen Schriftfamilien auf ein Minimum (zwei sind genug, eine ist häufig) und verwenden Sie sie konsistent auf der gesamten Website. Wenn Sie mehrere Typografien verwenden müssen, stellen Sie sicher, dass die Schriftfamilie mit Zeichenbreiten kompatibel ist.

2. Lesbarkeit und Aufmacher

Menschen unterscheiden oft zwischen Lesbarkeit und Lesbarkeit. Lesbarkeit bezieht sich auf den Grad, in dem jedes Buchstabenmuster in einer Schriftart erkannt wird. Die Lesbarkeit bezieht sich jedoch darauf, wie lesbar eine Schriftart ist (insbesondere in großen Textblöcken), wird jedoch durch verschiedene Variablen bestimmt.

Die Lesbarkeit hat einen direkten Einfluss auf die Lesbarkeit einer Schrift. Überlegungen wie Typografiegröße, Kontrast zum Hintergrund, Schriftstärke und andere visuelle Elemente spielen jedoch alle eine Rolle. Eine vollständig lesbare Schrift in einer Höhe kann in einer anderen Höhe schwer lesbar sein. Aus diesem Grund ist es vor der Auswahl einer Typografie wichtig zu verstehen, wo Ihre Typografieinhalte in Ihrem endgültigen Design verwendet werden. Dieser Artikel hilft Ihnen bei der Auswahl der besten Google Web Fonts für Ihr Projekt.

In der Typografie wird der Abstand zwischen den 2 Zeilen als Spitze (oder Linienhöhe) bezeichnet. Durch die Verbesserung der Kopfzeile stellen Sie vertikalen Leerraum zwischen Textzeilen zur Verfügung, wodurch die Lesbarkeit verbessert wird. In der Regel sollte die Oberseite für ein optimales Lesen etwa 30% größer sein als die Höhe des Buchstabens.

Lesen Sie weitere verwandte Artikel:  Installation von Schriftarten unter Windows 10

Die effektive Nutzung von Leerraum zwischen den Absätzen verbessert das Verständnis um bis zu 20%. Der richtige Leerraum ermöglicht es den Lesern, jeder Textzeile bequem zu folgen und nach einem Zeilenumbruch zur nächsten Zeile zurückzukehren. Der vertikale Raum wird in der Regel durch Barrierefreiheitsrahmen zugewiesen, die ausschließlich auf der Schriftgröße des entsprechenden Textes basieren.

3. Begrenzen Sie die Länge der Textzeile

Menschen sind selektive Leser; Wir mögen Textzeilen mit einer Länge von 40 bis 80 Zeichen. Alles andere führt dazu, dass unsere Augen regelmäßig auf die folgende Linie wechseln, was ablenkend sein wird. Auf der anderen Seite ermüden lange Schlangen den Leser, verursachen Unbehagen und erschweren das Auffinden des neuen Aufzählungspunkts, wenn das Auge von der linken Seite des Textblocks abgewandt ist.

Diese Einstellungen geben Ihnen Flexibilität in Bezug auf Seitenlayouts oder mobil-responsive Designs. Versuchen Sie jedoch, wenn möglich, eine Zeilenlänge von 60-70 Zeichen anzugeben. Ihre Augen werden dankbar sein.

4. Ausrichtung und Nähe

Die Ausrichtung führt zu einem Design einer definierteren Reihenfolge. Die Ausrichtung der Komponenten ermöglicht es ihnen, eine visuelle Verbindung zu bilden. Es rationalisiert das Design und vermeidet das Durcheinander, das Chaos, das auftritt, wenn Objekte in einer unordentlichen Anordnung angeordnet sind.

Das Ausrichten von Elementen, die nicht nebeneinander liegen, hilft, eine unsichtbare Verbindung zwischen ihnen herzustellen. Alignment ist ein grundlegendes und wichtiges Designelement. Es ermöglicht uns, Ordnung und Organisation zwischen den Komponenten herzustellen.

Die Ausrichtung ist der Akt der Integration und Kombination von Text-, Grafik-, CSS- und  Bildregisterkarten, um sicherzustellen, dass jeder Abschnitt über die gleiche Menge an Platz, Größe und Entfernung verfügt. Viele UI-Designer verwenden Ränder, um sicherzustellen, dass ihre Logos, Titel oder Textinhalte korrekt ausgerichtet sind. Bei der Harmonisierung Ihrer Benutzeroberfläche sollten Sie die Industriestandards im Auge behalten. Zum Beispiel würde das Ausrichten von Text nach rechts für Betrachter, die von links nach rechts lesen, unlogisch erscheinen.

Nähe hilft bei der Bildung einer Organisation. Indem Sie vergleichbare Komponenten gruppieren oder nahe beieinander platzieren, können Sie eine Bindung zwischen ihnen herstellen. Darüber hinaus dient es als Brennpunkt, der dem Leser anzeigt, wo er seine Lektüre beginnen und beenden soll.

Nähe ist nicht notwendig, um diesen Gegenstand nebeneinander zu platzieren; Es impliziert nur, dass sie in irgendeiner Weise visuell verknüpft werden. Dies kann unter anderem mit Punktgrößen, Typografie und Farben erfolgen.

5. Verwenden Sie Standardschriftarten

Dienstleister für die Einbettung von Schriftarten (z. B. Google Web Fonts oder Typekit) bieten eine Vielzahl einzigartiger Schriftarten, die Ihren Projekten etwas Neues, Neues und Überraschendes hinzufügen können. Was könnte also schon schiefgehen? In der Tat hat diese Methode einen erheblichen Fehler – interessante Typografie kann die Lektüre des Benutzers außer Acht lassen. Benutzer können sich die Zeit nehmen, die von Designern verwendete Typografie zu überprüfen, anstatt den Inhalt zu lesen.

Wenn Ihre Website einen zwingenden Grund hat, benutzerdefinierte Typografie wie Branding, CSS-Zeitleisten oder das Erstellen einer reichhaltigen Erfahrung zu verwenden, ist es besser, eine Standardschriftart zu verwenden. Denken Sie daran, dass eine effektive Typografie die Aufmerksamkeit des Lesers auf den Text lenkt, nicht auf die Schriftart.

6. Vermeiden Sie alle Großbuchstaben

Der gesamte Text in Großbuchstaben, d. h. Text, bei dem alle Buchstaben groß geschrieben werden, ist in den lesefreien Einstellungen akzeptabel (z. B. Akronyme oder Logos), aber es ist nicht erforderlich, dass Ihre Benutzer den gesamten Text in Großbuchstaben lesen, wenn Ihre Nachricht gelesen werden muss.

design

Schlussfolgerung

Typografie macht Sinn. Die falsche Wahl der Schriftart kann die Aufmerksamkeit des Lesers vom Text ablenken. Es ist wichtig, Schriften zu erstellen, die intelligent, verständlich und leicht zu lesen sind. Typografie sollte immer den Inhalt berücksichtigen und niemals zur kognitiven Belastung des Benutzers beitragen.

Um die richtige Schrift für Ihre Online-Projekte zu wählen, müssen Sie eine Vielzahl von Alternativen erkunden und mit ihnen experimentieren, bis Sie eine geeignete Schrift gefunden haben. Typografie hat einen wesentlichen Einfluss darauf, wie Besucher eine Website betrachten. Während die richtige Typografie zu einer angenehmen Erfahrung beiträgt, kann sich eine Typografie, die schwer zu lesen ist oder nicht dem Ton der Website entspricht, nachteilig auf die Benutzererfahrung auswirken. Es lohnt sich, die Zeit und Mühe zu investieren, die notwendig ist, um das ideale Paar zu entdecken.

92 / 100