it-swarm.com.de

Ideale Spaltenbreite für Online-Absätze

Es gibt nichts Schlimmeres, als auf eine Website mit Absätzen zu stoßen, die sich über die Breite Ihrer Bildschirmauflösung erstrecken. Sie sind normalerweise so schwer zu lesen, dass ich mich nicht einmal darum kümmere.

Viele Webdesigner verwenden generische Raster- und Säulensysteme, aber ich glaube nicht, dass diese für die Lesbarkeit optimiert wurden, sondern eher als Leitfaden für die allgemeine Ästhetik dienen.

Ich denke, es kommt auf Wörter pro Zeile an. Sind die für Druckmedien geltenden Regeln für Bildschirmmedien gleich?

Gibt es Richtlinien, die mir helfen, die Breite der Absätze auf dem Bildschirm zu bestimmen?

Ich möchte berücksichtigen:

  • Wichtige Web-Schriftarten (d. H. Arial, Verdana, Georgia, Times)
  • Ein Bereich Schriftgrößen (d. H. 8px-24px)
  • Abstand zwischen den Spalten
102
theorise

Die ideale Leitungslänge ist relativ kurz oder ziemlich lang. Was im Allgemeinen ästhetisch ansprechend zu lesen ist, ist im Allgemeinen ein guter Hinweis.

Spalten in einem Webkontext sind nur dann sinnvoll, wenn Sie sich auf sehr kompakte Inhalte konzentriert haben. was den Zweck der Verwendung von Säulen über die Verschönerung hinaus zunichte macht. Der Grund, warum sie sonst keinen Sinn ergeben, liegt nicht darin, dass sie schlecht unterstützt werden, sondern darin, dass gescrollt wird. Wenn Sie kein horizontales Layout mit Spalten erstellen, können Ihre Benutzer nach oben und unten scrollen. Ich kann auch alles über zwei Spalten hinaus als verwirrend ansehen, da es den Speicher des Benutzers belastet, wenn er eine kleine Pause vom Lesen einlegt - überlegen Sie, wie Spalten eine zweite Achse hinzufügen.


Zu lang - Wenn eine Textzeile zu lang ist, fällt es dem Auge des Besuchers schwer, sich auf den Text zu konzentrieren. Dies liegt daran, dass die Länge es schwierig macht, eine Vorstellung davon zu bekommen, wo die Linie beginnt und endet. Darüber hinaus kann es schwierig sein, in großen Textblöcken von der richtigen Zeile fortzufahren. - Christian Holst

Zu kurz - Wenn eine Linie zu kurz ist, muss das Auge zu oft zurückgehen, wodurch der Rhythmus des Lesers unterbrochen wird. Zu kurze Zeilen neigen auch dazu, Menschen zu belasten, sodass sie in der nächsten Zeile beginnen, bevor sie die aktuelle beenden (wodurch möglicherweise wichtige Wörter übersprungen werden). - Christian Holst

Darüber hinaus möchten Sie möglicherweise Ihre Inhaltsgröße genau kennen. Für längere Inhalte bevorzugen Sie längere Zeilen; mit kurzen Inhalten bevorzugen kürzere Zeilen. Nehmen Sie normalerweise die Größe von Absätzen und Abschnitten in Ihrem Inhalt als Variable für die Länge der Zeile an - Sie möchten keine einzeiligen Absätze, aber auch keine 30-zeiligen Absätze. Wählen Sie einen glücklichen Durchschnitt, der die Visualisierung des Inhalts erleichtert.

Allgemeine Faustregeln

Nehmen Sie diese mit einem Körnchen Salz, sie sind nur Richtlinien; Fühlen Sie sich frei, sie zu brechen. Ich wiederhole, sie sind nicht "eine Regel für alle", die Sie übernehmen müssen. nur ein Push/Hinweis in die richtige Richtung.

  • 12 Wörter pro Zeile
  • 39 Zeichen unabhängig von der Schriftgröße (anderthalb Buchstaben)
  • multiplizieren Sie die Punktgröße mit 2 und interpretieren Sie sie als Picas (Punkte-mal-zwei).
  • etwa 50-60 bis höchstens 75 Zeichen (einschließlich Leerzeichen) - dies ist normalerweise die Richtlinie, die von unseren Freunden in der Typografie entlehnt wurde

"The Elements of Typographic Style" von Robert Bringhurst erwähnt die folgenden spezifischeren Messungen

  • Zeilenlänge von 45 bis 75 Zeichen (Maß); speziell 66 einschließlich Leerzeichen; Einzelne Spalte
  • 40 bis 50 Zeichen; mehrspaltig
  • 85 bis 90 Zeichen; diskontinuierlicher Text; großzügige Führung
  • 40 Zeichen (Minimum); gerechtfertigt
  • 12 bis 15 Zeichen; Randnotizen; Englisch

Variablen in der Lesbarkeit:

  • schriftgröße
    • größer = Ich habe es versucht, (einige) Leute finden es nervig. Zielen Sie einfach auf die glückliche "mittlere Größe"
    • mittel/standard = größere Breite
    • kleiner = kleinere Breite
  • zeilenhöhe
    • groß (1,9+) = einfacher zu scannende Zeilen, längere Zeilen werden akzeptabler
    • normal = kürzere Linien
    • kleiner = sehr kurze Zeilen
  • inhaltslänge
    • großer Blob = lange Linien + große Linienhöhe
    • kurznachricht = kurze Zeilen + angemessene Zeilenhöhe

Solange Sie dem "gesunden Menschenverstand der Benutzerfreundlichkeit" treu bleiben, ist an sich keine Einstellung falsch. Im Gegensatz zu den meisten Designaspekten können Sie es auch an sich selbst testen, einfach lesbaren Inhalt in das Element einfügen (nicht unbedingt das, was dort hingehört, und vorzugsweise frisch!) Und prüfen, ob Sie es bequem lesen können. Wenn du kannst, großartig; Andernfalls optimieren Sie es, bis die Einstellung Ihrem Inhalt entspricht (testen Sie es mit einigen Schriftarten, nicht nur mit Ihrer Hauptschrift).

92
srcspider

Schauen Sie sich auch diesen Link an: http://www.informationarchitects.jp/en/100e2r/ .

Das Entwerfen mit gebeugtem Gesicht auf dem Bildschirm ist schlecht für Ihren Rücken. Lehnen Sie sich zurück und gestalten Sie entspannt weiter. Ihre Entwürfe werden entspannter sein, und Sie auch.

Um festzustellen, wie klein der Text auf vielen Websites ist, vergleichen Sie ihn mit einem Buch, das Sie gerne lesen, und ändern Sie dann die Schriftgröße, bis der Typ auf dem Buch und der Bildschirm ungefähr dieselbe Größe haben:

Die Standardhöhe der HTML-Zeile ist zu klein. Wenn Sie die Zeilenhöhe erhöhen, wird der Text besser lesbar. Für Typ auf dem Bildschirm ist 140% Vorsprung ein guter Maßstab.

Sie schlagen vor, 100% Schriftgröße (Standardeinstellung des Browsers), 10–15 Wörter pro Zeile (normalerweise 50% eines Browserfensters mit Standardschriftart) und 140% Zeilenhöhe zu haben - was für mich ziemlich vernünftig klingt.

8
Nikita Prokopov