Wie gehe ich mit großen Absätzen von zentriertem Text um?


11

Ich habe für mich selbst an einer sehr einfachen Portfolio-Website gearbeitet und die Vorlage, die ich verwende, ist für den gesamten Text zentriert. Ich habe ein bisschen Klappentext über mich und weiß nicht, ob dies der beste Weg ist, mit so viel mittig gerechtfertigtem Text umzugehen. Es fühlt sich für meine Augen etwas unangenehm an zu lesen. Stell ich mir nur Dinge vor oder gibt es einen besseren Weg, dies zu tun?

viel zentrierter Text!

BEARBEITEN 1: Meine Website basiert auf dieser kostenlosen Vorlage , die auch einige größere Abschnitte mit mittig ausgerichtetem Text enthält. Ich würde den Text gerne links begründen, aber ich weiß nicht, ob er gut zum Aussehen der restlichen Website passt.

EDIT 2:

Also habe ich die Farben umgedreht, damit es schwarzer Text auf weiß ist. So sieht es jetzt aus, auch mit einer Sens-Serif-Schrift. Ich habe auch angegeben, wie der Link auf diesem weißen Hintergrund aussieht - möglicherweise muss ich ihn etwas abdunkeln:

Schwarz auf weiß

EDIT 3:

Okay, also linksbündig, mit meinem Versuch, Aufzählungszeichen zu setzen. Ich werde das bald klären. Ich muss die Schriftgröße richtig einstellen, aber Sie haben die Idee.

linksbündig!


Warum müssen Sie darauf hinweisen, dass Sie Englisch sprechen? In anderen Ländern notieren die Menschen in ihrem Lebenslauf, ob sie eine oder mehrere Fremdsprachen sprechen.
Betrunkener Meister

1
@ DrunkenMaster Sie gehen davon aus, dass Stacey in einem englischsprachigen Land ist. :)
Scott

Ich bin in einem Land mit 11 Amtssprachen und es ist in meiner Konkurrenz nicht üblich, Englisch muttersprachlich zu sprechen.

@ Scott Überprüfen Sie ihren Standort, heißt es in Südafrika. Auf jeden Fall ist das Zentrieren von Text nicht das einzige Problem. Dünne weiße Buchstaben auf schwarzem Hintergrund sind sehr schwer zu lesen, insbesondere eine Serifenschrift. Wenn Sie umgekehrten Text mit kleinen Buchstaben benötigen, verwenden Sie eine serifenlose Schrift, die besser lesbar ist. Ansonsten gibt es viele nette Web-Schriftarten, die Sie verwenden können, um Ihrer Biografie eine persönlichere Note zu verleihen, schließlich ist eine gute Typografie 2015 fast ein Muss.
Drunken Master

@DrunkenMaster Gerne können Sie alle Probleme erwähnen, die Sie in einer Antwort finden - ich bin ein absoluter Neuling, wenn es darum geht (wie Sie wahrscheinlich sagen können!) Und brauche alle Hilfe, die ich bekommen kann.

Antworten:


10

Das Ausrichten von Absatztexten in der Mitte ist meistens keine gute Wahl. Das menschliche Verständnis wurde pflichtbewusst darauf trainiert, Text auf bestimmte Weise anzuzeigen. Wenn Sie Absatztext zentrieren, bitten Sie den Leser, sehr hart zu arbeiten und den visuellen Pfad durch den Text beizubehalten.

Dies ist nicht besonders spürbar, wenn man kurze Absätze mit einem oder zwei Sätzen betrachtet. Aber je mehr Text es gibt, desto schlimmer wird es.

Hier ist ein Artikel über die Textausrichtung

Und UX.SE hat eine verwandte Frage: Ist linksbündiger Text im Allgemeinen zentriertem Text vorzuziehen?

Wenn die Ausrichtung nach links keine Option ist (nicht sicher, warum dies der Fall ist), müssen Sie möglicherweise das Design überdenken.

(Randnotiz: Der umgekehrte Typ im Web ist für den Leser ebenfalls sehr schwierig.)

