7 règles simples pour la typographie mobile

typographie mobile

Ceux-ci sont 7 règles simples que vous devez utiliser lorsque vous utilisez un type de police pour votre projet ou le projet d'un client et pour qu'il soit parfaitement visible sur le téléphone mobile.

Donnez de l'espace

hiérarchie supplémentaire affectant le flux d'une ligne

Il ya un hiérarchie supplémentaire affectant le flux d'une ligne ou paragraphe et concerne le hiérarchie spatialeEn d'autres termes, l'espace entre les lettres est plus petit que l'espace entre les mots et l'espace entre les mots est plus petit que l'espace entre les lignes. Pour obtenir une lisibilité parfaite depuis le mobile, vous devez faire attention à la hiérarchie spatiale, en plus du style des personnages dans mots, lignes et paragraphes, ce qui est encore plus important en lumière naturelle.

Obtenez la mesure

Obtenez la mesure

Généralement, la mesure pour une bonne lecture est d'environ Caractères 65. La longueur physique de cette mesure dépend généralement de la conception de la police et le suivi, ainsi que le texte que vous utilisez. Il est étrange que 65 caractères soient étendus au bord d'un navigateur de bureau, cependant, sur presque tous les mobiles, ces caractères ont tendance à s'étendre bien au-delà des limites, il est donc nécessaire de diminuer la mesure.

Desserrer et serrer

S'ils sont fabriqués très librement, les espaces entre les mots commencent à s'aligner, ce qui donne lieu à ce qu'on appelle normalement "rivières ».

La norme traditionnelle pour le moniteur est d'environ 1.4em, bien que l'on pense que c'est très serré pour les écrans, une caractéristique clé pour les polices qui fonctionnent correctement sur les écrans sont les grands compteurs, qui ils ont besoin d'un peu plus d'espace pour préserver la hiérarchie spatiale.

Trouvez le sweet spot

Trouvez le sweet spot

Chaque fontaine a au moins un sweet spot, qui c'est essentiellement une combinaison de la taille qui est généralement le mieux reproduit à l'écran, et à partir du moment où anti crénelage appliqué au navigateur a tendance à déformer le moins possible la conception de type.

El sweet spot, est pratiquement le point auquel la plupart des traits ont tendance à s'aligner avec la grille de pixels. En règle générale, l'approche standard pour les concepteurs consiste à placer le type de police en utilisant une grille de base, mais en ce qui concerne les mobiles, vous devez utilisez plutôt la hauteur "X", qui correspond littéralement à la hauteur de la lettre x minuscule.

Ne perds pas ton chiffon

bordure d'une zone de texte

Le chiffon est fondamentalement la bordure d'une zone de texte; généralement ce que nous lisons est aligné à gauche, ce qui rend la marge droite inégale. Une fois que les yeux sautent d'un bout à l'autre sur une ligne, le cerveau a une chance de mieux juger angle et distance jusqu'au prochain saut, si tous les sauts ont été effectués de manière cohérente et beaucoup plus rapide s'ils sont espacés de la même manière. C'est pourquoi la marge gauche du texte doit toujours être plate, de sorte que toutes les lignes commencent exactement au même endroit.

Lors de l'utilisation d'un texte justifié Des blancs incohérents sont souvent créés. Le principal problème avec les textes justifiés est qu'ils utilisent une longueur beaucoup plus courte, ce qui rend le texte pratiquement illisible pour les téléphones portables.

Réduisez le contraste

Les en-têtes peuvent avoir 2 ou même 3 fois la taille du corps de votre texte

En-têtes ils peuvent faire 2 et même 3 fois la taille du corps de votre texte conçu pour les ordinateurs de bureau, ce qui fonctionne car il y a tellement plus de texte à l'intérieur de l'écran. Cependant, lorsqu'il s'agit de mobile, tout le texte n'est pas très visible et le contraste a tendance à être très exagéré.

Ajuster le suivi à l'échelle

Lorsque vous ajustez les tailles de police pour mobile, vous devez prendre en compte les changements nécessaires dans le suivi, qui est essentiellement l'espacement des lettres appliqué à chacun des caractères de la police.


Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont marqués avec *

*

*

  1. Responsable des données: Miguel Ángel Gatón
  2. Finalité des données: Contrôle du SPAM, gestion des commentaires.
  3. Légitimation: votre consentement
  4. Communication des données: Les données ne seront pas communiquées à des tiers sauf obligation légale.
  5. Stockage des données: base de données hébergée par Occentus Networks (EU)
  6. Droits: à tout moment, vous pouvez limiter, récupérer et supprimer vos informations.