Quelles polices sont bonnes et lesquelles devons-nous éviter pour l'interface utilisateur de notre application?
Que conseillez-vous pour sélectionner les polices de votre interface utilisateur?
Lisez cet article sur la lisibilité des polices . Regardez au moins ce graphique de à l'écran temps de lecture ( ligne plus courte = plus rapide/meilleure ):
Les différences ne sont pas si grandes, mais il convient de noter que Times (une police serif) est arrivée en deuxième position.
Pour un texte de taille moyenne à grande, envisagez ClearType (ou toute autre alternative d'Apple pour cela). Pour le très petit texte (~ <= taille 10,5, selon mon expérience), cela peut sembler flou (contrairement à son intention) - voir l'explication WPF à ce sujet . Je suis généralement d'accord avec la réponse de KahWee Teng - respectez la plate-forme par défaut pour les applications non Web, sauf s'il existe une raison impérieuse de ne pas le faire.
En général, pour les petits caractères, il est préférable (plus agréable pour les yeux) d'utiliser une police sans empattement. Pour les caractères plus grands, une plus grande liberté d'expression est "autorisée" pour les différents types de visages, car il est plus facile de lire des lettres plus grandes.
Pour les écrans plus petits tels que les appareils mobiles, il est préférable d'utiliser des polices sans empattement. En fin de compte, vous devriez consulter les guides de l'interface utilisateur de la plate-forme pour rendre votre application native (sauf si vous créez un jeu).
De mon point de vue, et le cas échéant (domaine et système), vous devez utiliser la police actuellement configurée. Si l'utilisateur a choisi une police pour son système, qui êtes-vous pour lui dire le contraire?
Bien sûr, son conseil est nul si vous faites une application créative, ou sur un système où il n'y a pas de configuration standard.
Je voulais ajouter qu'aucune police n'est une solution miracle. Bien qu'une mauvaise police et que vous perdiez le jeu, une grande police lisible et lisible ne la gagnera pas non plus pour vous.
Une fois que vous avez une police que vous aimez et qui correspond à votre voix, vous devez vous assurer de toujours faire attention à la façon dont vous utilisez cette police. Voici quelques éléments à considérer:
- Hauteur de ligne - La hauteur de ligne que vous utilisez varie en fonction de votre corps de texte et de la longueur de votre ligne
- Longueur de ligne - Vous voudrez garder cela sous contrôle. Trop long et les lecteurs se perdront, trop court et la lecture sera saccadée et cassée.
- Taille de police - Cela est évident, mais vous pouvez également l'utiliser pour augmenter la longueur des lignes.
- Contraste - Si vous voulez qu'il soit lisible, vous avez besoin d'un contraste suffisant. Aussi
beaucoup de contraste et ça commence à bourdonner et à faire mal. Un exemple de ce qu'il ne faut pas faire est d'avoir un
page blanche, avec du texte noir pur en haut. - Rythme - Prenez soin de l'espacement vertical entre les blocs de texte. Voici UN
Ces principes et une tonne de plus sont couverts par une excellente ressource à http://webtypography.net/ dans une ressource appelée " Les éléments du style typographique appliqué au Web " .
Il contient une tonne d'informations, de principes et de techniques pour garantir que votre utilisation du type est lisible, lisible et agréable.
Il y a beaucoup de facteurs ici. Quelle est l'application? Un site Web? Une application mobile? Propre est la voie à suivre. Pour les petits appareils, Apple utilise Helvetica. Bien que ce ne soit pas ma police préférée, elle est propre et facile à lire.
Cet article est un peu dépassé (2005).
Un article plus récent: http://www.vanseodesign.com/web-design/legible-readable-typography/
Et lié à l'article (qui n'est pas du tout lisible, honnêtement):
http://www.sitepoint.com/typography-readability-and-legibility-part-1/
http://www.sitepoint.com/typography-readability-legibility-part-2/
Pour les gros corps de texte, les polices sans empattement (par exemple, Tahoma, Arial) ont tendance à bien fonctionner à l'écran, tandis que les polices à empattement (par exemple, Times New Roman) fonctionnent bien à l'impression.
En supposant que vous ne détruisez pas les yeux de l'utilisateur avec quelque chose de bouclé et de rose, la taille de votre police (14px + sur un grand écran), l'espacement des lignes et un bon contraste de fond peuvent avoir un effet plus important sur la lisibilité que le visage de la police, à mon avis.