web-dev-qa-db-fra.com

Que pensez-vous d'une police d'aspect possessif pour une application Web?

Je suis en train de créer un site Web/une application Web où les entreprises peuvent effectuer leur comptabilité. C'est en quelque sorte une alternative au programme de comptabilité de bureau habituel.

Je souhaite que l'application ressemble à une application de bureau normale et non à un site Web traditionnel.

Selon vous, quels types de polices et de tailles de polices sont proches de l'application de bureau traditionnelle.

Je suis styling en CSS.

1
Saif Bechan

Cette réponse ne vous dirigera pas directement vers une recommandation spécifique, mais je voudrais vous signaler qu'il existe des polices conçues pour être utilisées sur des écrans d'ordinateur. Ce qui les différencie des autres polices est le manque de détails qui pourraient être perdus ou se dégrader de manière non gracieuse lorsqu'ils sont limités par deux facteurs importants de l'écran:

  • faible résolution (surtout par rapport à l'impression, telle que 72+ dpi contre 600+ dpi)
  • petite taille - étant donné que les applications afficheront généralement le type dans une plage de 10 à 12 points

Le support standard pour cela a été défini avec le Macintosh qui avait certaines polices destinées à l'écran et non à l'impression:

  • Chicago, une police audacieuse pour les menus
  • Geneva, une police sans empattement à utiliser à l'écran
  • New York, une police empattée à utiliser à l'écran
  • Monaco, une police à largeur fixe pour une utilisation à l'écran

Il me semble me rappeler que même lorsque la prolifération de polices vectorielles ou vectorielles (via True Type, mais Postscript avec Adobe Type Manager était une norme courante auparavant), certains insistaient pour que les polices à l'écran être juste cela. Finalement, cependant, des versions de contour ont été publiées pour ces polices.

La règle empirique était que les polices nommées par la ville étaient destinées à être utilisées à l'écran et les autres polices (Times, Helvetica, etc.) étaient destinées à l'impression. Les polices à l'écran étaient disponibles pour le système d'exploitation à différentes tailles de points communes et il n'existait pas de système standard permettant de redimensionner en douceur le type en dehors des tailles de points contenues dans le système (là encore, à l'exception d'Adobe Type Manager ou "ATM" et de PostScript). et plus tard, True Type).

Donc, si nous rendons hommage à l'histoire, voici les points à retenir:

  • Choisissez quelque chose dont la taille et la résolution sont réduites avec élégance
  • Idéalement, choisissez une police conçue pour les limites des écrans vidéo.

En 2010, Adobe s'est associé à Typekit pour améliorer certaines de ses polices très établies, en les modifiant pour les fonctionnalités actuelles de l'écran (amélioration de la résolution, de l'antialiasing et du rendu vectoriel). Ce partenariat a mis à disposition plus de 500 caractères typographiques (pas tout à fait les mêmes 1: 1 que les "polices").

(Si vous y tenez, voir " Quelle est la différence entre une police et une police de caractères? ")

En utilisant Typekit, vous pouvez obtenir une licence très abordable pour l’utilisation des polices bien acceptées par le fabricant standard. Il y a plus de 500 visages dans la bibliothèque (tous ne proviennent pas d'Adobe), contenant des polices aussi utilisées que Myriad Pro. Personnellement, je vous guiderais vers le choix de trois types de visages:

  1. un poids "lourd" pour les menus les plus en haut, et les titres d'alerte (éventuellement lourds et condensés)
  2. une police Sans Serif pour le texte d’interface utilisateur non généré par l’utilisateur, deux graisses: gras et moyen
  3. une police Serif ou Slab Serif, éventuellement conçue pour compléter votre choix de polices Sans Serif (parfois nommées de la même manière, parfois simplement comme complément) - ceci, je l’utiliserais pour des passages plus volumineux et texte saisi par l'utilisateur final

Voici un lien vers les polices Adobe sur Typekit, vous ne pouvez pas vous tromper en utilisant ceci comme pool de sélection:

http://typekit.com/foundries/Adobe/fonts/

Personnellement, j'aime bien:

  • Nouvelles Gothic Std, bold
  • Myriad Pro Semi Condensé, Léger ou régulier
  • Minion Pro, régulier

(respectif de l'ordre des catégories que j'ai mentionnées précédemment)

3
Chris Adragna

Je pense que vous devriez vous demander si la police est facile à lire, plus que l’air professionnel. Je ne veux pas dire utiliser Comic Sans pour tout, parce que cela donnerait un air amateur et donnerait l’impression qu’il était destiné aux écoliers.

Une police comme Helvetica est facile à lire et élégante, et je commence à l’utiliser pour la plupart de mes sites Web (ce que j’aime penser, elle a une apparence professionnelle). Mais en dehors de la police, vous devez vous demander à quoi ressemble le dessin et déterminer s’il s’agit du dessin lui-même (comme les couleurs et la disposition, etc.). Une mauvaise conception peut annuler l'effet d'une police. Une police utilisée par exemple par la BBC pour son site d'informations, pourrait sembler déplacée sur un site Web tel que celui de Cartoon Networks. Et vice versa.

Des polices comme Helvetica ou Georgia sont d'apparence professionnelle, mais vous devez vous rappeler à quoi ressemble le design de votre site. Si la conception n’est pas assez professionnelle, la police n’aura aucune importance.

3
mickburkejnr

en lisant votre question, (cela semble un projet intéressant), quelques choses me viennent à l’esprit, si j’étais un de vos clients, j’apprécierais:

  • Lisibilité
    (en général, ainsi que votre utilisation spécifique pour l'application de comptabilité)

  • but
    prend en charge les caractères spéciaux propres à vos objectifs/à votre comptabilité. Imaginez à quel point il serait embarrassant pour une devise spéciale telle que le yen japonais ou la roupie indienne de ne pas être pris en charge par les traders internationaux, faisant ainsi instantanément apparaître la différence entre un logiciel véritablement professionnel et une autre application bon marché.

  • acceptation
    Dans quelle mesure une police de caractères s'est-elle révélée digne d'une utilisation à long terme?

  • Public
    (les clients plus âgés ont des difficultés à lire ce que je pense être petit et élégant)

  • Nombres
    La comptabilité consiste à organiser des nombres et des notes. Peut-être un défi égal est-il de rechercher une police de caractères qui présente joliment des chiffres, car je regarderais plus souvent mon revenu annuel de _426,119.00 $_ que tous les mots combinés dans une publication, si seulement c’était mon revenu: I

1
Sam

C'est une question étrange.

D'abord parce que chaque environnement de bureau a sa propre apparence. Windows XP! = Windows Vista! = Windows 7! = Mac OS X! = Gnome! = KDE ....

De plus, je connais beaucoup de gens qui utilisent par exemple Windows XP avec le thème "Desert". Et oui, cela donne un autre aspect. Bien que détecter le système d'exploitation client soit possible, détecter son apparence actuelle ne l'est pas. Et c'est ce qui rend votre vie difficile à partir de maintenant.

Mais je pense savoir ce dont vous avez besoin. Vous voulez créer un site tel que http://4shared.com , avec une apparence graphique. Eh bien ... c'est la référence alors. Allez-y et prenez leur CSS.

0
Dave

Tant que la police n'est pas odieuse et que vous utilisez judicieusement des styles tels que gras et italique, vous êtes sur la bonne voie.

En outre, NE PAS PAS définissez simplement la police dans une application Web de manière à définir simplement une famille de polices comme premier choix. J'ai eu un appel d'assistance technique une fois où une dame a conçu son site sur Safari et j'étais assez consterné par le fait que IE n'était pas si gentil avec sa police d'en-tête; En fait, elle a tout simplement défini le "script", qui correspond par défaut au choix du navigateur pour cette famille.

0
Kaji