Grundlinienraster vs. Lesbarkeit

Jeder Designer, der sein Geld wert ist, wird zu Recht über die Bedeutung des Gitters sprechen. Als ich jedoch meinen Beruf weiter ausübte, stellte ich fest, dass mir insbesondere das Grundlinienraster nicht immer praktisch erscheint.

Zum Beispiel arbeite ich mit vielen Marketingblättern, die Listen mit Aufzählungszeichen enthalten. Meine erste Neigung ist es, alles gleichmäßig zu verteilen und das Grundlinienraster beizubehalten.

Wir kommen jedoch häufig zu dem Schluss, dass der gleichmäßige Abstand zwischen Linien und Listenelementen die visuelle Trennung der Punkte erschwert, obwohl die Elemente durch Aufzählungszeichen voneinander getrennt sind. Also haben wir am Ende so etwas wie folgendes:

Jedes Listenelement wird besser unterschieden, aber jetzt ist das Grundlinienraster verschwunden und das Ganze fühlt sich etwas chaotischer an.

Auf einer kleineren Ebene ist hier ein weiteres Beispiel:

Wenn Sie ein geeignetes Grundlinienraster beibehalten, sieht ein Titel mit zwei Zeilen wie ein separates Element aus. Ändern Sie jedoch den Abstand, um den Fluss zu korrigieren (wenn einige Benutzer nur einen Titel mit einer Zeile hatten).

Es ist möglich, dass ich noch so unerfahren bin, dass ich nicht weiß, wie ich meinen Kuchen essen soll. Ich vermute jedoch, dass dies ein Szenario sein könnte, in dem Entwurfsregeln flexibel sein müssen, um unterschiedliche Prioritäten zu berücksichtigen.

Aber ich werde trotzdem fragen: Was ist wichtiger - ein Grundlinienraster in einer solchen Situation beizubehalten oder das Raster zu kompromittieren, um die Lesbarkeit zu verbessern?

Probleme mit Grundliniengittern lassen sich leichter lösen, wenn Sie diese übergeordnete Regel beachten: Der einzige Zweck des Grafikdesigns besteht darin, die Kommunikation zu erleichtern. Dafür werden Sie angeheuert, dafür werden Sie bezahlt und dafür müssen Sie etwas tun. Ein Raster (oder ein anderes Gestaltungselement) ist nur dann sinnvoll und sinnvoll, wenn es diesen Zweck erfüllt.

Informationen auf einer Seite sind leichter zu finden und zu verarbeiten, wenn sie eine gute visuelle Hierarchie aufweisen (Überschriften, Unterüberschriften, Textkörper, Seitenleisten), entsprechend gruppiert sind (zusammengehörige Elemente sind in der Tat zusammen) und in angemessenem Abstand voneinander angeordnet sind. einschließlich Rändern und anderen Leerzeichen.

Ein Layoutraster bringt Ordnung auf die Seite und sorgt dafür, dass Illustrationen, grafische Elemente wie Leerzeichen, Überschriften und Text auf eine geordnete Weise ausgerichtet werden, die der Seite Autorität oder ein Gefühl der "Richtigkeit" verleihen kann. Es gibt viele Wege zu einem; Sie bestehen nicht alle aus gleichmäßig verteilten Zeilen und Spalten.

Wie DA01 hervorhebt, funktioniert ein Grundlinienraster in mehrspaltigen Layouts gut. Es ist auch in Situationen nützlich, in denen ein sehr formelles, kontrolliertes oder chirurgisch sauberes Aussehen angemessen ist. Außerhalb von Büchern und anderen textintensiven Veröffentlichungen benötigen Sie häufig einen weniger formellen Look.

Die Frage, die Sie jeder Design-Wahl stellen können, insbesondere in der Typografie, lautet: "Wird dies die Kommunikation leichter verständlich, leichter zu finden oder effektiver machen?" Wenn die Antwort "Nein" ist, dann ist es falsch.

Ihr Beispiel ist ein gutes Beispiel: Wenn Sie die Aufzählungspunkte auf ein Grundlinienraster zwingen, wird die Lesbarkeit des Texts beeinträchtigt. Die Kommunikation ist der Boss, so dass Sie sofort wissen, dass es falsch ist, sich an das Raster zu halten. Ein einzelnes Informationselement wie eine Adresse oder der Text eines Aufzählungszeichens muss auch ein einzelnes visuelles Element auf der Seite sein . Daraus folgt, dass separate Informationen auf der Seite getrennt sein müssen.

Es geht also nicht darum, ob es in Ordnung ist, das Stromnetz zu kompromittieren, um eine bessere Kommunikation zu erreichen. Es ist so, dass Sie niemals die Kommunikation gefährden dürfen, Punkt. Entwerfe es, um zu kommunizieren. Verwenden Sie die Regeln und Techniken des Designs so oft Sie möchten, um eine brillante Kommunikation zu gewährleisten. Lassen Sie jedoch niemals Regeln oder Techniken die Kommunikation behindern.

Die Idee eines "Grundlinienrasters" wird häufig missbraucht, insbesondere im Internet.

Das Grundlinienraster ist wirklich für die Verwendung in mehrspaltigen Veröffentlichungen vorgesehen. Die Idee ist, konsistente horizontale "Linien" über alle Spalten zu haben.

Und es sollte standardmäßig verwendet werden, aber Sie sollten auch wissen, wann Sie es NICHT verwenden sollten.

Ihr Beispiel für eine Aufzählung ist ein guter Fall, in dem es wahrscheinlich in Ordnung ist, das Raster zu durchbrechen. Sie können die Einstellungen jedoch noch optimieren, um das Raster ein wenig einzuhalten.

Zum Beispiel können Sie 12/14 Typ haben. Sie könnten dann den Abstand zwischen Aufzählungszeichen 7 herstellen. Das würde immer noch am Raster haften (in halben Schritten).

Ich würde vorschlagen, einen Absatzstil für Listen zu verwenden, bei denen nur die erste Zeile am Grundlinienraster ausgerichtet ist. Auf diese Weise wird die Liste nicht unübersichtlich. Alle Zeilen mit Aufzählungszeichen werden weiterhin im Grundlinienraster angezeigt, wobei das allgemeine Erscheinungsbild der Ausrichtung beibehalten wird, während die folgenden Zeilen einen anderen Abstand aufweisen. Das Ergebnis ist ein ähnliches Erscheinungsbild wie von Ihnen beschrieben, mit dem Sie sich häufig zufrieden geben, jedoch mit mehr Elementen, die am Raster ausgerichtet sind.

Sie können das Grundlinienraster neu berechnen, um kleinere Zahlen und Unterteilungen zu verwalten, sodass Sie Teilschritte durchführen können, die in jedem Intervall übereinstimmen. Wenn Ihre Grundlinien-Rastereinheit 9 Punkte beträgt, bedeutet dies, dass eine natürliche Unterteilung 3 Punkte beträgt. In einem Textsatz von 8pt können Sie 9pt oder 12pt haben, in einem Textsatz von 12pt können Sie eine Zeilenhöhe von 15pt oder 18pt haben. Wenn Sie einen Satz verwandter Größen haben, behalten Sie die Proportionen des Zeilenabstands bei.