Propiedades tipográficas continuación

Tipografías Sans serif

Las letras de palo son de tipo sans serif, del francés «sans» que significa «sin». Las Sans serifs se clasifican de las siguientes maneras:

  • Grotesca: mínima diferencia entre trazos gruesos y finos, sin tensión vertical
  • Humanista: Diferencia media entre trazos gruesos y finos, tienen acento sesgado
  • Geométrica: Mínima diferencia entre trazos gruesos y finos, tienen énfasis vertical y de formas circulares redondas
dCLLu5A55iMK1nf8Hy IFCbLNN R0ZJn9YMucGnmrU1OOtZ7QQvrR jwLEjZ 5gRFGQwYPKOpqw4dbbcVtpG2urz0magQfQnaylF=w1064 v0
1. Grotesca: Work Sans, sans serif 2. Humanista: Alegreya Sans, sans serif 3. Geométrica: Arenas movedizas, sans serif

Tipografías monoespaciado

Las tipografías monoespaciadas tienen todos los caracteres de la misma anchura.

fbHnw2LvxGX29RpI8StGQVEXqIYO3DcNjjZtVGvYTzePX0TkMUCim6p7HYTilLpI26hEAv0xctvd PB5t3lrzYfauC6GGQZatI4qho8=w1064 v0
Monoespacio: 1. Roboto Mono. 2. Space Mono. 3. VT323

Tipografía manuales

L as tipografías manuales imitan la escritura manuscrita. Se pueden clasificar de las siguienbtes formas:

  • Negrita: muy contrastadas, estrechas, de líneas rectas y curvas angulares
  • Guión: imita el estilo caligráfico de escritura (más formal)
  • Manual: Imita la escritura manual (menos formal)
L8fhNY Hd6c zvfiOhUvbhwiSPyTbP5DEPW5G8FzRcOFDX2rEGlcVjneOFhsFmI2wIC tfsN5A 42aeJT r cDoTbNI1UV7bS p5=w1064 v0
1. Negrita: UnifrakturMaguntia. 2. Guión: Guión de baile 3. Manual: Flor Indie



Tipografía para Monitor

Una categoría para los tipos que sólo son adecuados para tamaños de puntos grandes.

ybvKNwUFGFpW6kSaBSCamN3WgSMcT3WAdBE89 mXOTJRn uG61Sy vE02ICOmeEQyUe0jq3Cz5gtH5nscWaA9vNZ5dXePZYuzjZEg=w1064 v0
Pantalla: 1. hrikhand. 2. Chewy 3. Faster One



La legibilidad en la tipografía

El espaciado entre letras, es al ajuste uniforme del espacio entre letras.

mEWNalQJNdaFTC8dTBXYhiy6g7r786B1ByzpIB2I 9vT DlTVDR42gCFNrk6A VCIv yfle4HzytEdgcjmu8K6ycbgapug8R2Yu3A=w1064 v0
Los titulares, utilizan un espaciado menor que mejora la legibilidad al reducir el espacio entre las letras.
h9Yo0Wb2CKoEqbrTqtNDdY9Nb31o91W4q0ESGLQEQkiLFX6O3uajeYqZ2EsEVkODjFJudXVMjTBnWHgy6HlWXcSilPjwZBvj4u aH80=w1064 v0
Espaciado entre letras menor

Las letra más pequeñas, tiene un espaciado ente letras mayor para mejorar la legibilidad, el mayor interletraje aumenta el contraste entre cada forma de letra. El texto en mayúsculas, mejora la legibilidad debido a un interletraje adicional.

RCnPVR8WUirzFRf3N7QxxUeM3l6chrEGJGP9clm2qFcOd8mwMR FJG9ucaX YYwxl5WeFMbB vNWmCfqTSUeGQuQtahk2oO66xO6=w1064 v0
Espaciado entre letras mas ajustasble

La longitud de la línea de texto

Las longitudes de línea del cuerpo principal del texto usualmente tienen entre 40 y 60 caracteres. Las áreas con línea más anchas, contienen hasta 120 caracteres y necesitarán una altura de línea mayor de 20sp a 24sp.

4o swy1dMJTs5gPJQ0MyifUkNSlMM2f4lgf6aujDHp 4VA2PRIrtEUNwwk5dw9OrnpTRWAc4Msw3QADl89Pht4hngcUIxtwS LWi8g=w1064 v0
La longitud ideal es de 40 a 60 caracteres por línea.
hI8BRTwICe9A5UFV3E4bcA5VsDkY8mNRjf1S9tBw6F8sNjIuzrDYfuRE3YsdaX0ORltSY1fJ9FAClHaotbk5MJX0sPnDud0JH xF=w1064 v0
La longitud ideal para líneas cortas es de 20 a 40 caracteres.

