Las tipografías que utilizamos en nuestra web tienen el poder de transmitir, de comunicar ciertos valores y emociones, influyendo en el usuario y en su proceso de compra.
- ¿Qué queremos transmitir al visitante en nuestra web?
- ¿Cómo queremos impactar con nuestra marca?
- ¿Qué valores nos definen?
Estas son algunas de las preguntas que nos podemos hacer para tomar un primer contacto con las tipografías y lo que significa cada una.
Empecemos por el principio…
¿Qué es la psicología tipográfica?
Es el conjunto de emociones que nos pueden despertar las diferentes tipografías. Por sus formas y estilos las percibimos de una forma u otra: seriedad, minimalismo, autoridad, diversión… Son muchos los mensajes que gracias a ellas podemos comunicar.
Al igual que los colores transmiten según que emociones, los diferentes estilos de letra también, por eso es tan importante saber cuáles escoger, teniendo en cuenta para qué secciones de una web es mejor cada una de ellas.
No es lo mismo, un menú que un encabezado, o un texto corto que una entrada de blog… son factores que debemos tener en cuenta.
Por eso más abajo encontrarás una tabla comparativa donde verás qué transmite cada una, tipografías más utilizadas y en qué secciones son mejor colocarlas.
Principales tipografías:
SERIF:
Son las utilizadas desde la antigüedad, se caracterizan por contener pequeños adornos en cada letra.
Son tipografías elegantes y transmiten: respeto, autoridad, formalidad, sobriedad. Por eso estas tipografías son perfectas para secciones de web como títulos, encabezados y textos largos.
TIPOGRAFÍAS SERIF MÁS UTILIZADAS:
- LORA
- GEORGIA
- TIMES NEW ROMAN
- GARAMOND
- BODONI
SANS SERIF:
Tipografía moderna, con trazos regulares y rectos. Son minimalistas y se distinguen por ser
tipografías más legibles. Estas tipografías transmiten: modernidad, claridad y minimalismo. Las secciones ideales donde utilizarlas son para el menú y cuerpo de texto, ya que son perfectas para visualizar en pantallas.
TIPOGRAFÍAS SANS SERIF MÁS UTILIZADAS:
- OPEN SANS
- ROBOTO
- HELVETICA
- ARIAL
- VERDANA
SCRIPT:
Este tipo de letra tiene un trazo fluido basado en la escritura manuscrita, con una ligera inclinación hacia la derecha. También se le denomina cursiva y su estilo es informal, son tipografías que transmiten: elegancia, creatividad, diversión. Perfectas para utilizar en Títulos, frases cortar y logotipos
TIPOGRAFÍAS SCRIPT MÁS UTILIZADAS:
- Sacramento
- Dancing Script
- Adam Script
- Delius
- Clicker Script
DISPLAY:
Es una tipografía decorativa, utilizada sobre todo para títulos muy grandes, para llamar la atención. Es muy común reconocerla en vallas publicitarias, famosa por su estilo muy elegante. Son ideales para utilizar en encabezados y frases destacadas, ya que transmiten: personalidad, exclusividad, cercanía.
TIPOGRAFÍAS DISPLAY MÁS UTILIZADAS:
- Blacker Pro
- Gilda Display
- Playfair Display
- Bondist Display
- Fredericka the Great
Una vez que ya hemos visto y conocido un poco las tipografías principales/más utilizadas, te muestro en la siguiente tabla una comparativa de ellas.
Tabla comparativa de Tipografías:
| SERIF | SANS SERIF | SCRIPT | DISPLAY | |
|---|---|---|---|---|
| TRANSMITE | Respeto, autoridad, sobriedad, formalidad. | Modernidad, claridad, minimalismo. | Elegancia, creatividad, diversión. | Personalidad, exclusividad, cercanía. |
| SECCIÓN WEB | Títulos, encabezados, texto de longitud media. | Cuerpo de texto (blog) y menú. | Títulos, frases cortas y logos. | Encabezados y frases destacadas. |
| TIPOGRAFÍAS | Lora, Georgia, Times New Roman | Open Sans, Roboto, Helvetica | Sacramento, Dancing Script, Adam Script | Blacker Pro, Gilda Display, Playfair Display |
Ahora que ya sabemos que transmite cada tipografía y en qué sección de nuestra web debemos utilizarlas, debemos elegir cuál nos representa mejor. Para ello hay varios sitios web donde tiene miles de tipografías a escoger, y muchos de ellos gratuitos.
Te dejo aquí mis sitios favoritos:
- Google Fonts: Se trata de un servicio gratuito de Google donde encontrar una gama amplia de tipografías.
- Dafont: Es un portal de fuentes gratuitas de lo más populares. Puedes realizar búsquedas por orden alfabético, por autor, por estilo…
- Font Space: Uno de los bancos de fuentes con más tipografías disponibles.
TIP EXTRA PARA ELEGIR TIPOGRAFÍA EN TU WEB
Aplica la regla de «menos es más» cuando vayas a elegir tipografías, selecciona solo 2 tipos diferentes (puedes jugar con el tamaño, peso y estilo) Es la mejor forma tanto visual como técnica de no cargar la web demasiado.
¿Necesitas ayuda para aumentar la visibilidad online de tu negocio?
Si estás buscando una persona que te ayude a potenciar tu negocio, a través de una estrategia específica para ti. Solo tienes que clicar a este botón y contarme qué necesitas.
