La typographie sur une page Web est aussi importante que sur tout autre support, peu importe que vous tapiez pour un emballage, une publication télévisée ou une signalétique, et tous les concepteurs doivent prendre en compte le support qu'ils utilisent et les techniques qu'ils utiliseront. pour convenir à ce média. Vous voulez que votre travail soit facile à lire et agréable à regarder.

Ceci étant dit, un exemple est celui d'un article écrit dans un magazine comparé à celui d'une affiche. Même si un magazine est lu à proximité et à bout de bras, la composition peut être petite tout en restant facile à lire. Alors qu’une affiche est plus grande et vue de manière plus oblique, vous souhaiterez espacer les mots afin qu’ils soient facilement discernables par le spectateur.

Typographie sur les blogs Wordpress - Ce que vous devez savoir - Blog Lorelei Web Design

Le plugin All in ONE Cufon vous permet de remplacer facilement les polices dans WordPress

Lors de la conception d’une page Web, il y a un ensemble complet de nouveaux problèmes à surmonter. Vous avez affaire à un public dont les tailles d’écran et les plateformes sont différentes. Il existe une manière pour un concepteur de prendre tout cela en considération lors de la conception d'une page qui puisse être facilement visualisée sur toutes les différentes plates-formes. Vous ne pouvez pas supposer que tous vos téléspectateurs utilisent le même équipement que vous ; même la vitesse de connexion doit être prise en compte lors de la conception.

Exemples de bon usage de la typographie dans WordPress :

https://loreleiwebdesign.com//HLIC/6ddf88ca708e8a1ffe0a287235dfb761.jpg

https://loreleiwebdesign.com//HLIC/8663505a6859fcf655e56bf9ffa3dddc.png

https://loreleiwebdesign.com//HLIC/69c7e6d719146c317ed764a054fabfe6.jpg

En fonction de votre contenu, vous pouvez modifier les feuilles de style pour les adapter au mieux à vos besoins. Vous pouvez modifier la taille des titres et des sous-titres ainsi que la taille de votre corps de texte pour l'adapter au mieux à votre page, qu'il s'agisse d'un site informatif, d'un site pour enfants ou d'un site plus technique. Ces paramètres de type sont simples à modifier et le style de votre page Web doit prendre en compte votre public cible. Vous n'utiliserez pas le même style sur une page destinée aux enfants que sur une page créée pour les investisseurs commerciaux. Il est donc important de garder à l'esprit votre public cible.

  • Orientation – Si vous lisez un livre et que vous voyez des caractères à l’envers, la première chose à faire est de retourner le livre, ce qui n’est pas une tâche si facile avec un ordinateur. La saisie verticale n'est pas possible avec HTML, mais elle peut être effectuée en utilisant un JPG, un PNG ou un GIF. Cela peut fonctionner pour vous s’il est utilisé avec parcimonie. Un titre de ce type attirera l'attention du lecteur et s'il est en bon équilibre avec ses éléments comme la couleur, le poids et la taille, il peut être bénéfique. Ce type de titre attire l'attention et, lorsqu'il est utilisé avec d'autres documents, peut unifier ce matériel et devenir très efficace.
  • Position – En tant que style de caractère différent utilisé tel que Maverick, toute ligne située dans une position différente attirera rapidement l’attention du spectateur. Briser le flux naturel de la page attirera simplement plus d'attention. Vous pouvez modifier n'importe quel corps de texte en modifiant uniquement un élément tel que la police, la position de la couleur, etc. Tout ce qui semble différent ou déplacé attirera automatiquement le regard. Comme le dit le proverbe, les règles sont parfois faites pour être enfreintes.
  • espace – Si vous tapez sur une page blanche un mot de 8 points, votre regard sera attiré par lui. D'un autre côté, si vous travaillez avec une page entière de caractères de 12 points, vous ne le remarquerez jamais. Ainsi, comme vous pouvez le constater, non seulement le type sur la page est important, mais l'espace qui entoure le type est tout aussi important. Vous pouvez facilement acquérir cette compétence en jouant avec différents paramètres de type et d'espace pour tirer le meilleur parti de l'idée que vous souhaitez transmettre. Ce n’est pas seulement une technique utilisée dans l’écriture, elle est utilisée dans la peinture, l’architecture et bien plus encore.
  • Priorités utilisées de manière créative – La typographie signifie que vous réfléchirez également à l’importance de l’information et à ce sur quoi vous voulez que le spectateur se concentre. Vous pouvez le faire en décidant facilement de ce qui est important et en faisant ressortir ces informations importantes. Vous pouvez créer une page Web agréable à regarder tout en faisant passer ce qui est le plus important. Vous trouverez très gratifiant de prendre en compte ce fait important. Vous voulez que le contenu important se démarque afin que le spectateur puisse voir exactement ce que vous essayez de faire valoir sans avoir à lire des pages de peluches.

Voici quelques conseils pour l’utilisation des différentes polices en HTML :

  1. Utilisez le style de police et la taille de casse corrects pour que vos informations soient traitées rapidement par le spectateur. Si votre spectateur recherche des informations, vous souhaiterez que la police soit simple à lire, comme Arial ou Veranda, afin qu'il puisse facilement lire et trouver ce qu'il recherche. Vous devez également garder à l’esprit la couleur et la taille du texte.
  2. Lorsque vous examinez la conception de votre page Web, gardez toujours à l’esprit le type, la couleur et la taille de la police, ceci est très important, car cela peut instantanément ajouter plus de valeur à votre page Web.
  3. Choisissez une police simple à lire. L'utilisation d'une police telle que Times new Roman permet de garder le tout uniforme, une police telle que la calligraphie est très distrayante et trop difficile à lire. La meilleure chose à faire est de lire quelques lignes et de déterminer si vous pouvez les lire facilement. Si vous pouvez le faire, votre spectateur le peut aussi.
  4. Ne remplissez pas votre page avec des styles de police différents, si cela est nécessaire comme un site artistique, vous pouvez utiliser des styles de police différents mais ils doivent être utilisés dans les titres ou avec parcimonie dans tout le texte, ne remplissez pas votre texte avec des polices différentes car cela devient distrayant pour le spectateur et il perdra tout intérêt.
  5. La majeure partie de votre texte doit comporter entre 12 et 14 points. Cela permet à tous les lecteurs un accès facile, car tous les lecteurs n'ont pas une vision parfaite. Des petits caractères peuvent dissuader certains visiteurs de votre site et vous ne voulez pas perdre de spectateurs, le but est de rendre un site attrayant pour tous. Vous devez garder à l’esprit que vous aurez de nombreux téléspectateurs et que vous devez essayer de faire des compromis pour tous les téléspectateurs, et vous assurer que votre titre est dans une police plus grande que le texte.
  6. Le dernier conseil concerne la couleur, utilisez une couleur bien contrastée pour les caractères qui ne se perdront pas dans les couleurs d'arrière-plan, le meilleur choix est toujours des caractères noirs sur un fond clair, soyez juste prudent lorsque vous choisissez les couleurs de vos pages Web, vous ne voulez pas Si vous mettez un fond sombre et des caractères sombres sur le même fond, ce sera trop difficile à lire et votre spectateur sera perdu.