Ausrichten von Nicht-Text-Elementen an einem Grundlinienraster

Ich fange an, ein Grundlinienraster für das Webdesign zu verwenden.

Muss alles an der Grundlinie oder nur an der Schrift ausgerichtet sein und müssen sie die gleichen Größen wie die Typografieskala oder das Grundlinienraster haben?

Ich bin verwirrt, weil die Dinge zum Beispiel nicht richtig auszurichten scheinen, ich folge dem Raster mit dem Typ und füge dann unten eine Schaltfläche hinzu und der Container der Schaltfläche ist entweder zu groß mit einer kleinen Lücke oben oder zu klein mit eine große Lücke darüber. Ich kämpfe also damit, ein Gesamtgleichgewicht innerhalb des Designs zu erreichen, weil ich nicht weiß, ob ich dem Raster für alle Elemente folgen muss, einschließlich Dinge wie Container, Bilder, Symbole usw., oder ob ich mich nur um den Typ kümmern muss und balanciere die anderen Elemente selbst aus, ohne dem Raster oder irgendeiner Skala zu folgen. Jede Hilfe ist willkommen, auch wenn es sich nur um einen Link zu einem Tutorial handelt, das Ihnen geholfen hat. Beifall.

Hallo Matt, willkommen bei GDSE und danke für deine Frage. Wenn Sie mehr über die Website erfahren möchten, besuchen Sie bitte das Hilfezentrum oder pingen Sie einen von uns im Grafikdesign-Chat an , sobald Ihr Ruf ausreichend ist (20). Tragen Sie weiter bei und genießen Sie die Seite!

Antworten (1)

Ein paar Tricks und Richtlinien, die mir geholfen haben, keineswegs vollständig:

  • Erstellen Sie außerdem Hilfslinien auf halber Zeilenhöhe. Es ist sehr schwierig, alles an einem Raster mit einfacher Höhe auszurichten, insbesondere wenn Sie unterschiedliche Schriftgrößen verwenden. Auf diese Weise können Sie Rahmen oder Lücken halb so groß machen oder Typografie mit kleineren Zeilenhöhenschritten versehen.
  • Versuchen Sie nicht, vom Benutzer eingefügte Bilder (wie in einem CMS) auf allen Seiten am Raster auszurichten. Es ist ein Albtraum, zu versuchen, Bilder in alle Richtungen zu skalieren, ohne dass Ihr Benutzer am Ende gegen das System kämpft und es dafür nicht mag. Richten Sie die Bilder oben und entweder links oder rechts am Raster aus, lassen Sie die andere Seite und die Unterseite „frei fallen“.
  • Richten Sie so viele Elemente wie möglich am Raster aus und lassen Sie sich bei Ihren Elementgrößen davon leiten.
  • Ignorieren Sie das Raster, wenn das Ergebnis nicht gut aussieht. Das Gitter ist ein Mittel, kein Zweck. Wenn das Tool einem guten Design im Weg steht, ignorieren Sie das Tool. Lassen Sie Ihr Design nicht durch ein Tool einschränken.
  • Beachten Sie, dass sich die Größe Ihres Rasters möglicherweise ändern muss, wenn sich die Größe des Ansichtsfensters ändert, dh wenn sich die Bildschirmgröße ändert. Ich sage vielleicht, denn ich habe Webdesigns gesehen, die über alle Bildschirmgrößen hinweg den gleichen (vertikalen) Rhythmus beibehalten und trotzdem großartig sind.
Danke Vincent das hilft. Ich mag die Spitze mit halber Zeilenhöhe, ich werde es jetzt versuchen.
Ausrichten von Nicht-Text-Elementen an einem Grundlinienraster
AntwortenHierDatenschutz-Bestimmungen1y, 0v