Los científicos afirman que tienes aproximadamente
El texto en el área de encabezado de su sitio es una fuente crucial de información. Que dices Obviamente es significativo, pero también es importante tenerlo en cuenta. how Lo dices.
La tipografía es la voz de tu sitio web. Elegir la tipografía adecuada no solo ayuda a comunicar tu mensaje, sino que también tiene el poder de afectar el tono e incluso hacer que tu marca sea más reconocible. Por eso, hay más de 300,000 fuentes en el mundo para elegir, desde las clásicas hasta las más disparatadas.
La fuente de la artista canadiense Jenny Shipper es una oda a las películas de Federico Fellini
Con tantas opciones, encontrar el estilo adecuado puede ser un desafío, especialmente si no sabes cómo funcionan las fuentes juntas. En esta publicación, repasaremos algunas de nuestras combinaciones de fuentes favoritas para ayudarte a diseñar un mensaje de encabezado que convierta.
Todos los ejemplos a continuación se crearon con herramientas de diseño disponibles en Ecwid Instant Site, un creador de sitios de comercio electrónico gratuito y eficiente para que su tienda esté lista y venda rápidamente. Obtenga más información sobre las opciones de diseño de Instant Siteo Regístrate gratis para verlo en acción.
Cómo cambiar las fuentes en el editor de sitios instantáneos de Ecwid:
- Ir a la Página web pestaña en su panel de control de Ecwid y haga clic en "Editar";
- Seleccione “Título y portada”;
- Escribe el título y la descripción de tu tienda. Elige el diseño de la portada y cambia su posición y alineación si es necesario. Desde aquí, también puedes cambiar el fondo y el botón de llamada a la acción si lo deseas.
- Desplácese hacia abajo y seleccione “Tipografía”;
- Elija familias de fuentes, colores y tamaños para su título y descripción;
- No olvides presionar el botón “Guardar” cuando hayas terminado.
Spirax + Open Sans Condensed
Las curvas originales de Spirax dan a los titulares un aspecto refinado pero caprichoso que es
Merriweather + Oswald
Merriweather es agradable de leer en las pantallas con sus formas de letras ligeramente condensadas, serifas sólidas y formas abiertas. Está en perfecta sintonía con Oswald, una fuente inspirada en los estilos góticos y grotescos clásicos de finales del siglo XIX y principios del XX. Esta combinación puede ser adecuada para una tienda que venda
Abril Fatface + Cabaña
Las serifas finas y
Montserrat + Merriweather
Montserrat se basa en la tipografía urbana de la primera mitad del siglo XX, complementada con las formas de letras ligeramente condensadas de Merriweather. Esta combinación quedaría bien en una tienda de bolsos o zapatillas.
Overlock + Nunito
Las formas redondeadas de los glifos de Overlock crean excelentes títulos y textos cortos en
Pantalla Playfair + Fuente Sans Pro
El estilo clásico de Playfair Display es aún más destacado cuando se combina con Source Sans Pro, que se creó para funcionar bien en interfaces de usuario. Esta combinación atemporal funcionaría bien con tiendas especializadas en productos de belleza para mujeres o tiendas de ropa.
Alegreya + Lato
El ritmo dinámico y variado de Alegreya aporta frescura a la página, resaltando el carácter de Lato.
Rokkitt + Lato
Rokkitt fue diseñada para usarse como fuente de visualización en encabezados y titulares. Combínela con
Arenas movedizas + Proxima Nova
Las formas geométricas son la base fundamental de Quicksand, así que combínalas con la sensibilidad moderna de Proxima Nova para darle a tu diseño un toque limpio y fresco. Si vendes juguetes o cochecitos de bebé, estas fuentes pueden funcionar bien para ti.
Oxígeno + Maven Pro
Oxygen funciona bien en todas las interfaces gráficas de usuario, escritorios y dispositivos, especialmente en combinación con la fácil lectura de Maven Pro. Eche un vistazo a esta combinación si su sitio web vende anteojos o accesorios de fitness.
Guión de baile + Lato
La fuente Dancing Script, alegre y relajada, le da a tu página un toque amistoso e informal, enfatizando las proporciones clásicas de Lato y la estética elegante de las fuentes sans serif. Las tiendas de regalos y postales pueden beneficiarse de este conjunto.
Signo + Dosis
El carácter suave de Signika funciona muy bien para los titulares, mientras que Dosis hace que los textos complementarios sean bastante fáciles de leer. Esta combinación funciona para una amplia gama de tiendas, desde productos electrónicos hasta flores.
Gorro Reenie + Muli
Reenie Beanie se basa en lo básico
Misión + Multi
San serif Muli es una fuente perfecta para el cuerpo del texto y su estética discreta significa que combina bien con una amplia variedad de fuentes para titulares: como Questrial con su estilo moderno y
Berkshire Swash + Proxima Nova
Berkshire Swash tiene un estilo audaz pero delicado, que le da un toque llamativo y brinda un equilibrio sorprendente con las proporciones simples y modernas y la apariencia geométrica de Proxima Nova. Los cosméticos o postres hechos a mano se beneficiarían de esta combinación.
Conceptos básicos de las combinaciones de fuentes
¿No encontraste lo que buscabas en nuestra lista? Si te sientes creativo, prueba a jugar con las fuentes en el editor gratuito de Instant Site y encuentra tu propia hermosa combinación de fuentes.
A continuación se presentan algunas pautas básicas a seguir:
- Crea un contraste entre tus fuentes (negrita y cursivo, ALTO y bajo)
- Combina serif y
tipo basto fuentes (como Libre Baskerville + Signika). - No utilices dos fuentes similares (por ejemplo, dos cursivas) tanto para el título como para el cuerpo del texto. Crear variedad atraerá la atención y ayudará a que el cliente interactúe con cada sección individualmente.
- Haz que la fuente coincida con tu marca. Las letras manuscritas divertidas probablemente no sean la mejor opción para una marca de joyería de primera calidad.
- Limítese a
2 - 3 fuentes para evitar que su contenido parezca desordenado.
Lea también: 50 tiendas online ejemplares creadas con Ecwid
- Cómo arreglar la navegación de tu tienda
- Todo lo que necesitas saber sobre la comercialización de productos
- Merchandising online: cómo distribuir los productos en una tienda online
- ¿Qué es el merchandising de moda y por qué es tan importante?
- 10 errores de diseño en tiendas online
- 15 combinaciones de fuentes perfectas para su sitio web de comercio electrónico
- Teoría del color: todo lo que necesitas saber sobre los temas de color
- 7 ideas creativas para la página de productos de tu comercio electrónico
- El poder de una imagen destacada en el diseño web
Must-Have Principios UX a seguir en una tienda online- Auditoría de diseño de sitios web
- Desbloquear el poder del diseño UX para el comercio electrónico
- ¿Cuál es la diferencia entre UI y UX en el comercio electrónico?
