7 einfache Regeln für die mobile Typografie

mobile Typografie

Dies sind 7 einfache Regeln Dies sollten Sie verwenden, wenn Sie eine Schriftart für Ihr Projekt oder das Projekt eines Kunden verwenden, damit diese auf dem Mobiltelefon perfekt angezeigt wird.

Platz geben

Zusätzliche Hierarchie, die den Linienfluss beeinflusst

Es gibt eine Zusätzliche Hierarchie, die den Linienfluss beeinflusst oder Absatz und es geht um die räumliche HierarchieMit anderen Worten ist der Abstand zwischen den Buchstaben kleiner als der Abstand zwischen den Wörtern und der Abstand zwischen den Wörtern ist kleiner als der Abstand zwischen den Zeilen. Um eine perfekte Lesbarkeit vom Handy zu erhalten, Sie sollten auf die räumliche Hierarchie achten, zusätzlich zum Stil der Zeichen in Wörter, Zeilen und Absätze, was bei natürlichem Licht noch wichtiger ist.

Holen Sie sich die Messung

Holen Sie sich die Messung

Im Allgemeinen geht es bei der Messung für eine gute Ablesung um 65-Zeichen. Die physikalische Länge dieser Messung hängt normalerweise vom Design der Schrift ab und das Tracking sowie den von Ihnen verwendeten Text. Es ist seltsam, dass 65 Zeichen bis zum Rand eines Desktop-Browsers erweitert werden, jedoch auf fast allen Handys diese Zeichen neigen dazu, weit über die Grenzen hinauszugehenDaher ist es notwendig, die Messung zu verringern.

Lösen und festziehen

Wenn sie sehr frei gemacht werden, Die Zwischenräume zwischen den Wörtern beginnen sich auszurichten, was zu dem führt, was normalerweise "Flüsse".

Der traditionelle Standard für den Monitor ist ungefähr 1.4em, obwohl angenommen wird, dass Dies ist sehr eng für BildschirmeEin wichtiges Merkmal für Schriftarten, die auf Bildschirmen ordnungsgemäß funktionieren, sind große Zähler Sie brauchen etwas mehr Platz räumliche Hierarchie zu bewahren.

Finde den Sweet Spot

Finde den Sweet Spot

Jeder Brunnen hat mindestens einen Sweet Spot, der Es ist im Grunde eine Kombination der Größe was dazu neigt, am besten auf dem Bildschirm reproduziert zu werden, und ab dem Punkt, an dem die Antialiasing Auf den Browser angewendet, verzerrt das Schriftdesign so wenig wie möglich.

El Lieblingsplatzist praktisch der Punkt, an dem die meisten Striche dazu neigen, mit dem Pixelraster übereinzustimmen. Im Allgemeinen besteht der Standardansatz für Designer darin, die zu platzieren Art der Schrift Verwenden Sie jedoch ein Basisraster, wenn Sie Handys benötigen Verwenden Sie stattdessen die Höhe "X"Dies ist buchstäblich die Höhe des Kleinbuchstaben x.

Verliere nicht deinen Lappen

Rand eines Textfeldes

Der Lappen ist im Grunde der Rand eines Textfeldes;; Im Allgemeinen ist das, was wir lesen, nach links ausgerichtet, was dazu führt, dass der rechte Rand ungleichmäßig ist. Sobald die Augen auf einer Linie von einem Ende zum anderen springen, hat das Gehirn die Möglichkeit, das besser zu beurteilen Winkel und Abstand zum nächsten Sprung, wenn es so ist, dass alle Sprünge auf konsistente Weise gemacht wurden und viel schneller, wenn sie auf die gleiche Weise beabstandet sind. Deshalb muss der linke Rand des Textes immer flach sein, damit alle Zeilen genau an der gleichen Stelle beginnen.

Bei Verwendung eines begründeter Text Oft werden inkonsistente Leerzeichen erstellt. Das Hauptproblem bei gerechtfertigten Texten besteht darin, dass sie eine viel kürzere Länge verwenden, was dazu führt, dass der Text für Mobiltelefone praktisch nicht lesbar ist.

Reduzieren Sie den Kontrast

Überschriften können zwei- oder sogar dreimal so groß sein wie der Textkörper Ihres Textes

Überschriften Sie können zwei- und sogar dreimal so groß sein wie der Textkörper Entwickelt für Desktops, was funktioniert, weil der Bildschirm so viel mehr Text enthält. Wenn es um Mobilgeräte geht, ist jedoch nicht der gesamte Text gut sichtbar und Kontrast neigt dazu, sehr übertrieben zu sein.

Passen Sie das Tracking an die Skalierung an

Wenn Sie die Schriftgröße für Mobilgeräte anpassen, müssen Sie Berücksichtigen Sie die im Follow-up erforderlichen ÄnderungenDies ist im Grunde der Buchstabenabstand, der auf jedes der Zeichen in der Schriftart angewendet wird.

 


Der Inhalt des Artikels entspricht unseren Grundsätzen von redaktionelle Ethik. Um einen Fehler zu melden, klicken Sie auf hier.

Schreiben Sie den ersten Kommentar

Hinterlasse einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * gekennzeichnet

*

*

  1. Verantwortlich für die Daten: Miguel Ángel Gatón
  2. Zweck der Daten: Kontrolle von SPAM, Kommentarverwaltung.
  3. Legitimation: Ihre Zustimmung
  4. Übermittlung der Daten: Die Daten werden nur durch gesetzliche Verpflichtung an Dritte weitergegeben.
  5. Datenspeicherung: Von Occentus Networks (EU) gehostete Datenbank
  6. Rechte: Sie können Ihre Informationen jederzeit einschränken, wiederherstellen und löschen.