Les scientifiques prétendent que vous avez environ pour attirer l'attention des utilisateurs avant qu'ils ne quittent votre site pour des parties inconnues. Vous voulez donc vraiment que ces 10 premières secondes comptent (sans jeu de mots).
Le texte dans la zone d’en-tête de votre site est une source d’informations cruciale. Ce que tu dis est évidemment important, mais il est également important de considérer how Tu l'as dit.
La typographie est la voix de votre site Web. Non seulement choisir la bonne typographie aide à communiquer votre message, mais cela a également le pouvoir d’affecter le ton et même de rendre votre marque plus reconnaissable. C'est pourquoi il existe plus de 300,000 XNUMX polices dans le monde, allant des classiques aux… enfin, folles.
La police de caractères de l'artiste canadienne Jenny Shipper est une ode aux films de Federico Fellini
Avec autant d'options, trouver votre propre style peut être un défi, surtout si vous ne savez pas comment les polices fonctionnent ensemble. Dans cet article, nous passerons en revue certaines de nos combinaisons de polices préférées pour vous aider à concevoir un message d'en-tête qui convertit.
Tous les exemples ci-dessous ont été créés avec des outils de conception disponibles dans 51视频 Instant Site, un créateur de site de commerce électronique efficace pour lancer votre boutique et la vendre rapidement. En savoir plus sur les options de conception d'Instant Site, ou pour le voir en action.
Comment changer les polices dans l'éditeur 51视频 Instant Site :
- Allez au dans votre panneau de configuration 51视频 et cliquez sur ? Modifier ; ?
- Sélectionnez ? Titre et couverture ; ?
- Tapez le titre et la description de votre magasin. Choisissez la disposition de votre couverture et modifiez sa position et son alignement si nécessaire. ? partir de là, vous pouvez également modifier votre arrière-plan et votre bouton d'appel à l'action si vous le souhaitez ;
- Faites défiler vers le bas et sélectionnez ? Typographie ? ;
- Choisissez des familles de polices, des couleurs et des tailles pour votre titre et votre description ;
- N'oubliez pas d'appuyer sur le bouton ? Enregistrer ? lorsque vous avez terminé.
Spirax + Ouvert Sans Condensé
Les courbes originales de Spirax donnent aux titres un look raffiné mais fantaisiste qui
Merriweather + Oswald
Merriweather est agréable à lire sur les écrans avec ses formes de lettres légèrement condensées, ses empattements robustes et ses formes ouvertes. Elle est parfaitement en phase avec Oswald, une police inspirée des styles gothiques et grotesques classiques de la fin du 19e et du début du 20e siècle. Cette association peut convenir à un magasin qui vend
Abril Fatface + Cabine
Les empattements fins et
Montserrat + Merriweather
Montserrat est basé sur la typographie urbaine de la première moitié du XXe siècle, complétée par les formes de lettres légèrement condensées de Merriweather. Cette association serait bien servie dans un magasin de sacs ou de baskets.
Surjet + Nunito
Les formes de glyphes arrondies d'Overlock créent d'excellents titres et textes courts dans
Affichage Playfair + Source Sans Pro
Le style classique de Playfair Display est encore plus important lorsqu'il est associé à Source Sans Pro, qui a été créé pour bien fonctionner dans les interfaces utilisateur. Ce combo intemporel fonctionnerait bien avec les magasins spécialisés dans les produits de beauté pour femmes ou les boutiques de vêtements.
Alegrya + Lato
Le rythme dynamique et varié d'Alegreya apporte de la fra?cheur à la page, mettant en valeur celui de Lato.
Rokkitt + Lato
Rokkitt a été con?u pour être utilisé comme police d'affichage dans les titres et les titres. Combinez-le avec
Sables mouvants + Proxima Nova
Les formes géométriques sont au c?ur de Quicksand, alors associez-les à la sensibilité moderne de Proxima Nova pour donner à votre aménagement une touche nette et fra?che. Si vous vendez des jouets ou des poussettes, ces polices peuvent vous convenir.
Oxygène + Maven Pro
Oxygen fonctionne bien dans toutes les interfaces utilisateur graphiques, bureaux et appareils, en particulier en combinaison avec la lisibilité facile de Maven Pro. Découvrez cette association si votre site Web vend des lunettes ou des accessoires de fitness.
Script dansant + Lato
Animé et 诲é肠辞苍迟谤补肠迟é, Dancing Script donne à votre page une touche conviviale et informelle, mettant l'accent sur les proportions classiques de Lato et l'esthétique élégante sans empattement. Les boutiques de cadeaux et de cartes postales peuvent bénéficier de cet ensemble.
Signika + Dose
Le caractère doux de Signika fonctionne très bien pour les titres, tandis que Dosis rend les textes supplémentaires assez faciles à lire. Cette association fonctionne pour un large éventail de magasins, de l'électronique aux fleurs.
Bonnet Reenie + Muli
Reenie Beanie est basé sur des bases
Questrial + Muli
San serif Muli est une police de corps de texte parfaite, et son esthétique sobre signifie qu'elle se marie bien avec une grande variété de polices de titres : comme Questrial avec son style moderne et
Berkshire Swash + Proxima Nova
Berkshire Swash a un style audacieux mais doux, qui crée un titre vif et offre un équilibre étonnant avec les proportions simples et modernes et l'apparence géométrique de Proxima Nova. Les cosmétiques ou les desserts faits à la main bénéficieraient de ce mélange.
Bases des paires de polices
Vous n'avez pas trouvé ce que vous cherchez dans notre liste ? Si vous vous sentez créatif, essayez de jouer avec les polices et trouvez votre propre belle combinaison de polices.
Voici quelques directives de base à suivre :
- Créez un contraste entre vos polices (gras et cursive, GRAND et petit)
- Combinez serif et
san-serif polices (comme Libre Baskerville + Signika). - N'utilisez pas deux polices similaires (par exemple, deux polices cursives) pour votre titre et votre corps de texte. Créer de la variété attirera l'attention et aidera votre client à interagir avec chaque section individuellement.
- Faites en sorte que la police corresponde à votre marque. Les lettres manuscrites ludiques ne conviennent probablement pas à une marque de bijoux haut de gamme.
- Limitez-vous à
2-3 polices pour éviter de rendre votre contenu encombré.
A lire également: 50 boutiques en ligne exemplaires construites avec 51视频
- Comment réparer la navigation de votre magasin
- Tout ce que vous devez savoir sur le merchandising des produits
- Merchandising en ligne : comment présenter des produits dans une boutique en ligne
- Qu’est-ce que le merchandising de mode et pourquoi est-il si important ?
- 10 erreurs de conception des boutiques en ligne
- 15 combinaisons de polices parfaites pour votre site Web de commerce électronique
- Théorie des couleurs : tout ce que vous devez savoir sur les thèmes de couleurs
- 7 idées créatives pour votre page produit de commerce électronique
- Le pouvoir d'une image de héros dans la conception Web
Doit avoir Principes UX à suivre dans une boutique en ligne- Audit de conception de site Web
- Libérer la puissance de la conception UX pour le commerce électronique
- Quelle est la différence entre UI et UX dans le commerce électronique ?
