Web-Typografie bezieht sich auf Schriftarten integriert auf Webseiten. Dies ist ein kritischer Aspekt des Website-Designs, da es einen direkten Einfluss auf die Lesbarkeit der Website hat. Viele Leute denken, dass die Verantwortung eines günstiges Website-Design professionell gehören nicht dazu, darauf zu achten Web-Typografie. Dies ist jedoch ein falsches Konzept.
Abgesehen davon, dass man Zeit für die Erstellung von Designs investiert, sollte man auch auf die Webtypografie achten. Denken Sie daran, dass sich die Besucher nicht darum kümmern, Ihre Designs zu beobachten, wenn Ihre Webtypografie schlecht ist. Wir geben Ihnen einige Tipps, die Ihnen helfen, problemlos mit Webtypografie umzugehen.
- Verwenden Sie drei Schriftarten pro Design
Wenn Sie (höchstens) drei Schriftarten verwenden, können die Leser Ihre Website klar erkennen. Das Anordnen von Inhalten mit verschiedenen Schriftarten kann zu einem unordentlichen Aussehen der Website führen. Darüber hinaus kann es Besucher davon überzeugen, dass verschiedene Teile des Inhalts, wie z. B. verschiedene Absätze, nicht zusammenhängen.
Natürlich kann es vorkommen, dass Besucher beim Lesen nicht die genaue Ursache des Unbehagens erkennen können. Dennoch werden sie sich beim Lesen von Informationen, die verschiedene Schriftarten enthalten, nicht wohl fühlen. - Unterscheiden Sie die Überschrift
Der Titel eines Artikels zieht zunächst die Anziehungskraft der Besucher auf sich. Wenn sie den Titel eingängig finden, gehen sie zum Rest des Artikels über. Das bedeutet, dass Sie den Titel hervorheben müssen, damit er die Aufmerksamkeit der Leser um jeden Preis erregt. Das Vergrößern der Überschrift ist der einfachste Weg, um sie hervorzuheben. - Stellen Sie die Größe des Body Copy auf 14 Pixel ein
Um die besten Ergebnisse zu erzielen, sollten Sie sicherstellen, dass Besucher Ihren Fließtext bequem lesen können. Zwar können neben der Größe auch andere Faktoren die Lesbarkeit der Website beeinflussen. Dennoch ist die Größe der wichtigste Bestimmungsfaktor. Das Festlegen der Größe Ihres Fließtexts auf 14 Pixel kann eine gute Idee sein. - Vermeiden Sie unnötige Unterstreichungen und Kursivschrift
Verwirren Sie Ihre Leser nicht, indem Sie unnötig Kursivschrift und Unterstreichungen verwenden. Kursivschrift und Unterstreichung verleihen einer Linie eine größere Bedeutung. Wenn Sie in jedem Satz kursiv und unterstrichen verwenden, können Ihre Besucher verwirrt sein.
Verwenden Sie stattdessen Unterstriche und Kursivschrift, nur wenn dies erforderlich ist. - Verwenden Sie keine Großbuchstaben für große Textblöcke
Die Verwendung von Großbuchstaben für große Textblöcke ist eine schlechte Idee. Dies liegt daran, dass Informationen, die nur in Großbuchstaben geschrieben sind, im Vergleich zu Texten in Klein- und Großbuchstaben schwieriger zu interpretieren sind.
Wenn Sie Informationen je nach Bedarf in Klein- und Großbuchstaben setzen, wird es vergleichsweise schonender für die Augen. Darüber hinaus wird es den Besuchern ermöglichen, Informationen leichter zu interpretieren. - Vermeiden Sie es, große Informationen auf begrenztem Raum zu stopfen
Um die Lesbarkeit Ihrer Site zu verbessern, zwingen Sie nicht, riesige Informationen auf begrenztem Raum unterzubringen. Bieten Sie ihm vielmehr genügend Platz, damit es ein ordentliches Aussehen annimmt. Gleichzeitig sollten Sie nicht zu viel Platz einplanen, damit der gesamte Text unzusammenhängend und unzusammenhängend erscheint. - Achten Sie auf den Hintergrundkontrast
Möglicherweise haben Sie sich für eine größere Schriftgröße entschieden, um die Lesbarkeit des Textes zu verbessern. Wenn jedoch der Kontrast zwischen Informationen und ihrem Hintergrund zu gering ist, wird die Lesbarkeit und Lesbarkeit der Site beeinträchtigt. Es ist gängige Praxis, hellen Text vor einem dunklen Hintergrund zu platzieren oder umgekehrt. Vermeiden Sie um jeden Preis die Verwendung von widersprüchlichen Farben. - Entscheiden Sie sich für Schriftarten, die perfekt für die Bildschirmnutzung geeignet sind
Sie können verschiedene Schriftarten in der Internet. Leider sind viele dieser Schriftarten nicht für die Verwendung in Websites geeignet. Aus diesem Grund ist eine sorgfältige Auswahl der Schriftarten wichtig. Darüber hinaus können Sie Hinweistabellen verwenden und das Erscheinungsbild von Schriften in kleineren Größen in verschiedenen Browsern überprüfen. - Vermeiden Sie die Verwendung von Comic Sans
Comic Sans ist zu einer viel gehassten Schriftart geworden und wir sind keine Ausnahme. Wir sind fest davon überzeugt, dass die Verwendung dieser Schriftart Ihrer Website eine kindische und unreife Attraktivität verleiht, die die meisten Besucher nicht zu schätzen wissen. Versuchen Sie es zu vermeiden.
Viel Spaß beim Erstellen einer barrierefreien Website!
Aiden Russe
Hallo Diane.
Vielen Dank für das Teilen der ausgezeichneten Anleitung. Ich wünschte, jeder Designer sollte die Bedeutung der Typografie verstehen. Unsachgemäße Typografie kann auch ein Fehler des Scheiterns eines Website-Designs sein. Ich möchte Typografie bei der Gestaltung einer Website an erste Stelle setzen und Webdesign vor dem Scheitern bewahren. Die Ratschläge, die Sie hier gegeben haben, sind wirklich fantastisch und enthalten viele nützliche Informationen.
Bernstein
Danke für das Teilen. Sicherlich werden viele Leute von diesen Punkten profitieren.
Sarah
Sehr hilfreich. Ich schaue mir gerade ein Re-Design einer unserer Websites an und habe festgestellt, dass wir auf der alten Website etwa 5-6 verschiedene Schriftarten verwendet haben, was einfach nicht gut aussieht.
Sajesch
Ich habe Ihnen zugestimmt, dass Webtypografie ein kritischer Aspekt des Webdesigns ist und jeder Designer diesen Aspekt bei der Gestaltung der Website im Auge behalten sollte.
Nishadha
Ich kann nur sagen wow. Ich weiß, dass Schriftstile und Schriftgröße wichtig sind, wusste aber nie so detailliert, warum sie wichtig sind. Weiterleitung an das Designteam und vielen Dank für den tollen Artikel.
Christian
Eine klare, lesbare und effektive Typografie in Ihre Website zu integrieren, erhöht nicht nur Ihre Besucher, sondern erhöht auch die Professionalität.
Natascha
Größe des Body Copy auf 14 Pixel einstellen? Ist es nicht besser, wir sollten 16-18px oder besser 150% verwenden.
Rajesh Namase
Es kommt darauf an, einfach ändern und prüfen, ob es schön und lesbar aussieht oder nicht.
Jeeten
Ja, ich stimme dir zu, Diane, Webtypografie ist ein Muss. unter Berücksichtigung der Typografie hatte ich meine Seite entworfen.
Johannes
Schriftfamilie: 'franklin_gothic_medium_condRg'; Schriftart wird von mir auf meinen verschiedenen Websites verwendet. und Körper Schriftgröße beibehalten .9em. und auf einigen Websites 1em.
H1 = 3em
H2 = 2.5em
H3 = 2em
H4 = 1.6em
H5 = 1.2em
Vishnu Sharma
Ja, ich stimme dir zu, Diane, Webtypografie ist ein Muss. Unter Berücksichtigung der Typografie hatte ich meine Seite entworfen.
Mansur Bhanpurawala
Sehr hilfreich. Ich schaue mir gerade ein Re-Design einer unserer Websites an und habe festgestellt, dass wir auf der alten Website etwa 5-6 verschiedene Schriftarten verwendet haben, was einfach nicht gut aussieht.
Alex
Danke, Admin. Verwenden Sie sehr vollen Blog. Danke für den Beitrag, denn dieser Beitrag ist für mich nützlich.