Os cientistas afirmam que você tem cerca de para chamar a aten??o dos usuários antes que eles saiam do seu site para lugares desconhecidos. Ent?o você realmente quer fazer com que os primeiros 10 segundos contem (sem trocadilhos).
O texto na área do cabe?alho do seu site é uma fonte crucial de informa??o. O que você diz é obviamente significativo, mas também é importante considerar como você diz isso.
A tipografia é a voz do seu site. A escolha da tipografia certa n?o apenas ajuda a comunicar sua mensagem, mas também tem o poder de afetar o tom e até mesmo tornar sua marca mais reconhecível. ? por isso que existem mais de 300,000 fontes no mundo para você escolher, desde as clássicas até... bem, malucas.

A fonte da artista canadense Jenny Shipper é uma ode aos filmes de Federico Fellini
Com tantas op??es, encontrar o estilo certo pode ser um desafio, especialmente se você n?o sabe como as fontes funcionam juntas. Nesta postagem, veremos alguns de nossos pares de fontes favoritos para ajudá-lo a criar uma mensagem de cabe?alho que converta.
Todos os exemplos abaixo foram criados com ferramentas de design disponíveis no 51视频 Instant Site — um criador de sites de comércio eletr?nico eficiente para colocar sua loja no ar e vender rapidamente. Saiba mais sobre as op??es de design do Instant Siteou para vê-lo em a??o.
Como alterar as fontes no editor 51视频 Instant Site:
- Vá para o guia em seu painel de controle 51视频 e clique em “Editar;”
- Selecione “Título e capa;”
- Digite o título e a descri??o da sua loja. Escolha o layout da capa e altere sua posi??o e alinhamento, se necessário. A partir daqui, você também pode alterar o plano de fundo e o bot?o de call to action, se desejar;
- Role para baixo e selecione “Tipografia”;
- Escolha famílias de fontes, cores e tamanhos para seu título e descri??o;
- N?o se esque?a de pressionar o bot?o “Salvar” quando terminar.
Spirax + Open Sans Condensado
As curvas originais do Spirax d?o às manchetes uma aparência refinada, mas extravagante, que é
Merriweather + Oswald
Merriweather é agradável de ler nas telas com suas letras ligeiramente condensadas, serifas robustas e formas abertas. Está em perfeita sintonia com Oswald, uma fonte inspirada nos estilos clássicos gótico e grotesco do final do século XIX e início do século XX. Este emparelhamento pode ser adequado para uma loja que vende
Abril Fatface + Cabana
As serifas finas e
Montserrat + Merriweather
Montserrat é baseado na tipografia urbana da primeira metade do século XX, complementada pelas letras ligeiramente condensadas de Merriweather. Essa combina??o ficaria bem servida em uma loja de bolsas ou tênis.
Overlock + Nunito
As formas arredondadas dos glifos do Overlock criam ótimos títulos e textos curtos em
Tela Playfair + Fonte Sans Pro
O estilo clássico do Playfair Display ganha ainda mais destaque quando combinado com o Source Sans Pro, que foi criado para funcionar bem em interfaces de usuário. Essa combina??o atemporal funcionaria bem com lojas especializadas em produtos de beleza femininos ou lojas de vestidos.
Alegreya + Lato
O ritmo din?mico e variado de Alegreya traz frescor à página, dando início ao estilo de Lato
Rokkitt + Lato
Rokkitt foi projetado para uso como fonte de exibi??o em títulos e manchetes. Combine-o com
Areia Movedi?a + Próxima Nova
As formas geométricas s?o a base central do Quicksand, ent?o combine-o com a sensibilidade moderna do Proxima Nova para dar ao seu layout um toque limpo e fresco. Se você vende brinquedos ou carrinhos de bebê, essas fontes podem funcionar bem para você.
Oxigênio + Maven Pro
O Oxygen funciona bem em todas as interfaces gráficas de usuário, desktops e dispositivos, especialmente em combina??o com a fácil legibilidade do Maven Pro. Confira esta combina??o se o seu site vende óculos ou acessórios de fitness.
Roteiro de Dan?a + Lato
O Dancing Script animado e casual dá à sua página um toque amigável e informal, enfatizando as propor??es clássicas de Lato e a elegante estética san serif. Lojas de presentes e cart?es postais podem se beneficiar deste conjunto.
Signika + Dose
O caráter gentil de Signika funciona muito bem para manchetes, enquanto Dosis torna os textos suplementares bastante fáceis de ler. Essa combina??o funciona para uma ampla variedade de lojas, de eletr?nicos a flores.
Gorro Reenie + Muli
Reenie Beanie é baseado em básico
Questrial + Muli
San serif Muli é uma fonte de texto perfeita e sua estética discreta significa que combina bem com uma ampla variedade de fontes de títulos: como Questrial com seu estilo moderno e
Berkshire Swash + Proxima Nova
Berkshire Swash tem um toque ousado, mas suave, que cria um título vívido e fornece um equilíbrio incrível com as propor??es simples e modernas e a aparência geométrica de Proxima Nova. Cosméticos artesanais ou sobremesas se beneficiariam com essa mistura.
No??es básicas de pares de fontes
N?o encontrou o que procurava em nossa lista? Se você estiver se sentindo criativo, tente brincar com as fontes e encontre sua própria bela combina??o de fontes.
Aqui est?o algumas diretrizes básicas a serem seguidas:
- Crie um contraste entre suas fontes (negrito e cursivo, ALTO e baixo)
- Combine serifa e
sem serifa fontes (como Libre Baskerville + Signika). - N?o use duas fontes semelhantes (por exemplo, duas letras cursivas) tanto para o título quanto para o corpo do texto. Criar variedade chamará a aten??o e ajudará seu cliente a se envolver com cada se??o individualmente.
- Fa?a com que a fonte corresponda à sua marca. Cartas manuscritas divertidas provavelmente n?o s?o a melhor op??o para uma marca de joias premium.
- Limite-se a
2-3 fontes para evitar que seu conteúdo pare?a confuso.
Veja também: 50 lojas online exemplares construídas com 51视频
- Como consertar a navega??o da sua loja
- Tudo o que você precisa saber sobre merchandising de produtos
- Merchandising online: como fazer o layout de produtos na loja online
- O que é merchandising de moda e por que é t?o importante?
- 10 erros de design de lojas online
- 15 pares de fontes perfeitos para o seu site de comércio eletr?nico
- Teoria das cores: tudo o que você precisa saber sobre temas de cores
- 7 ideias criativas para sua página de produto de comércio eletr?nico
- O poder de uma imagem heróica em web design
Must-have Princípios de UX a serem seguidos em uma loja online- Auditoria de design do site
- Desbloqueando o poder do design UX para comércio eletr?nico
- Qual é a diferen?a entre UI e UX no comércio eletr?nico?