7 erreurs très courantes à éviter dans la typographie Web

Malgré le grand impact du choix d'un police de caractères dans un projet WebIl n'est pas du tout difficile pour vous de trouver l'un de ces clients qui est totalement déterminé à utiliser un style et une taille de police sans tenir compte de certaines règles et en faisant totalement abstraction des conseils des plus professionnels. Nous ne devons jamais oublier qu'il existe certaines normes de base pour appliquer le style et les polices à nos textes et contenus écrits de manière professionnelle et harmonieuse.

Parmi les règles les plus importantes auxquelles vous devez prêter attention aujourd'hui, je vais vous proposer sept éléments essentiels de la typographie web:

• Utiliser des lettres majuscules: Dans les grandes zones inondées de texte ou dans le corps de nos articles, nous ne devons jamais utiliser de majuscules (peut-être pouvons-nous ajouter quelques mots en majuscules pour mettre en évidence un autre concept, mais dans des occasions exceptionnelles. Voici un exemple: NE JAMAIS utiliser de majuscules pour de grandes concentrations de texte ou de titres.

• Taille du texte illisible: Soyez prudent avec la taille que vous définissez dans chacune des zones de votre site Web. Les tailles les plus recommandées sont celles que l'on trouve à partir de 11 points, bien que cela dépende du domaine dans lequel on se concentre. Surveillez le résultat sur chacune des plates-formes ou supports et assurez-vous que la version mobile et la version Web sont de la bonne taille.

• Excès de créativité: Oubliez ces polices plus baroques qui présentent des fioritures excessives. Ces types de polices créatives sont généralement très bons pour la conception de logos ou pour des projets très spécifiques, mais en aucun cas pour apparaître dans de grandes masses de texte. Si vous le faites, vous provoquerez une sensation de dépassement chez le lecteur et une surcharge visuelle excessive n'aidera pas vos visiteurs à continuer à lire.

• Combinaison de sources: Vous êtes sur le point de choisir la police de votre projet Web. Vous êtes entre un rocher et un endroit dur parce que vous considérez que la police Helvetica est plus appropriée et peut sembler assez bonne, mais d'un autre côté vous pensez qu'un Palatino est exactement ce que vous recherchiez. En fin de compte, vous décidez d'utiliser les deux et le pire de tout est que vous les combinez de manière insouciante par toute une mer de lettres. Félicitations, vous avez réussi! Vous vous êtes débarrassé de votre grand dilemme, bien qu'il y ait eu des dommages collatéraux sans la moindre importance: vous avez créé un projet en désordre, sans identité et sans propreté, mais rien ne se passe, hein? (ironie).

• Utilisation excessive de texte centré: Il existe certaines circonstances qui nous obligent à utiliser une structure centrée sur nos textes, comme une énumération de concepts, la présentation d'œuvres et / ou de photographies ... mais cela en termes généraux ne doit jamais être utilisé. Présenter un texte aligné à gauche ou justifié accentuera toujours la sensation d'ordre et de propreté. Vous savez déjà que l'ordre est un objectif que nous devons toujours rechercher dans nos projets.

• Contrastes inadéquats: Dans ce point, nous parlons de toutes sortes de contrastes. Les contrastes, par exemple, avec l'évolution des polices et des styles (gras, italique, souligné ...), des couleurs ... Concernant le sujet des couleurs, le plus académique, simple et net est que l'on utilise toujours une couleur (deux au plus et l'un d'eux devrait être noir). Des contrastes excessifs ne sont pas bons. Nous utilisons le contraste dans n'importe laquelle de ses variantes pour donner une certaine importance à un concept ou pour attirer l'attention de notre public sur quelque chose de défini. Si tu es Marcando les contrastes chaque dos procès-verbal vous allez rendre fou tous ceux qui vous lisent. Soyez donc un peu prudent. Chaque fois que vous utilisez l'un de ces outils expressifs, vous devez le faire avec une justification. Parce que vous pensez que ça a l'air sympa n'est pas une justification et parce que ce n'est pas non plus;)

• Interligne incorrect: L'espacement est un autre aspect important du résultat final de notre projet. Essayez de respecter les espaces et que tous les éléments gardent suffisamment de distance pour qu'il n'y ait pas une sensation de densité écrasante et extrême.

Avant de terminer, j'aimerais vous laisser une petite trousse d'urgence. La plupart des concepteurs Web et des programmeurs utilisent généralement ce que l'on appelle des «polices sûres», parmi lesquelles les suivantes, bien que, bien sûr, si vous choisissez l'une d'entre elles, c'est peut-être parce qu'elle correspond au projet en question: Verdana, Genève, Sans-serif, Georgia, Times New Roman, Times, Serif, Courier New, Courier, Monospace, Arial, Helvetica, Sans-serif Tahoma, Trebuchet MS, Arial Black, Gadget, Palatino Linotype, Book Antiqua, Palatino, Lucida Sans Unicode, Lucida Grande, MS Serif, New York, Lucida Console, Monaco, Comic Sans ... (le dernier ne se fatigue pas, non?)