• Passer à la navigation principale
  • Passer au contenu principal
  • Passer au pied
Logo TechLila

TechLila

Bord saignant, toujours

  • Accueil
  • À propos
  • Contact
  • Aubaines et offres
Techlila Logo
FacebookTweetLinkedInPin It
Éditeurs HTML WYSIWYG
Suivant

Utilisez-vous les puissants éditeurs HTML WYSIWYG ?

Typographie Web

TechLila Conception et développement Web

La typographie Web dans la conception de sites Web est plus importante que ce que vous pensiez !

Avatar de l'auteur invité Auteur invité
Dernière mise à jour le: le 26 mars 2017

Typographie Web se réfère à la polices incorporées dans les pages Web. Il s'agit d'un aspect essentiel de la conception d'un site Web car il a un impact direct sur la lisibilité du site. Beaucoup de gens pensent que les responsabilités d'un conception de site Web abordable professionnel n'incluent pas prêter attention à typographie web. Cependant, il s'agit d'un concept erroné.

Typographie Web

En plus d'investir du temps pour créer des designs, il faut également être attentif à la typographie Web. N'oubliez pas que si votre typographie Web est médiocre, les visiteurs ne prendront pas la peine d'observer vos conceptions. Nous vous fournissons quelques conseils qui vous aideront à gérer la typographie Web sans tracas.

  • Utilisez trois polices de caractères par conception
    L'utilisation de trois polices de caractères (au maximum) permettra aux lecteurs d'observer clairement votre site Web. Organiser le contenu avec différentes polices de caractères peut créer un aspect désordonné du site. De plus, cela peut convaincre les visiteurs que différentes parties du contenu, telles que différents paragraphes, ne sont pas liées.
    Bien sûr, lors de la lecture, les visiteurs peuvent ne pas être en mesure de déterminer la source exacte de l'inconfort. Pourtant, ils ne seront pas à l'aise pour lire des informations contenant diverses polices de caractères.
  • Distinguer le titre
    Le titre d'un article attire d'abord l'attraction des visiteurs. S'ils trouvent le titre accrocheur, ils passeront au reste de l'article. Cela signifie que vous devez mettre en évidence le titre, afin qu'il attire à tout prix l'attention des lecteurs. Augmenter la taille du titre est le moyen le plus simple de le mettre en évidence.
  • Définir la taille de la copie du corps à 14 pixels
    Pour de meilleurs résultats, essayez de vous assurer que les visiteurs peuvent lire votre corps du texte confortablement. Il est vrai qu'outre la taille, d'autres facteurs peuvent également influencer la lisibilité du site. Pourtant, la taille est le facteur déterminant le plus important. Définir la taille de votre corps de texte à 14 pixels peut être une excellente idée.
  • Évitez d'utiliser les soulignements et les italiques inutilement
    Ne confondez pas vos lecteurs en utilisant inutilement des italiques et des soulignements. Les italiques et les soulignés accordent une plus grande importance à une ligne. Si vous utilisez des italiques et des soulignements dans chaque phrase, vos visiteurs peuvent se sentir confus.
    Utilisez plutôt des sous-jacents et des italiques, uniquement lorsque cela est nécessaire.
  • N'utilisez pas de majuscules pour les gros blocs de texte
    Utiliser des majuscules pleines pour d'énormes blocs de texte est une mauvaise idée. Cela est dû au fait que par rapport au texte écrit en minuscules et en majuscules, les informations définies uniquement en majuscules sont plus difficiles à interpréter.
    Si vous définissez des informations en minuscules et en majuscules, selon les besoins, ce sera comparativement plus facile pour les yeux. De plus, il permettra aux visiteurs d'interpréter plus facilement les informations.
  • Évitez de fourrer des informations volumineuses dans un espace limité
    Pour augmenter la lisibilité de votre site, ne forcez pas des informations énormes à tenir dans un espace limité. Au lieu de cela, fournissez-lui suffisamment d'espace pour qu'il adopte un look soigné. Dans le même temps, n'incorporez pas d'espace excessif, de sorte que l'ensemble du texte semble décousue et sans rapport.
  • Faites attention au contraste de l'arrière-plan
    Vous avez peut-être opté pour une taille de police plus grande pour augmenter la lisibilité du texte. Cependant, si le contraste entre l'information et son arrière-plan est faible, cela nuira à la lisibilité et à la lisibilité du site. La pratique courante consiste à placer du texte clair sur un fond sombre ou vice-versa. Évitez à tout prix d'utiliser des couleurs contradictoires.
  • Optez pour des polices parfaites pour une utilisation à l'écran
    Vous pouvez profiter de différents types de polices dans le Internet. Malheureusement, bon nombre de ces polices ne sont pas adaptées à une utilisation sur des sites Web. Pour cette raison, il est important de sélectionner soigneusement les polices. De plus, vous pouvez vous aider des tableaux de conseils et vérifier l'apparence des polices dans des tailles plus petites sur différents navigateurs.
  • Évitez d'utiliser Comic Sans
    Comic sans est devenu une police très détestée et nous ne faisons pas exception. Nous croyons fermement que l'utilisation de cette police confère à votre site un attrait enfantin et immature, que la majorité des visiteurs n'apprécieront pas. Essayez de l'éviter.

