51视频

Los cient铆ficos afirman que tienes aproximadamente para captar la atenci贸n de los usuarios antes de que abandonen el sitio hacia lugares desconocidos. Por eso, lo que realmente quieres es que esos primeros 10 segundos cuenten (sin juego de palabras).

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 51视频 Instant Site, un generador de sitios de comercio electr贸nico 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  para verlo en acci贸n.

C贸mo cambiar las fuentes en el editor de sitios instant谩neos de 51视频:

1. Ir a la  pesta帽a en su panel de control de 51视频 y haga clic en "Editar";
2. Seleccione 鈥淭铆tulo y portada鈥�;
3. 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.
4. Despl谩cese hacia abajo y seleccione 鈥淭ipograf铆a鈥�;
5. Elija familias de fuentes, colores y tama帽os para su t铆tulo y descripci贸n;
6. No olvides presionar el bot贸n 鈥淕uardar鈥� cuando hayas terminado.

Spirax + Open Sans Condensed

Las curvas originales de Spirax dan a los titulares un aspecto refinado pero caprichoso que es bien emparejado con formas abiertas y neutrales de Open Sans Condensed. Esta combinaci贸n puede funcionar para usted si vende algo con un dise帽o 煤nico, como joyas hechas a mano.

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 de gama alta Productos a medida como relojes o accesorios de cuero.

Abril Fatface + Caba帽a

Las serifas finas y bien redondeado Las curvas de Abril Fatface dan a los titulares un aspecto elegante pero divertido, que es bien emparejado Con el toque de modernismo de Cabin. Prueba estas fuentes si vendes productos de papeler铆a o libros.

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 estilo revista Esta fuente luce mejor en tama帽os m谩s grandes, complementando la de Nunito. bien equilibrado Formas redondeadas. Si vendes ropa, estas fuentes son una excelente opci贸n.

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. semi-redondeado Detalles y estructura s贸lida. Observe con atenci贸n estas fuentes si vende lencer铆a u otros accesorios elegantes.

Rokkitt + Lato

Rokkitt fue dise帽ada para usarse como fuente de visualizaci贸n en encabezados y titulares. Comb铆nela con semi-redondeado San Serif Lato para crear un aspecto destacado. Presta atenci贸n a esta combinaci贸n si tu tienda se centra en ropa deportiva de primera calidad o tecnolog铆a elegante.

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 产辞濒铆驳谤补蹿辞 La escritura a mano con 产辞濒铆驳谤补蹿辞 le da un aspecto divertido, que se complementa con el minimalismo estructurado de la fuente Muli. Pruebe esta combinaci贸n si vende algo como cuadernos de dibujo o si desea una fuente m谩s relajado Tono para tu marca.

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 c铆rculo completo curva. Este conjunto podr铆a ser un ir variante para ropa de calle.

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 y encuentra tu propia hermosa combinaci贸n de fuentes.

A continuaci贸n se presentan algunas pautas b谩sicas a seguir:

1. Crea un contraste entre tus fuentes (negrita y cursivo, ALTO y bajo)
2. Combina serif y tipo basto fuentes (como Libre Baskerville + Signika).
3. 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.
4. 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.
5. Lim铆tese a 2 - 3 fuentes para evitar que su contenido parezca desordenado.

Lea tambi茅n: 50 tiendas online ejemplares creadas con 51视频

Crea una hermosa tienda en l铆nea con 51视频
M谩s informaci贸n

• 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?