Wenn Sie diese Vorlage nicht mehr verwenden können. Ich würde vorschlagen, den Absatztext in allen Bereichen nach links auszurichten und eine imaginäre Position von links zu verwenden, um sie alle auszurichten. Zum Beispiel würde ich einen Inhaltsbereich definieren und innerhalb dieses Bereichs linksbündig ausrichten:

Geben Sie hier die Bildbeschreibung ein

Die Dinge werden viel einfacher "lesen" ....

Geben Sie hier die Bildbeschreibung ein


Es scheint, dass die Vorlage, die ich ausgewählt habe, einige Probleme hat! Ich denke, das bekommen Sie kostenlos.

Ich bin ganz auf die Vorlage eingestellt, aber ich würde es gerne richtig versuchen, bevor ich aufgebe und etwas anderes finde.

Ich weiß nur, dass kontrastreicher, umgekehrter Typ mehr dazu beiträgt, Benutzer abzuweisen, als die Textausrichtung.
Scott

Ich habe bereits beschlossen, das auf schwarzen Text auf weiß umzustellen, wenn ich die Gelegenheit dazu bekomme.

Und ich habe gerade die Farben gewechselt. siehe bearbeiten.

5

Ich hätte kein Problem mit dem Text, wenn er 2 oder 3 Absätze weniger hätte. Die Zentrierung eignet sich gut für kleine Textmengen, wird jedoch zu einem Problem der Lesbarkeit, wenn zu viel Text vorhanden ist.

Unter diesem Gesichtspunkt ist die Ausrichtung nach links besser als zentriert (oder nach rechts ausgerichtet).

Linksbündiger Text ist leichter zu lesen als zentrierter Text für Absätze. Dies liegt daran, dass sich beim Zentrieren Ihres Textes die Startposition jeder Zeile ändert. Dies zwingt Ihre Benutzer dazu, härter zu arbeiten, um herauszufinden, wo jede Zeile mit dem Lesen beginnt.

Die Argumentation liegt darin, dass Sie zu viel trainieren, um den Text zu verstehen. In meinem persönlichen Fall hatte ich das Gefühl, dass mein Blick in die Mitte des Textes gerückt wurde, als ich zum Beispiel Wörter wie Matlab / VHDL und Python C ++ bemerkte. Sie geben mir eine Vorstellung davon, was Sie tun, aber Sie versuchen nicht nur, Fähigkeiten aufzulisten, Sie beschreiben sich selbst.

Trotzdem ist der Text nicht extrem lang und zentriert zu sein, ist eine Design-Aussage. Wenn Sie es also so halten möchten, würde ich einige visuelle Hinweise hinzufügen, um die Navigation im Text zu erleichtern. Zum Beispiel einige Wörter oder Phrasen fett machen oder ihre Größe variieren. Sie können auch Farben verwenden, um die Sprachen hervorzuheben. Ich bin sicher, dass nicht alle Ihre Texte die gleiche Relevanz haben, daher sollten nicht alle gleich aussehen.


2

Andere haben bereits gültige Punkte für zentrierten Text gemacht, daher werde ich das nicht wiederholen.

Es gibt einige andere Dinge, die Sie berücksichtigen sollten:

  • Dünne Serifenschrift (kleine Schriftgröße oder sonst dünne Schrift) ist keine gute Wahl für invertierten Text. Im Wesentlichen macht es das Lesen genauso schwierig wie zentrierten Text. Denken Sie an Leute mit alten Displays oder billigen Geräten, die den Text überhaupt nicht lesen können.

  • Verwenden Sie eine Schriftart mit persönlicherer Note. Georgia oder Times ist wahrscheinlich eine gute Wahl für Websites mit hohem Textgehalt, die schnell geladen werden müssen. 2015 ist jedoch fast jeder Webdesigner von Typografie besessen . Schauen Sie sich die Schriftarten unter http://www.google.com/fonts/ an. Es gibt viele gut lesbare Serifen- und serifenlose Schriftarten, die Ihre Besucher in Erstaunen versetzen werden. Verwenden Sie Kontrast, koppeln Sie einige schöne Schriftarten, verwenden Sie unterschiedliche Gewichte und so weiter.

  • Ich gehe davon aus, dass es auf der Website um Sie geht und es nicht wirklich inhaltsintensiv sein wird. Erstellen Sie ein schönes großes Heldenbild für Ihre Hauptseite. Wie ein schönes Foto eines typischen Geräts, an dem Sie arbeiten, oder Ihrer typischen Arbeitsumgebung. Stellen Sie es als Hintergrundbild ein und fügen Sie einen schönen großen Text hinzu . Das wirkt sich fast immer positiv auf Ihre Besucher aus.

  • Strukturieren Sie Ihren Text , verwenden Sie eine Liste, wenn Sie Dinge auflisten, verwenden Sie Überschriften. Es gibt viele Optionen, um Text gut aussehen zu lassen. Einfache, langweilige Absätze sind heute aus der Mode gekommen.


