• 178k
  • 86
Diseño Web \ 12 Marzo 2018

Cómo elegir el mejor tipo de letra para tu página web

Cuando se trata de crear tu página web, hay muchos pequeños detalles que no puedes descuidar. Desde el contenido hasta los píxeles de la imagen de fondo, son muchas las cosas que hay que planificar y algunas pueden caer en el olvido. Pero si hay algo que no quieres dejar de lado son los tipos de letra que usarás en tu página web.

Hay mucho más que letras detrás de la tipografía. El tipo de letra comunica más que meras palabras. Si lo tuyo no es el diseño, puede que te enfrentes a la problemática de saber qué tipo de letra se adaptará mejor a tu marca y a su tono. Por ellos, hemos creado una guía útil para ayudarte a elegir los mejores estilos de letra para tu página web:

01. La fuentes elegidas deben estar en línea con el tono de tu marca

Si hablamos de tipos de letra, tanto para la web como para otras piezas de contenido, tienes que asegurarte de que sean coherentes con la identidad de marca. Las tendencias son pasajeras y no siempre se adecuan a todos. Si en la Semana de la Moda de París desfiló un unicornio, esto no significa que tengas que ir con un cuerno en la frente los próximos seis meses. Lo mismo aplica para tu presencia online. No tienes que seguir las tendencias si no vienen a reforzar tu marca y tu mensaje. Coco Chanel solía decir: ” La moda pasa, el estilo permanece “. ¡Piénsalo!

Plantillas Web

02. Clasifica los tipos de letra por importancia

“Tres son multitud”, dice el refrán. Una regla que debes tener siempre presente es no usar más de tres tipos de letra en tu página web. Y no solo eso, sino también dotar a cada fuente de un nivel de importancia. Cuando elegimos una paleta de colores, por lo general, empezamos por encontrar un color primario, luego uno secundario y por último uno de acento. Esta misma regla es aplicable a lo que ocurre con las fuentes:

Tu tipo de letra principal es la más visible y debes usarla en los encabezados de tu página web. Consejo: sería genial que coincida con el estilo de tu logotipo (si tiene texto). En general, este es el tipo de fuente que más debería identificarse con tu marca aunque sea la que más uses en la página.

Tu tipo de letra secundario es la que deberías donde está el corazón del contenido: párrafos, descripciones, artículos para el blog, etc. Si bien la fuente principal puede ser atractiva y original, el objetivo primordial de la fuente secundaria es su legibilidad. Los clientes potenciales  no perderán el tiempo investigando tus productos y servicios si sus ojos están ardiendo tras apenas 20 segundos de lectura.

Por último, la tipo de letra de acento es la que usarás con un propósito específico. Cuando se trata de páginas web, esta es la  fuente que elegiremos para las llamadas a la acción. Si quieres atraer la atención (y los clics) de tus visitantes, debes elegir un tipo de letra que se destaque del resto de tus páginas.

¿Necesitas más ayuda para combinar los tipos de letra de tu página web de Wix? Estas son las combinaciones de fuentes (primarias y secundarias) que nuestros diseñadores recomiendan:

Combinando los tipos de letra

03.  Aprende los conceptos básicos para la clasificación de tipografías

Quizás sepas las diferencias entre los tipos de letra Gothic, Roman y Grotesque pero hay mucho más detrás de cada tipo de fuente. En esta página web aprenderás todo lo que tienes que saber de “las fuentes que no dan agua”. Pero si hay algo que debes conocer es la clasificación más importante: los tipo de letra serif, sans serif y script. Te pasamos aquí un breve resumen de cada tipo y cuándo usarlas:

Serif, en general, se han venido utilizando en material impreso como libros, periódicos, revistas etc. Una “serif” es una pequeña línea unida al final de un trazo en una letra o símbolo. En lo que respecta a las fuentes, la línea “serif” puede ser realzada de diferentes maneras para darle un aspecto único. Las Serif son consideradas los tipos de letra más clásicos y elegantes. Y les hablan a audiencias de más edad.

Sans Serif son exactamente eso: fuentes sin líneas serif adjuntas. Son más apropiadas para pantallas de computadora y teléfonos inteligentes. Y sí, esa es la razón por la que encontrarás el uso de una fuente sans serif en la mayoría de las páginas web. Previsible: son las más queridas por las generaciones más jóvenes.

