Le traitement des polices dans la conception Web ne peut être surestimé. Après tout, les pages Web sont utilisées pour transmettre des informations, et le moyen le plus classique et le plus direct de transmettre des informations est le texte. Par conséquent, la compréhension de certaines connaissances de base sur les polices est toujours très importante pour la conception. de.
La plus grande différence entre le chinois et l'anglais est que le chinois a des caractères carrés et l'anglais des caractères pinyin. Cela a un impact énorme sur le traitement des polices. Si vous regardez le diagramme ci-dessous, vous constaterez que les changements dans la police anglaise sont atténués dans la police chinoise.
En tant que lecteur chinois, j'accepte habituellement la forme carrée comme unité de lecture. En fait, c'est un moyen facile pour les yeux de se fatiguer. Lors de la lecture, vos yeux suivent en fait la forme de la ligne entière du texte. Jetez un œil à cet exemple.
MAINTENANT J'AI ESSAYÉ DE VOUS PARLER ET DE VOUS FAIRE COMPRENDRE
Maintenant j'ai essayé de te parler et de te faire comprendre
Quelle ligne est la plus facile à lire ?
La première ligne est quelque peu similaire à la situation en chinois. La différence est que chaque caractère chinois est comme une peinture et ses modifications sont beaucoup plus riches que les 26 lettres anglaises. Pour nous, nous avons accepté cette fonctionnalité, mais lors de la conception, il y en a encore. certaines questions qui doivent être prises en compte. Je ne suis pas un concepteur. Si ce que j'ai dit est faux, veuillez laisser un message ci-dessous pour en discuter. Ces contenus sont présentés comme principes généraux lorsque j'enseigne la Typographie. Je dis aussi aux étudiants : « Le but de la règle est de briser la règle. » Le principe de conception lui-même est de briser le principe, ce qui est aussi une manifestation de ce qu'on appelle la créativité. Le problème est que vous devez d’abord connaître les principes et pratiquer en les respectant. Ce n’est qu’après vous être familiarisé avec les principes que vous pourrez les briser et montrer votre créativité. Briser les principes ne signifie pas que les principes sont imparfaits ou erronés. mais seulement votre utilisation ingénieuse de ces principes, vous en avez cassé quelques-uns, et en même temps vous avez fait une certaine compensation pour les parties que vous avez cassées, ce qui semble tout à fait philosophique.
Personnellement, je pense que les principes les plus importants sont (applicables à l'anglais) :
Lors du choix d’une police, vous devez tenir compte de l’objectif du texte. S’agit-il d’un titre ou d’un paragraphe ?
De manière générale, les polices san serif conviennent à une utilisation comme titres, comme Arial ; les polices serif conviennent à une utilisation comme texte de paragraphe, comme Time New Roman. Pour la conception Web, il existe plusieurs polices que je recommande fortement, telles que Verdana, Tahoma et Georgia. En fait, une police comme Verdana a été conçue par les meilleurs concepteurs de polices du monde pendant près de deux ans. Microsoft se charge de payer la facture et la fournit ensuite gratuitement aux utilisateurs. Cette police fait partie de l'installation d'IE 4. Pour la version ci-dessus, votre ordinateur doit disposer de cette police, vous n'avez donc pas à vous soucier de savoir si l'utilisateur possède cette police. Il est conçu pour prendre en compte les problèmes auxquels les polices peuvent être confrontées lorsqu'elles sont affichées à l'écran et apporte des réponses presque parfaites. Le seul problème est que sa quasi-perfection ne nous laisse aucune personnalité dans son utilisation, car tout le monde l'utilise.
Taille de la police ?
Il y a de nombreuses discussions sur le forum pour savoir lequel est le meilleur, pixel ou point ? Je ne le répéterai pas. Ce que je veux souligner ici, c'est qu'il existe de nombreuses unités différentes de taille de police en CSS, et il existe environ trois catégories :
Taille absolue : mm, cm, po, pt, pc
Taille relative : em, ex
Par rapport à l'appareil : px
Je voudrais peut-être dire quelques mots supplémentaires sur em et ex. Em représente la taille de la police en CSS. Par exemple, pour une police de 12 pt, 1 em est égal à 12 pt.
p{
taille de police : 10 pt ;
retrait du texte : 1em
}
Peut-être direz-vous que je peux utiliser text-indent: 10pt pour obtenir le même effet, mais ce n'est que dans des circonstances idéales si l'utilisateur estime qu'il est préférable de définir la taille de police de son navigateur sur 14pt, la proportion que vous concevez. Elle est perdue, la taille relative est donc très bénéfique pour la conception évolutive des pages Web.
ex est similaire à em, mais pas identique. En revenant au diagramme ci-dessus, la hauteur x est différente pour chaque police. ex définit la taille de la police en fonction de la hauteur x de la police.
Alignement?
Il est préférable d'utiliser l'alignement à gauche, en particulier d'éviter d'utiliser l'alignement à gauche et à droite, sauf si vous avez un objectif de conception particulier. Le désalignement du côté droit lors de l'alignement à gauche est uniquement destiné à faciliter la lecture. Le changement sur le côté droit est une aide. à votre vue. Utilisez les changements pour indiquer à vos yeux qu'il est temps de changer de ligne.
Espacement des lignes ?
L'espacement des lignes dépend de la taille de la police. De manière générale, les petites tailles de police nécessitent un espacement des lignes plus grand pour faciliter la lecture. S'il n'y a pas de paramètre d'espacement des lignes pour les polices chinoises sur une page Web, ce sera un désastre pour les lecteurs de lire de gros paragraphes. du texte. Par conséquent, il est très nécessaire de définir la hauteur de ligne de manière appropriée. Généralement, la hauteur de ligne dans la conception Web doit être 1,5 fois à 2 fois la taille de la police. Dans Word et d’autres logiciels d’édition de texte, 120 % de la police est généralement définie comme interligne par défaut. Le paramètre de hauteur de ligne en CSS est divisé uniformément et ajouté en haut et en bas de chaque ligne, c'est-à-dire que si la hauteur de ligne est définie sur 20 px, chaque ligne de texte aura un espacement de 10 px en haut et en bas. bas.
Espacement des mots et espacement des caractères ?
Pour des usages très particuliers, les deux devraient être les mêmes pour le chinois. Ce paramètre lui-même vise à résoudre certains défauts de conception des polices et à augmenter la lisibilité du texte.