web-dev-qa-db-fra.com

Existe-t-il une mesure de taille de police unifiée dans toutes les applications?

Ce n'est pas précisément lié à l'UX, mais très important pour la conception de l'interface utilisateur en général. En résumé, entre les applications (Photoshop, Dreamweaver, Flash) et les plates-formes (navigateurs, .NET, Mac, Silverlight, etc.), les tailles de police sont toujours incohérentes. Certains le mesurent en points, pixels, em, mm, twips et autres, mais 20 points dans Photoshop sont toujours différents de 20 points dans Dreamweaver.

Cela rend très difficile de juger les tailles de police pour la conception d'interface utilisateur graphique et de page Web en général, et il est impossible de mémoriser des nombres car le même nombre signifie des choses différentes pour différentes applications et plates-formes.

Existe-t-il une métrique ou une calculatrice unifiée qui vous donne les tailles de police correspondantes dans toutes les applications?

3
Robinicks

Malheureusement pas vraiment. Ce que vous demandez, c'est une unité de mesure absolue, qui devrait faire des points, picas, millimètres, pouces, etc. toutes des options valides (pour toute définition définie de "point", au moins - cela signifiait 72,27 PPI, mais a été normalisé à 72 PPI pour PostScript).

Lorsque le Macintosh est sorti pour la première fois, sa densité d'écran physique était de 72 pixels par pouce (donc 1px était égal à 1pt). Par conséquent, le logiciel système Mac standardisé sur 72 PPI. Malheureusement, cela signifiait le rendu de texte de taille assez standard (par exemple 10 pt) à une très petite taille (10 px de hauteur), ce qui, sans l'avantage de la résolution d'impression, est une représentation très grossière de vos polices.

Microsoft a donc décidé sous Windows de représenter l'écran dans le logiciel sous la forme 96 PPI (quelle que soit la taille réelle des pixels sur votre moniteur). Les écrans physiques étaient toujours fabriqués à 72 PPI, donc les éléments à l’écran étaient donc un tiers (33%) plus gros qu’ils ne l’étaient en réalité. Un carré de 1 pouce à l’écran représenterait donc un carré de 0,75 pouce.

Vous mentionnez maintenant que vous essayez de faire correspondre les unités de Photoshop à celles de Dreamweaver. Assurez-vous que votre document Photoshop utilise le bon PPI (dans la fenêtre Taille de l'image) pour votre plate-forme. Si vous recevez des conceptions d'une version Mac de Photoshop et que vous les marquez ensuite dans Dreamweaver sur Windows vous voudrez changer le document pour utiliser 72 PPI au lieu de 96 PPI (ou vice versa si vous allez dans l'autre sens).

Attention cependant: les tailles de texte absolues ne sont pas recommandées pour une utilisation sur le web :

Ne spécifiez pas le font-size dans pt, ou autre absolu nités de longueur pour les feuilles de style d'écran. Ils s'affichent de manière incohérente sur toutes les plates-formes et ne peuvent pas être redimensionnés par l'agent utilisateur (par exemple, le navigateur).
Conservez l'utilisation de ces unités pour le style sur des supports aux propriétés physiques fixes et connues (par exemple, l'impression).

4
Kit Grose

Je ne sais pas si cela répond entièrement à votre question, mais quelques détails supplémentaires:

Les points, lorsqu'ils sont utilisés pour mesurer le type, ne vous indiquent pas réellement la hauteur des caractères. Au contraire, ils vous indiquent la hauteur de la boîte englobante invisible qui entoure le personnage. Cela est dû à la façon dont le type physique était créé (un personnage au-dessus d'un morceau de plomb ou de bois). En tant que tel, deux polices de caractères de même taille en points peuvent très bien avoir des caractères de taille entièrement différente.

Cela dit, en termes généraux, comme beaucoup l'ont dit, un point est conçu pour être une unité physique de mesure spécifique 1pt = (à l'ère numérique) 1/72e de pouce. Un carré de 72 points doit donc être imprimé sur papier comme un carré de 1 ".

Les pixels sont un autre maladroit. Sur les appareils physiques (écrans), un pixel est une chose spécifique ... un "point" RVB. Et ceux-ci varient considérablement en taille d'un écran à l'autre.

En CSS, cependant, un pixel est une mesure "virtuelle". Et se traduit à peu près au 1/96e de pouce.

Dans PhotoShop, cependant, un pixel doit représenter un pixel de données dans l'image, qui variera selon la taille que vous imprimez votre image.

En plus de cela, n'oubliez pas que les utilisateurs peuvent également modifier ces paramètres dans leur navigateur Web. Donc, en fin de compte, il y a un peu d'écart ici.

2
DA01

Les pixels ont des tailles différentes qui font que l'effet visuel de la même taille de police diffère entre les écrans. La mesure utile ici n'est pas seulement la taille de la police, mais plus le nombre de pixels par pouce. Si vous avez 72 pixels par pouce, une police de 18 pixels semblerait beaucoup plus grande que sur un écran de 96 pixels par pouce.

Vous pouvez voir le même effet en photographie (image de outbackphoto.com):

enter image description here

Même si le raisonnement sur l'image concerne les appareils photo - cela fonctionne de la même manière à l'écran. Pour en savoir plus sur le sujet, consultez le Article Wikpedia Pixel denisty :

Les pixels par pouce (PPI) ou la densité de pixels sont une mesure de la résolution des appareils dans divers contextes: généralement des écrans d'ordinateur, des scanners d'images et des capteurs d'images d'appareils photo numériques.

1
Benny Skogberg

Le point essentiel (heh, désolé) est d'être indépendant de l'appareil. Diverses applications sont censées savoir comment afficher une police à 12 points en tant que police à 12 points, et non plus grande/plus petite. Bien sûr, l'utilisateur peut modifier le grossissement de l'écran (Apple-Shift-+ sur de nombreuses applications MacOS), ce qui affectera davantage la taille de la police.

Si vous devez convertir des pixels en points, vous avez besoin de deux bits d'information:

  • Les dimensions physiques de l'écran
  • La résolution en pixels de l'écran

La formule de conversion verticale des pixels en points est la suivante:

(pixelCount * verticalScreenInches * 72) / verticalScreenPixels

Notez que la taille de pixel verticale n'est pas toujours la même que la taille de pixel horizontale. (ie: les pixels ne sont pas toujours carrés.)

1
slashingweapon

Jetez un oeil à pixel indépendant de l'appareil , une unité de mesure qui apparaît cohérent dans toutes les applications matérielles (en théorie, de toute façon). En fait, la taille des pixels dépend de la distance prévue entre le spectateur et l'écran, donc plus vos yeux sont éloignés de l'appareil, plus les pixels doivent être grands!

A List Apart a plus d'informations.

1
Sam Pierce Lolla