Script han sido modeladas de acuerdo con los estilos de letra del siglo XVII. Tal como ocurre con la mayoría de los tipos de fuentes, las script tienen sus propios subconjuntos, divididos en variantes formales e informales. Un ejemplo es la cursiva, un tipo de letra script casual. Si quieres realmente llamar un poco la atención con tu texto, alguna fuente script te va a ayudar a lograrlo. No olvides que es mejor mantener este estilo limitado a los títulos porque un texto más largo en, por ejemplo, un párrafo, puede que sea un desafío para tus lectores. La fuente script es más cercana a la Serif que a la Sans serif. Úsala en el diseño de tu página web con moderación.

Las Familias de Fuentes

04.  Hazte un experto en el arte de combinar fuentes

Tienes cientos de maravillosos tipos de letra esperándote en el Editor de Wix. ¡Y todas gratis! Pero si aún así no encuentras la que tenías en mente o tienes un tipo de letra creado por tí o por tu diseñador gráfico, ¡no hay problema! Puedes cargarlo fácilmente en el Editor con apenas unos clics. Y, ahora que sabes dónde encontrar los tipos de letra (y dónde ubicarlas), es momento de hablar sobre cómo combinarlas.

¿Temes arruinarlo todo? Un consejo práctico es mantener siempre la misma familia de fuentes. La “familia” es un grupo de tipos de letra relacionados que varían de tamaño, orientación, visualización, peso, etc. pero nunca de diseño. Por ejemplo, la Roboto es una familia de fuentes, que incluye la fuente común Roboto, Roboto Condensed y Roboto Slab. Las tres tienen sus propios estilos pero son similares desde su concepto. Ya dijimos que la clave es la coherencia ¿no?, pues una buena manera de mantener la coherencia pero ofreciendo variedad es elegir diferentes tipos de letra dentro de la misma familia para tus fuentes principal, secundaria y de acento.

05. Peso y tamaño de sus palabras: lo que tienes que saber

Cuando se trata de fuentes, el tamaño sí importa. Cuando hayas elegido tu tipografía, tendrás que decidirte sobre tamaños para títulos grandes, subtítulos y texto de párrafo. Aquí te pasamos los rangos que recomendamos para las fuentes del Editor de Wix. Los mismos pueden ser una buena guía para cualquier página web:

Títulos: 30-70

Subtítulos: 22-30

Párrafos: 16-20

Al margen del tamaño, hay muchos otros factores que afectan al “peso” visual de un tipo de letra. Enfatizar con negritas, cursivas o subrayados es un ejemplo. ¡Ojo! El abuso de estos estilos puede alejarte de tu objetivo. Ten en cuenta que usar diferentes estilos de letra es casi como usar una fuente completamente nueva en tu página web. ¡Evita los excesos!

06. Escribe con las tendencias en mente

Ahora que ya dominas los principios básicos fundamentales para escoger los tipos de letra más adecuados para tu página web, es hora de ser creativos. En lo que se refiere a diseño, 2018 será un año muy creativo. Verás diseños locos y diferentes paletas de colores en Internet. Una tendencia que puedes seguir es elegir tipografías más exóticas. Además de llamar la atención, comenzarás a atreverte más con la combinación letras Serif y Sans serif. Lo que antes era un diseño imposible, ahora es bienvenido.  Así que si crees que es el diseño correcto para ti, ¡adelante con él!.

Ls encabezados y subtítulos de tu página web son el mejor lugar para aplicar tus fuentes más alocadas. Un dato más: de acuerdo con algunos estudios de neuromarketing, agregar una fuente más complicada puede hacer que tus lectores permanezcan más tiempo ante tu contenido,  lo que da más tiempo para absorber tu mensaje. Sin embargo, no te vuelvas loco con eso porque la idea es que los visitantes de tu web obtengan la información que ofreces sin esfuerzos. ¡La usabilidad siempre es lo primero!

¿Listo para combinar los mejores tipos de letra? ¡Aprende cómo crear una página web!

 

Publicado por Equipo Wix

Bienvenido al Blog de Wix

Únete al Blog de Wix ¡Para estar al tanto de novedades!

La dirección de email no es válida.

El Email ya existe

La dirección de email no es válida.

¡Suscríbete al Blog! \ 

Diseño web, tendencias, consejos para
emprendedores ¡y todas las novedades sobre Wix!

La dirección de email no es válida.

El Email ya existe

La dirección de email no es válida.