Diccionario de diseño

Tipografía

Letras y palabras

Espaciado de letras, métricas, ligaduras y división de palabras.

Ajuste de pares

Kerning

Ajuste del espacio de un par concreto de caracteres. Corrige huecos locales, a diferencia del espaciado aplicado a toda la secuencia.

AIDevCourse

Solo cambian los pares AI y vC. Los demás espacios se mantienen.

Altura de la x

X-height

La altura de una minúscula como la x, en relación con la altura de las mayúsculas. Una altura de x mayor hace que una fuente parezca más grande al mismo tamaño; por eso, dos fuentes de 16px pueden verse muy distintas.

Línea base

Mismo tamaño de fuente. Las guías siguen la altura de x o H medida en el navegador.

División de palabras

Hyphenation

División de palabras entre líneas mediante guiones. Ayuda en columnas estrechas o texto justificado; los cortes automáticos dependen de la lengua y el navegador.

Thoughtful typography makes extraordinary interactions feel understandable.

Ajuste óptico Optical kerning

Espaciado guiado por la forma de las letras y el equilibrio visual, más allá de los datos de ajuste incluidos en la fuente.

Altura de mayúsculas Cap height

Altura de las mayúsculas desde la línea base. Junto con la altura de la x, ayuda a combinar fuentes y elegir alternativas.

Ligadura Ligature

Glifo que une caracteres como fi o fl para evitar choques. Las ligaduras decorativas son más adecuadas para títulos.

Viuda Widow

Una palabra que queda sola en la última línea de un párrafo. text-wrap: balance puede corregirlo automáticamente.

Lectura e interfaces

Interlineado

Leading

Distancia vertical entre líneas. Si es escasa, el texto se amontona; si es excesiva, el párrafo pierde unidad visual.

La buena tipografía deja espacio a cada idea. La distancia entre líneas y su longitud marcan el ritmo de lectura. Cambia un ajuste y observa cómo las mismas palabras producen una impresión diferente.

Altura de línea1,5

Espaciado entre letras

Tracking

Espaciado uniforme en una palabra o un texto. Los rótulos en mayúsculas suelen necesitar algo más de espacio para facilitar la lectura.

Espaciado0em

Desbordamiento de texto

Text overflow

Texto que supera su contenedor. Los puntos suspensivos (…) indican un recorte; el salto de línea conserva contenido cuando hay espacio.

Alexandra Kim

Diseñadora de producto · Sistemas de diseño y experiencia de usuario

Transformar ideas complejas en productos claros y útiles, con interacciones pensadas para la vida cotidiana.

Ancho del texto230px

Números tabulares Tabular numerals

Función que da el mismo ancho a los dígitos. Mantiene alineados precios, estadísticas y columnas con valores que cambian.

Escala tipográfica Type scale

Conjunto definido de tamaños, a menudo relacionados por una proporción. Mantiene una jerarquía coherente entre títulos y texto principal.

Peso tipográfico Font weight

Grosor de los trazos, usado para destacar contenido y crear jerarquía. Cambia el peso del título y compáralo con el texto normal.

Suavizado de fuentes Font smoothing

Forma de dibujar los bordes del texto. En macOS, antialiased puede verse más fino; el resultado depende del navegador y la pantalla.

Tamaño fluido limitado Clamp

Tamaño fluido con valores mínimo, preferido y máximo. Permite adaptar el texto al espacio sin una regla por cada punto de ruptura.

Huérfana Orphan

Primera línea de un párrafo aislada al final de una página o columna. Mantenerla con las siguientes conserva la continuidad de lectura.

Lista de fuentes Font stack

Lista ordenada de fuentes preferidas y alternativas. Unas proporciones similares reducen los cambios de líneas cuando el navegador sustituye una fuente.

Longitud de línea Line length

Ancho de una columna de texto. En escritura latina, unas 65 letras y espacios por línea son un punto de partida que debe adaptarse.

Fuente variable Variable font

Un archivo con ejes ajustables, como peso y anchura. Puede sustituir varios archivos estáticos y ofrecer variaciones continuas.

Superíndice Superscript

Caracteres elevados para exponentes o notas. Ajustar su tamaño y posición vertical evita alterar el interlineado del texto.

Subíndice Subscript

Caracteres descendidos para fórmulas químicas o notación. Su tamaño y posición deben conservar el ritmo de las líneas contiguas.