El interlineado

El interlineado, es la cantidad de espacio entre las líneas base en un bloque de texto. El interlineado de un texto es proporcional al tamaño de la letra.

AZF7OjxdLZ8mNJ9MdhZ03bxO4SZaRYVG04qYx1KCqS 9g9Nf G eigYB9KU36uJX4 TypqazozSDQF3fX9iw6wm31YSE7y8GKvUSmgk=w1064 v0
1. Tamaño de letra 14, interlineado 20 dp  2. Tamaño de letra 20, interlineado 28 dp

Espacio entre párrafos

El espacio entre párrafos debe permanecer entre .75x y 1.25x del cuerpo de la letra.

2gY f9n7uPjPRPkBaduGNU SnEymGIrgCmJ4dCZ24 YVBWReCX80sM 88v0lduC4TH6RWg0mYC2o91xFKv7TzcrmTVZujPMDACeahw=w1064 v0
Cuerpo letra 20 sp, interlineado 30 dp, espacio entre párrafos 28 dp

Alineación del texto

La alineación determina cómo se alinea el texto en el espacio en el que aparece. Las alineaciones pueden ser de 4 tipos:

  • Izquierdo: el texto se alinea a la izquierda
  • Derecha: el texto se alinea a la derecha
  • Centrado: cel texto se alinea al centro
  • Justificado: el texto ocupa todo el ancho de la caja que lo contiene

Alineado a la izquierda

El texto alineado a la izquierda es la configuración más habitual para los idiomas que se escriben de izquierda a derecha.

BHn2VLCw8NEo8fgOxG1cDnDHZSa2Y9Bx navPQjVp5enrrhMUDHNlcW2bRlwWHzo8bphobUILL2nFkg1aEgA3DFgrOIR5s gRXIj=w1064 v0
Texto alineado a la izquierda

Alineado a la derecha

El texto alineado a la derecha es la configuración más habitual para los idiomas que se escriben de derecha a izquierda.

8h VKZnBxNC5LW Es55KgMXjJLETQeokULTLLURaTZfzD26sqio3HiKfotedvq9qHU67lHuNBLbXy43BEh6hFwtflPV0L2c8RLpz=w1064 v0
Texto alineado a la derecha con a una nota al margen

Centrado

El texto centrado se usa para distinguir elementos tipográficos cortos y no es recomendable para textos largos.

Kou0XyGljqGsRiVjJ1u1Pw1ZhARo8Bd6nDv7xc7tGoVoCB0KfVKy u9n0cdbmgALY6o3ALrY4bccFq2JgSdmM6 lqJmU6l JeVyJ=w1064 v0
Texto centrado

Si necesita asesoramiento sobre diseño gráfico, publicidad o comunicación en Tecna Publicidad y Comunicación, agencia decana de Navarra desde 1967, estaremos encantados en asesorarle sin ningún compromiso. Publicidad Tecna es la primera agencia Navarra de servicios plenos de publicidad y comunicación. Realizamos campañas de planificación estratégica de marketing en medio tradicionales y en medios digitales para pequeños negocios y para grandes marcas. Nuestros mas de 50 años de experiencia nos avalan.

0 comentarios

Entradas relacionadas

Tu web en los primeros puestos de Google

Tu web en los primeros puestos de Google

Primeros puestos en Google ¿Quieres que tu web aparezca en los primeros resultados de Google? Lograr que tu web aparezca en las primeras posiciones de Google es todo un reto. Requiere un trabajo continuo de optimización SEO y una estrategia sólida. Tener un sitio web...

Las 10 tendencias en el diseño Web en 2025

Las 10 tendencias en el diseño Web en 2025 Imagina que estás navegando por una página web en 2025. No es solo una página más, sino una experiencia inmersiva, rápida y visualmente impactante. Los botones, los textos y las imágenes parecen anticipar tus movimientos,...

Pamplona publicidad digital

Pamplona publicidad digital

Estrategias efectivas de publicidad digital en Pamplona Pamplona publicidad Digital. En el dinámico y competitivo mercado digital de Pamplona, aplicar estrategias de marketing digital efectivas es crucial para cualquier empresa que desee aumentar su visibilidad en...

Trabajemos juntos

Ponte en contacto con nosotros y te asesoraremos sin ningún compromiso. Te esperamos.

14 + 10 =

Pin It on Pinterest

Share This