Wie sollen Auf- und Abstieg mit gleichem Platz gehandhabt werden?


16

Dies ist die erste Registrierungsseite für die Kommunikations-App meines Kunden. (Ich habe das Logo verdeckt - beachte das weiße Kästchen - für seine Privatsphäre)

Ich mag es nicht, dass das "y" absteigt und das "h" in den gleichen Raum aufsteigt. macht die beiden Zeilen etwas zu eng. Irgendwelche Vorschläge?

(Die Schriftart der App ist roboto. Hier verwende ich Roboto Bold.)

http://d.pr/i/g08p http://d.pr/i/ouTE

Für alle weiteren Kommentare zum Design sind wir dankbar - solange Sie sich selbst verhalten :)


1
Ich habe nichts dagegen. Sie könnten möglicherweise den Zeilenabstand zwischen den ersten beiden Zeilen verkleinern, um ihn optisch konsistenter zu machen. Alles in allem scheint dieser Typ für das Formularfeld sehr groß zu sein.
DA01

versuchen Sie Small Caps?
Lauren-Reinstate-Monica-Ipsum

@ DA01 - "Typ scheint sehr groß für das Formularfeld zu sein" - beziehen Sie sich auf "Geben Sie Ihre Telefonnummer ein" oder die in das Feld eingegebene Telefonnummer? Für das "Geben Sie Ihr ..." wollte ich etwas Großes, Kühnes und Nervöses mit Pfeilen und anderen visuellen Klischees ... aber vielleicht habe ich es geschafft.
User12985

Vielleicht finden Sie auch die Antworten auf diese Frage hilfreich: Wie gehe ich mit dem Zeilenabstand um, wenn ein einzelner Ableger im Weg ist?
user56reinstatemonica8

Ich bezog mich auf den Text "Bitte geben Sie Ihr Telefon ein". Ich nehme an, es ist nervös, aber es ist auch nur eine Bezeichnung für das Feld, also scheint es ein bisschen seltsam, so groß zu sein. Es schreit mich an.
DA01

Antworten:


15

Normalerweise haben Sie also einige Optionen.

Im Moment besteht Ihr Problem darin, dass die Zeilen 1 und 2 weiter auseinander liegen als die Zeilen 2 und 3, obwohl dies nicht der Fall ist. Es ist eine optische Täuschung, die durch das Fehlen von Ab- und Aufsteigern zwischen den ersten beiden, aber nicht zwischen den zweiten beiden verursacht wird.

Die Lösungen lassen sich in zwei grundlegende Kategorien einteilen: Vermeiden Sie diese Situation gemeinsam oder gehen Sie sie direkt an. Wir werden mit einigen Möglichkeiten beginnen, dies zu vermeiden.

Option 1: In Hauptstädte umwandeln

Dieser vermeidet die Situation. Wahrscheinlich sind Sie jedoch an Kleinbuchstaben gebunden.

(Diese Beispiele verwenden übrigens Franklin Gothic, da ich Roboto nicht installiert habe).

Option 2: Zeilenumbrüche neu anordnen

In diesem Fall habe ich in 2 Zeilen konvertiert, aber manchmal können Sie Zeilenumbrüche auf andere Weise neu anordnen.

Nur zwei Zeilen zu haben, ist eine andere Möglichkeit, das Problem zu umgehen - es gibt nichts, womit man es vergleichen könnte.

Option 3: Passen Sie den Abstand manuell an, bis er "optisch richtig" aussieht.

Hier habe ich die Lücke zwischen Zeile 1 und 2 stark verkleinert, damit es "gleichmäßiger" aussieht. Sie können keine Formel dafür verwenden, nur Ihre Augen.

In Wirklichkeit ist die Linienlücke zwischen der ersten und der zweiten Linie in diesem Beispiel viel kleiner als die Linienlücke zwischen der zweiten und der dritten Linie, aber sie sieht nicht allzu falsch aus, da die optischen Täuschungen durch die Auf- und Abwärtsbewegungen in der zweiten Linie erzeugt werden .

Es ist plausibel, dass Sie dieses schnelle Beispiel weiter verbessern können. Versuchen Sie dabei, von hinten zu sehen, blinzeln Sie mit den Augen usw., damit Sie nicht die Wörter, sondern die Buchstabenformen betrachten, als wären sie Kleckse.

Bonusoption: Wörter verschieben, damit sich Auf- und Abstieg nicht überlappen

Anscheinend haben Sie diese Option bei Ihren ausgewählten Wörtern nicht, aber manchmal können Sie Wörter nach links oder rechts verschieben, damit sich die Unter- und Oberbegriffe nicht überlappen, wie in diesem Beispiel bei verschiedenen Wörtern.

By the way, ich glaube , Ihre Verwendung des Hash - Symbol # sieht nicht richtig aus , und Sie würden besser dran , für die Entscheidung Nr oder N o - aber das ist meine persönliche Meinung.


Ich würde nur sagen, ich möchte Enter (Kreis / Logo) dann Ihre Telefonnummer. Eine andere Möglichkeit wäre, gar nicht so viel anzugeben. Ich meine, es ist ziemlich offensichtlich, dass im Formularfeld eine Telefonnummer erwartet wird.
Ryan

6

Bei der Änderung der Typografie kann sich die führende Rolle darauf auswirken, wie Ihre Zuschauer Ihr Stück lesen und interpretieren.

Wenn Sie beispielsweise den Abstand zwischen zwei Zeilen verringern, wodurch Ab- und Aufwärtspfeile kollidieren, wirkt sich dies nachteilig auf die allgemeine Lesbarkeit Ihres Texts aus.

Als visueller Stil kann ein straffes Führen das Tempo erhöhen, mit dem der Leser den Text liest (in dem Maße, in dem Buchstaben auftauchen) und / oder ein verkrampftes oder klaustrophobisches Gefühl für das Gesamtbild hervorrufen (1) , was möglicherweise nicht der Fall ist sei hier dein gewünschter Effekt.

Auf der anderen Seite kann eine Erhöhung des Vorlaufs die Geschwindigkeit des Lesers verringern (2) . Indem Sie mehr Leerzeichen zwischen den Zeilen einfügen, verlangsamen Sie das Lesertempo, indem Sie die Anzahl der Buchstaben reduzieren, die auffallen. Dies kann beim Leser ein entspanntes Gefühl im Text hervorrufen. Seien Sie jedoch vorsichtig mit der Menge an Leerzeichen, die Sie belassen, da zu viel Zeilenabstand Probleme mit der Kontinuität verursachen kann (3) , da die Augen des Lesers zwischen den einzelnen Zeilen weiter wandern müssen.

Dat Fuchs

Die beste Möglichkeit, die Lesbarkeit Ihres Textes zu verbessern, besteht darin, eine konsistente Führung zu verwenden:

Mein Modell mit Overlay

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.