Estas son 7 sencillas reglas que debes utilizar a la hora de usar algún tipo de fuente para tu proyecto o el proyecto de un cliente y para que este se vea perfectamente en el teléfono móvil.
Da espacio
Existe una jerarquía extra que afecta el flujo de una línea o párrafo y se trata de la jerarquía espacial, es decir, que el espacio que existe entre las letras es más pequeño que el espacio que hay entre las palabras y el espacio que hay entre las palabras es más pequeño que el espacio que existe entre las líneas. Para obtener una perfecta legibilidad desde el móvil, debes prestar atención a la jerarquía espacial, además del estilo de los caracteres en palabras, líneas y párrafos, el cual es incluso más importante en la luz natural.
Obtén la medida
Comúnmente, la medida para una buena lectura es de aproximadamente 65 caracteres. La longitud física de esta medida suele depender del diseño que tenga el tipo de letra y el seguimiento, al igual que el texto que uses. Resulta extraño que 65 caracteres se amplíen al borde del navegador de un escritorio, sin embargo, en casi todos los móviles dichos caracteres suelen extenderse mucho más allá de los límites, así que es necesario disminuir la medida.
Afloja y aprieta
Si se elaboran muy libremente, los espacios que hay entre las palabras empiezan a alinearse, lo que da lugar a lo que normalmente es llamado “ríos”.
El estándar tradicional para el monitor es aproximadamente 1.4em, aunque se cree que este es muy ajustado para las pantallas, una característica clave para las tipografías que trabajan adecuadamente en las pantallas son los grandes contadores, los cuales necesitan un poco más del espacio para conservar la jerarquía espacial.
Encuentra el punto dulce
Cada fuente cuenta por lo menos con un punto dulce, que trata básicamente de una combinación del tamaño el cual suele reproducirse mejor en la pantalla, y del punto en el cual el antialiasing aplicado al navegador suele deformar el diseño de la tipografía tan poco como es posible.
El punto dulce, prácticamente es el punto en el cual la mayor parte de los trazos suelen alinearse con la cuadrícula del píxel. Generalmente, el enfoque estándar para los diseñadores es colocar el tipo de fuente utilizando una rejilla de línea de base, sin embargo, cuando se trata de móviles es necesario utilizar la altura “X” en su lugar, la cual es literalmente la altura que tiene la letra x en minúscula.
No pierdas tu trapo
El trapo, es básicamente el borde de un cuadro de texto; generalmente lo que leemos se encuentra alineado hacia la izquierda causando que el margen derecho esté desigual. Una vez que los ojos saltan de un extremo a otro en alguna línea, el cerebro tiene la oportunidad de juzgar de mejor manera el ángulo y la distancia que hay en el próximo salto, si es que todos los saltos ha sido elaborados de manera consistente y mucho más rápido si se encuentran espaciados de la misma manera. Es por eso que el margen izquierdo del texto siempre tiene que ser plano, logrando que todas las líneas comiencen exactamente en el mismo lugar.
Cuando se usa un texto justificado suele crearse inconsistentes espacios en blanco. El principal problema de los textos justificados es que utilizan una medida mucho más corta, causando que el texto sea prácticamente ilegible para los móviles.
Reduce el contraste
Los encabezados podrían ser de 2 e incluso 3 veces el tamaño del cuerpo de tu texto diseñado para escritorios, lo cual funciona debido a que existe mucho más texto dentro de la pantalla. Sin embargo, cuando se trata del móvil, no es muy visible todo el texto y el contraste tiende a ser muy exagerado.
Ajusta el seguimiento a escala
Cuando ajustas los tamaños de la fuente para el móvil, debes tomar en cuenta los cambios requeridos en el seguimiento, el cual es básicamente el espaciado de letras aplicado a cada uno de los caracteres que tiene la fuente.