Profitez de la création d'un site Web accessible!

Divulgation: Le contenu publié sur TechLila est pris en charge par les lecteurs. Nous pouvons recevoir une commission pour les achats effectués via nos liens d'affiliation sans frais supplémentaires pour vous. Lisez notre Avis de non-responsabilité pour en savoir plus sur notre financement, nos politiques éditoriales et les moyens de nous soutenir.

Partager c'est aimer

FacebookTweetLinkedInPin It
Avatar de l'auteur invité

Auteur invité

Ce billet d'invité a été écrit par un contributeur invité.

Catégories

  • Conception et développement Web

Tags

Typographie Web, Création de site web

Interactions Reader

Ce que nos propriétaires en disent

  1. Aiden Ruse

    Salut Diane.

    Merci pour le partage d'un excellent guide. Je souhaite que chaque designer comprenne l'importance de la typographie. Une typographie incorrecte peut également être une erreur de l'échec de la conception d'un site Web. J'aimerais donner la priorité à la typographie lorsqu'il s'agit de concevoir un site Web et éviter que la conception Web ne soit un échec. Les conseils que vous avez donnés ici sont vraiment fantastiques et contiennent de nombreuses informations utiles.

    Répondre
  2. Ambre

    Merci d'avoir partagé. Beaucoup de gens bénéficieront sûrement de ces points.

    Répondre
  3. Sarah

    Très utile. J'examine actuellement une refonte de l'un de nos sites Web et je me suis rendu compte que nous utilisions environ 5 à 6 polices de caractères différentes sur l'ancien site, ce qui n'a tout simplement pas l'air génial.

    Répondre
  4. Sajesh

    J'ai convenu avec vous que la typographie Web est un aspect essentiel de la conception Web et que chaque concepteur doit garder cet aspect à l'esprit lors de la conception du site Web.

    Répondre
  5. Nishadha

    Tout ce que je peux dire, c'est wow. Je sais que les styles de police et la taille de la police sont importants, mais je n'ai jamais connu autant de détails sur leur importance. Je l'envoie à l'équipe de conception et merci pour cet article génial.

    Répondre
  6. David

    Mettre une typographie claire, lisible et efficace sur votre site Web augmente non seulement vos visiteurs, mais augmente également le professionnalisme.

    Répondre
  7. Natasha

    Définir la taille de la copie du corps à 14 pixels ? N'est-il pas préférable d'utiliser 16-18px ou mieux, nous optons pour 150%.

    Répondre
    • Rajesh Namase

      Cela dépend, il suffit de changer et de vérifier s'il a l'air agréable et lisible ou non.

      Répondre
  8. Jeeten

    Ouais je suis d'accord avec toi Diane, la typographie web est obligatoire. en gardant la typographie à l'esprit, j'avais conçu mon site.

    Répondre
  9. Stephen

    font-family : 'franklin_gothic_medium_condRg'; la police est utilisée par moi-même sur mes différents sites Web. et la taille de la police du corps a été conservée à .9em. et sur certains sites 1em.
    H1 = 3em
    H2 = 2.5em
    H3 = 2em
    H4 = 1.6em
    H5 = 1.2em

    Répondre
  10. Vishnu Sharma

    Ouais je suis d'accord avec toi Diane, la typographie web est obligatoire. En gardant la typographie à l'esprit, j'avais conçu mon site.

    Répondre
  11. Mansour Bhanpurawala

    Très utile. J'examine actuellement une refonte de l'un de nos sites Web et je me suis rendu compte que nous utilisions environ 5 à 6 polices de caractères différentes sur l'ancien site, ce qui n'a tout simplement pas l'air génial.

    Répondre
  12. Alex

    Merci, administrateur. Blog complet très utilisé. Merci pour le post car ce post m'est utile.

    Répondre

Ajoutez votre commentaire Annuler la réponse

Votre adresse email n'apparaitra pas. Les champs obligatoires sont marqués *

Pied de page Logo Logo de texte de pied de page

Pied de page

À propos

Bonjour et bienvenue sur TechLila, le célèbre blog technologique où vous pouvez trouver des articles ingénieux pour maîtriser les bases et au-delà.

Chez TechLila, notre objectif principal est de fournir des informations uniques, telles que des trucs et astuces de qualité, des tutoriels, des guides pratiques sur Windows, Macintosh, Linux, Android, iPhone, Sécurité et quelques sous-thèmes divers tels que des critiques.

Liens

  • À propos
  • Contactez-Nous
  • Dénégation de responsabilité
  • Politique de Confidentialité
  • Conditions

Suivez la météo en direct

Thème personnalisé utilisant Genesis Framework

Hébergement cloud par Cloudways

Langue

© Droits d'auteur 2012-2023 TechLila. Tous les droits sont réservés.

x
x