Entradas recientes Categorías

Cuando tenga texto en su proyecto de Adobe XD, puede empezar a cambiar las propiedades del texto. Estas propiedades incluyen Familia de fuentes, Tamaño de fuente, Peso de fuente, Alineación, Espaciado de caracteres (interlineado y seguimiento), Espaciado de líneas (delante), Relleno, Borde (trazo), Sombra (sombra) y Desenfoque de fondo. Así que repasemos cómo se aplican esas propiedades.

Acerca de la legibilidad y la selección de fuentes

La selección de una fuente es de vital importancia. Es posible que tenga muchas opciones de fuentes en su sistema, pero sólo unas pocas seleccionadas lo cortarán como una opción exitosa para la lectura en pantalla. Algunas de las características que debe buscar en la selección de fuentes son las siguientes:

  • ¿Serif o no serif? Abajo, se ve una familia de fuentes en el estilo de serifas en la parte superior y una en sans serif en la parte inferior. Las serifas tienen una ligera proyección que remata el trazo de una letra. Sans serif, por otro lado, no tiene esa pequeña proyección. Los tipos de letra sin gracias tienden a parecer más modernos y son una opción popular para aplicaciones interactivas y sitios web. En el pasado, se creía que las familias de fuentes con gracias eran más fáciles de leer cuando había una gran cantidad de texto. Las pruebas realizadas con dispositivos de rastreo ocular han demostrado que no hay una gran diferencia en la legibilidad entre serif o sans-serif, así que siéntase libre de elegir cualquiera de los dos estilos, siempre y cuando preste atención a algunas de las otras características de las fuentes que se indican a continuación.
  • Anchos de línea rectos y uniformes: Debido a que su tipo va a ser creado a partir de píxeles, es mejor no tener mucha variación en el ancho de su texto. Puede ver la diferencia, en una vista previa de píxeles, entre una elección de fuente con variación en el ancho (arriba) y una fuente que es consistente en su ancho. la fuente superior tiene variación en las líneas gruesas y finas que crean la fuente; la fuente inferior es consistente y más fácil de leer en pantalla.
  • Contadores fuertes: Los contadores son los agujeros que se ven en letras como “O”, “B” y “R”. Preste atención a lo grandes que son esos contadores, ya que también pueden causar problemas de legibilidad si se cierran cuando se muestran como píxeles en una pantalla. Aparece una vista en píxeles de dos familias de fuentes diferentes; vea cómo se ven los contadores en cada una en comparación con la otra.
  • Descenso y altura del sombrero: Los descensores cortos y las bajas alturas de las tapas son importantes para la legibilidad en la pantalla. En la parte superior se ve una familia de fuentes con descensores cortos y alturas de tapa bajas; en la parte inferior, una fuente con descensores largos y alturas de tapa altas; una familia de fuentes con descensores cortos y alturas de tapa bajas es típicamente más fácil de leer en pantalla.

Selección de la familia tipográfica

Ahora que sabe qué es lo que hace que la selección de fuentes sea más legible, utilice el panel Propiedades para seleccionar una. Las cosas que debe buscar al hacer su selección incluyen lo siguiente:

  • Familia de fuentes: Una vez que haya introducido algún tipo en su pantalla, puede seleccionarlo y elegir el menú desplegable Familia de fuentes en la sección Texto del panel Propiedades. Si conoce la fuente que desea, simplemente empiece a escribir el nombre de la fuente en el cuadro de texto de la familia de fuentes, y si está en su sistema, se encontrará en su lista, no olvide que tiene fuentes disponibles a través de Adobe TypeKit.
  • Peso de la fuente: Después de seleccionar una familia de fuentes, puede elegir un peso en el menú desplegable Peso de fuente. Dependiendo de las fuentes que tenga en su sistema, tendrá diferentes opciones de peso de fuente.
  • Tamaño de fuente: Puede simplemente escribir un tamaño de fuente en el cuadro de texto Tamaño de fuente, pero si no está seguro de cuál es el mejor tamaño, puede colocar el cursor debajo del cuadro de texto Tamaño de fuente y hacer clic y arrastrar. Busca la flecha de dos puntas antes de arrastrarla. Arrastrando hacia arriba se reduce el tamaño; hacia abajo se aumenta el tamaño; haga clic y arrastre para cambiar visualmente el tamaño de la fuente.
  • Alineación: Puede cambiar el texto seleccionado a Alinear a la izquierda, al centro o a la derecha mediante los botones Alinear en la sección Texto del panel Propiedades.
  • Espaciado de caracteres: El espaciado de caracteres se refiere al espacio entre caracteres. Esto se conoce como rastreo. Aquí se ve el resultado de aumentar el espaciado entre los caracteres. caracteres en el espaciado normal, se fija en 0 (cero) y luego se fija en 150.

Tenga en cuenta que puede utilizar la misma técnica de hacer clic y arrastrar que está disponible en el cuadro de texto Tamaño de fuente para cambiar visualmente el espaciado de caracteres.