2

Im Allgemeinen ist es nicht gut, große Mengen an zentriertem, ausgerichtetem Text zu haben, da dieser einfach nicht gut lesbar ist. Wir verfolgen linksbündige Textzeilen (oder rechtsbündige für RTL-Sprachen) einfacher als zentriert ausgerichtete.

Insbesondere für diese Art von Informationen würde ich ein Layout mit Linksausrichtung empfehlen, bei dem die Abschnitte aus den einzelnen Fertigkeiten bestehen und nicht aus einer Absatzstruktur, wie Sie sie derzeit haben. Es hält es kurz, lesbar und leicht erweiterbar. Es fügt auch visuelle Hinweise hinzu, über die Yisela spricht.

Das könnte ungefähr so aussehen wie dieses extrem grobe Beispiel :

geschnittenes Beispiel

Es kann sinnvoll sein, einen Zeitrahmen hinzuzufügen, wie lange Sie diese Dinge getan haben, um einen Hinweis darauf zu geben, wie gut Sie darin sind. Es könnte direkt neben dem Spezialitätstitel stehen, muss aber wahrscheinlich weniger betont werden als der Titel.


2

Überschriften sind eine gute Idee, wenn es komplexe oder abwechslungsreiche Inhalte gibt. In Ihrem Fall können Sie jedoch auch von einer verbesserten Absatzstruktur profitieren. Zum Beispiel könnten die ersten beiden Absätze zusammengefügt werden, um Ihre Ausbildung mit Ihrer Person in Beziehung zu setzen. Insgesamt bietet dies dem Leser ein besseres Verständnis dafür, wer Sie sind, während der Diskussionsfluss aufrechterhalten wird.

Die Absätze, die ich schreibe, sind gute Beispiele für die Verwendung als Vorlage. Sie können mit der ersten Zeile eine kurze Erklärung abgeben und anschließend einen Vergleich, einen Kontrast oder zusätzliche Informationen erstellen. Darauf können ein oder zwei Zeilen folgen, die Beispiele oder zusätzliche verwandte Informationen enthalten, um die Botschaft besser an Ihr Publikum zu übermitteln. Beenden Sie abschließend mit einem Verknüpfungswort, um eine Schlussfolgerung zu dem zu ziehen, was Sie gesagt haben.

Folgendes berücksichtigen:

Mein Name ist Stacey und ich bin ein qualifizierter Ingenieur. Ich habe einen Bachelor of Engineering erworben, der mir in den letzten fünf Jahren das Wissen und die Fähigkeiten zum Entwerfen digitaler Systeme vermittelt hat. Beispiele für Systeme, die ich entworfen habe, sind (...). Zusätzlich zu meinen technischen Kenntnissen bin ich ein englischer Muttersprachler mit einer formalen Ausbildung in professioneller englischer Kommunikation.

Die erste Zeile schlägt ein und sagt, wer Sie sind und was Sie tun. In der zweiten Zeile wird erklärt, warum es wichtig ist, ein qualifizierter Ingenieur zu sein. Die dritte Zeile enthält Beispiele, die Ihr technisches Fachwissen unterstützen. Die letzte Zeile verbindet Ihre technischen Fähigkeiten mit anderen beruflichen Fähigkeiten. Insgesamt bietet der Absatz eine verbesserte Struktur, einen verbesserten Ablauf und ein verbessertes Qualitätslayout.

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.