web-dev-qa-db-fra.com

Police "Best practice" pour les applications Web gourmandes en informations

Nous exécutons une application Web B2B, dense en informations (un helpdesk) et notre police de base est actuellement

13px Helvetica Neue ", Helvetica, Arial, sans-serif

Nous avons pensé à utiliser une police Web pour améliorer cela. Nous en aurions besoin d'une licence libérale (nous devons distribuer l'application, ce n'est pas seulement du SaaS), donc les polices Web Google sont idéales. Notre logiciel est utilisé dans plusieurs langues et jeux de caractères, ce qui est également un facteur important.

Existe-t-il une police recommandée à cet effet qui soit supérieure à celles par défaut?

9
Chris Padfield

À mon avis, il est préférable d'utiliser les polices natives du système d'exploitation que vous ciblez. Ces polices ont été conçues pour être lisibles à l'écran pour cette plate-forme particulière, et elles se sentiront également naturelles pour l'utilisateur quotidien, car il est déjà habitué à les voir dans tout l'environnement.

Segoe UI a été conçu pour Windows 7 et supérieur si je ne me trompe pas .Lucida Grande est utilisé dans MacOS X. La distribution Linux la plus populaire utilise la police Ubuntu. Donc, aller avec une famille de polices comme 'Segoe UI', 'Lucida Grande','Ubuntu','sans-serif', la plupart du temps, votre application utilisera la police de la plateforme sur laquelle elle est utilisée.

9
Carlos Blanco

supérieur, pour des informations denses? Helvetica. Peut-être que si vous aimez mieux le travail de Frutiger, vous pouvez essayer de continuer avec Univers (je suppose qu'ils ont une version Univers Next pour les médias numériques), mais Helvetica est la police du texte à l'écran, point. C'est pourquoi il est utilisé pour de telles applications, et c'est pourquoi c'est la police par défaut sur Windows (Arial est proche de Helvetica), OS X et les linux pré-Ubuntu (Ubuntu utilise une police Dalton Maag appelée - surprise - Ubuntu, qui prend en charge tous les principaux langues).

Personnellement, je ne pense pas qu'il existe une police supérieure pour Helvetica.

Mais la lisibilité n'est pas seulement un choix basé sur la police elle-même: vous devez prendre en compte le système de rendu de police réel utilisé (le texte sur OS X est beaucoup plus lisible que sur Windows en raison de la technologie anti-aliasing différente), bien sûr le taille de police, mais aussi interligne, espacement des mots et espacement des lettres. Vous pouvez faire ressortir différents effets de l'ancien Helvetica tout simplement en augmentant l'espacement des lignes et en le combinant avec d'autres sans-empattements.

Chaque fonderie qui a créé une police Web affirme avoir conçu sa police pour la lisibilité, mais ça alors!

La plupart des polices conçues par les États-Unis sur les polices Web Google ne prennent même pas en charge le latin-1, et en ce qui concerne le latin-2 ou les jeux de caractères asiatiques, ils sont morts. Cela s'applique à PT Sans, la police du corps pour Smashing Magazine, elle ne prend pas en charge le latin-2.

Vous pouvez vous en sortir avec deux ou trois polices pour l'application, ce ne sera donc pas si monotone.

Verdana a été conçu pour les écrans dans les années 90, mais cela a été fait avec des écrans de résolution beaucoup plus faible (comme dans, points par pouce) que ce que nous avons aujourd'hui. Je ne pense pas que nous avons besoin de Verdana aujourd'hui, même si je ne dirais pas que vous ne devriez pas l'utiliser.

Vous pouvez essayer des combinaisons de polices avec Google Fonts sur font-combinator et vous pouvez télécharger son code source au cas où vous auriez besoin de modifications.

Smashing Magazine a un excellent collection d'articles sur la façon de choisir les polices, comme ici ou ici .

Vous pouvez lire sur la typographie dans The Element of Typographic Style de Bringhurst (appliqué aux médias numériques ici ) qui est considéré comme la Bible typographique moderne, ou Tischold's The New Typography , qui est un titre vieux de près de cent ans.

Donc, non, je suis d'accord avec ceux du film Helvetica qu'il n'y a pas de police supérieure à Helvetica.

Mais c'est peut-être juste mon style ...

(Et à vrai dire, j'utilise également Avenir Next (la version optimisée pour le numérique) dans l'un de mes principaux projets juste pour cet effet subtil de changement d'humeur qu'il a ... Helvetica est neutre, Avenir est un peu, un un peu différent)

2
Aadaam

Google vient de publier une famille de polices Web qui vise à prendre en charge toutes les langues du monde. Son objectif de conception est de parvenir à une harmonisation visuelle entre les langues. http://www.google.com/get/noto

1
rickcornett

Arial a tendance à mieux performer à l'écran que Helvetica à des tailles plus petites. Mais il existe certainement de nombreuses autres options sans avoir à revenir à l'incorporation de polices Web. La plupart des polices par défaut de Windows sont bien conçues et conçues pour accueillir des écrans. La Géorgie, Verdana, Tahoma existent depuis un certain temps et avec des visages Windows 7 tels que Calibri sont d'excellentes options.

De toute façon, je ne recommanderais pas l'intégration de polices Web pour les faces de texte en raison du rendu encore incohérent des polices intégrées dans les navigateurs et les systèmes d'exploitation.

0
DA01