Imagina que has terminado de crear tu marca y tu mensaje. Después horas de investigación y lluvia de ideas, tiene un nombre y una oferta de la que está orgulloso.
Luego, envía esos detalles a su diseñador y vuelven con esta tarjeta de visita:
Te avergonzarías un poco, ¿verdad? Puede que te estés encogiendo en este momento.
Como especialista en marketing, sabe que la elección de las palabras es importante. Bueno, tu elección de fuente es tan importante como tu mensaje.. Este principio se aplica a cualquier activo de marketing, incluida su página de destino.
Considere esta guía tu curso intensivo en el mundo de la tipografía y cómo utilizarlo mejor en sus páginas de destino.
La psicología detrás de la tipografía
¿Qué hace que cada fuente «se sienta» diferente? Encontrarás la respuesta en tu cabeza.
Según la investigación psicológica, tratamos a cada fuente como personas:le damos a cada fuente su propia «personalidad». Por ejemplo, los estadounidenses encuentran la sátira escrita en Times New Roman más divertida y descarada que en Arial.
Estos hallazgos de investigación significan las fuentes que elija para su página de destino afectarán la forma en que los visitantes entienden su texto. Es posible que ni siquiera se dé cuenta de que le está dando a su página de destino un tono subyacente a través de su tipografía.
Por ejemplo, el nombre «Browman & Sons» puede parecer que pertenece a una empresa diferente según la fuente con la que lo escriba. ¿Cuál de estas opciones de fuente parece pertenecer a un bufete de abogados? ¿Cuál debería pertenecer a una tienda de discos?
Probablemente asociaría la primera elección de tipografía con un bufete de abogados y la segunda con una tienda de discos. (A menos que esté trabajando con algunos miedoso abogados.) El uso del primer ejemplo de una fuente tradicional se siente profesional, mientras que el guión redondo del segundo ejemplo se siente divertido, clásico y artístico.
Cuando una fuente lleva equipaje
Dado que asignamos a cada fuente su propio carácter en nuestro cerebro, algunas fuentes también tienen reputaciones específicas en nuestras mentes. y malo.
Muchas fuentes tienen una historia de fondo debido a la marca. Mire este logo y pregúntese: Qué está mal con esta imagen?
Pon este logo en una sudadera con capucha y llámalo moda.
Supreme y Disney son dos marcas con fuentes muy distintas, por lo que combinar el logotipo de estilo Supreme y una fuente tipo Disney simplemente no se ve Derecha, ¿eh?
Algunas veces, una fuente tiene una reputación no tan buena. Por ejemplo, muchas personas consideran cursis fuentes como Jokerman y Comic Sans.
Tenga en cuenta la reputación de su fuente y cómo afectará a su página de destino. Si cada fuente es como una persona, desea mantener una red de fuentes con buena reputación y sin conflictos de intereses.
Tipografía 101
Ahora que comprende el impacto emocional de sus elecciones de fuentes, aquí está el meollo de la tipografía y sus especificaciones de diseño.
Clasificación de tipos y familias
Las fuentes caen en cuatro tipos amplios:
Profundicemos un poco más en cada tipo de fuente que se muestra en la imagen de arriba:
- Sans-serif: Sin divots ni adornos al final de la letra (p. Ej., Arial, Verdana)
- Serif: Incluye chuletas o adornos al final de cada letra (por ejemplo, Times New Roman)
- Texto: Curvilíneo con trazos que conectan, como escritura cursiva (por ejemplo, Lobster y Sacramento)
- Losa: Trazos de letra extra gruesos y distintos con o sin serifas (p. Ej., Rammetto One y Slabo)
Verás principalmente fuentes sans-serif y serif utilizado en una página de destino. Algunas páginas utilizan un tipo de letra slab o script en un título, pero esas categorías de tipo de letra no funcionan bien para el texto del cuerpo.
Otro tipo de fuente que puede ver que se usa fuera de las páginas de destino es una fuente decorativa. Como su nombre lo indica, su finalidad es decorar un diseño. Estas fuentes a menudo vienen hechas a medida, lo que las hace menos ideales para contenido web como páginas de destino.
Nota del editor: Si se está rascando la cabeza sobre qué tipo de fuente usar en su página de destino, puede eliminar las conjeturas con una plantilla. Las plantillas como FreshGoods eliminan las conjeturas sobre la elección y combinación de fuentes para que pueda concentrarse en crear contenido excelente.
Kerning y liderazgo
El espacio entre sus letras y líneas es tan importante como su elección de fuente. El texto desordenado es difícil de leer, y el texto con demasiado espacio se ve apagado. Desea un buen equilibrio de espacios en blanco para un mejor atractivo visual y facilidad de lectura.
Repasemos dos términos para ayudarlo a espaciar su texto de la manera correcta: interletraje e interlineado.
Interletrado es la cantidad de espacio entre letras. Las fuentes generalmente tienen uno de dos tipos de monoespaciado: proporcional y monoespaciado.
Algunas fuentes tienen un kerning ajustado entre combinaciones de caracteres específicas, por lo que Dale un vistazo a tu texto antes de finalizar tu elección de fuente..
El interlineado es la cantidad de espacio entre líneas de texto. Si alguna vez ha tenido que escribir un documento para otra persona, sabe lo importante que es el interlineado para la legibilidad. Mire la diferencia que hace el liderazgo en este texto:
El segundo ejemplo se siente abarrotado y difícil de leer, ¿verdad? A medida que estructura el texto de su página de destino, asegúrese de que cada línea tenga suficiente espacio para ser legible.
También deberías saber que el kerning y el interlineado pueden diferir entre los diseños de escritorio y móviles de una página de destino. A medida que revisa el espaciado del texto, verifique los formatos de escritorio y móvil. Un creador de páginas de destino optimizado para dispositivos móviles se encargará de la mayor parte del trabajo por usted.
Tamaño
La tipografía no es única para todos.
usted De Verdad prestó atención a esa línea, ¿verdad? En tipografía, las fuentes más grandes sugieren texto más importante y las fuentes más pequeñas representan texto menos crítico.
Debido a esa regla general, verá títulos y encabezados en fuentes más grandes que el texto del cuerpo.
Sin embargo, asegúrese de que el texto de su cuerpo no sea también pequeño: desea que sus visitantes puedan leerlo. Según la investigación de usabilidad, la fuente de su cuerpo debe ser por lo menos 12 puntos para lectores más jóvenes y 14 puntos para lectores mayores. Y, sinceramente, dado que muchas personas leen sitios web en dispositivos móviles, deberías apuntar a tamaños aún más grandes.
El blog Learn UI Design recomienda los siguientes tamaños de fuente para sitios web adaptados a dispositivos móviles:
- Cuerpo: 16 puntos
- Entrada de texto: Al menos 16 puntos
- Texto secundario (subtítulos, etc.): 13pt o 14pt
También sugieren apegarse a aproximadamente cuatro tamaños de fuente diferentes en toda su página—Cualquier más se está yendo por la borda.
Esta página de inicio de Intercom tiene un buen contraste entre los tamaños de fuente de su encabezado, subtítulo y cuerpo mientras mantiene todo legible:
Intercom escribe su encabezado (y el beneficio principal del producto) en una fuente que es al menos dos veces más grande que la fuente del subtítulo para hacer un enorme impacto. No es necesario que los tamaños de fuente sean tan distintos como Intercom, pero desea tener diferentes tamaños de fuente de encabezado, subtítulo y cuerpo en toda su página de destino.
Color
El color de su fuente afecta su impacto psicológico y su legibilidad en su página. Si está trabajando en el diseño de su página de destino desde cero, asegúrese de que el color de su fuente coincida con la sensación que busca y funcione con los colores circundantes.
El contraste es su objetivo número uno para el color de la fuente. En la mayoría de los diseños de páginas de destino, los colores de fondo e imagen hacen el trabajo pesado para lograr un impacto emocional. Si bien una fuente verde sobre un fondo negro puede parecer genial, te resultará difícil hacer que sea fácil de leer.
Si decide volverse poco convencional con una fuente que no sea en blanco o negro, úsalo para llamar la atención. Piense en encabezados y subtítulos. Dado que esas líneas de texto vienen en tamaños grandes, la legibilidad será más fácil de lograr.
Sin embargo, este consejo no significa que deba evitar mezclar fuentes en absoluto. Solo tienes que combinarlos estratégicamente. Intente usar una herramienta de rueda de colores para encontrar colores complementarios para su fuente.
Eche un vistazo a este diseño de concurso de página de destino para un uso inteligente de un color de fuente poco convencional:
¿Ves esos satisfactorios toques de amarillo? El texto del encabezado de la imagen principal saca el amarillo de su cuadro de formulario para enfatizar los beneficios. Busque formas de mantener los colores de su fuente consistentes con el diseño de su página de destino mientras atrae la atención hacia donde desea que vaya.
Maridajes
Las páginas de destino que utilizan una combinación de fuentes se ven más dinámicas que las páginas con fuentes uniformes.si el creador juega bien sus cartas.
Si decide darle vida a su página de destino con una combinación de fuentes, es mejor mezclar fuentes de diferentes categorías. (Piense en una serif con una sans-serif o una losa con una sans-serif). Esta lista de más de 30 combinaciones de fuentes puede ayudarlo a eliminar las conjeturas y avivar su creatividad.
¿Quieres ver los emparejamientos de fuentes de la página de destino en acción? Este ejemplo de A Place for Mom mezcla un encabezado serif con un subtítulo sans-serif:
Ambas fuentes se ven distintas pero lo suficientemente elegantes para un tema serio como el cuidado de personas mayores. Cuando elija un par de fuentes, tenga en cuenta que Ambas fuentes deben coincidir con el tema y el tono de su página de destino..
Recuerde anotar todo en su guía de estilo
Una vez que encuentre algunas fuentes que encajen con su marca, se verá más profesional cuando las use de manera consistente en sus activos de marketing. Anote estos tipos de letra en su guía de estilo, incluidos estilos de fuente ideales, interletraje / interlineado, tamaños y colores. De esa manera, la próxima vez que necesite crear una página de destino u otra pieza de contenido de marketing, puede elegir de su guía de estilo y comenzar a crear.
Diseñe su página de destino para conversiones
Cuando elija las fuentes para su próxima página de destino, recuerde esto: La experiencia de su visitante siempre es lo primero.
Puede resultar tentador utilizar un montón de fuentes, colores y formatos diferentes a la vez. Pero, aunque será divertido para usted, su visitante puede rebotar debido a la confusión de fuentes (a nadie le gusta que le asalten los ojos). Comience de manera simple y sea más creativo a medida que se familiarice con las mejores prácticas de diseño de páginas de destino.
Sus visitantes lo apreciarán y usted tendrá una mejor oportunidad en esos conversiones dulces, dulces. ¿Busca más consejos de diseño de página de destino centrados en la conversión? Consulte los 7 principios del diseño centrado en la conversión.