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é.
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!
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.
Ambre
Merci d'avoir partagé. Beaucoup de gens bénéficieront sûrement de ces points.
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.
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.
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.
David
Mettre une typographie claire, lisible et efficace sur votre site Web augmente non seulement vos visiteurs, mais augmente également le professionnalisme.
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%.
Rajesh Namase
Cela dépend, il suffit de changer et de vérifier s'il a l'air agréable et lisible ou non.
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.
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
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.
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.
Alex
Merci, administrateur. Blog complet très utilisé. Merci pour le post car ce post m'est utile.