2010-01-22 3 views

Répondre

0

Compatible avec votre application.

+4

Eh bien, mieux serait cohérent dans tout le système. C'est là que les directives de l'interface utilisateur entrent en jeu. – Joey

3

Cela dépend de la plate-forme et de ses directives de conception respectives.

Sur de Windows il est 7 DLU ou 11 px:

marges de boîte de dialogue: 7 DLU sur tous les côtés ou 11 pixels sur tous les côtés

- Windows User Experience Interaction Guidelines

En Mac OS X, Apple n'impose pas une taille spécifique de la marge de dialogue, mais recommande uniquement

Bords égaux des deux côtés et du bord inférieur de la fenêtre (la fenêtre de la Figure 16-4 utilise une marge de 20 pixels dans ces zones).

- Apple Human Interface Guidelines

Pour GNOME il est 12 px:

Laisser une bordure de 12 pixels entre le bord de la fenêtre et les contrôles les plus proches.

- GNOME Human Interface Guidelines 2.2

6

Les directives UX Windows suggèrent d'utiliser un 7 rembourrage DLU tout autour sur une boîte de dialogue.


  • Une unité de dialogue (DLU) est basée sur la taille moyenne d'un caractère. Il est défini de sorte que le caractère "moyen" soit de 4 DLUs de large par 8 DLUs élevés.

  • La taille d'un caractère moyen varie en fonction de la police, de la taille de la police et de la résolution en cours d'exécution de l'utilisateur. Cela signifie que les DLU ne sont pas une constante entre les machines, ou entre les utilisateurs sur la même machine.

  • Différentes polices ont des formats différents. Cela finit par signifier que la taille en pixels d'une DLU sera différente dans les directions horizontale et verticale.


En regardant cette taille particulière (rembourrage de dialogue de 7 DLUS):

  Segoe UI 9pt, 96dpi Tahoma 8pt, 96dpi 
dlus  px  py    px  py 
================================================== 
1x1  1.75 1.875   1.250 1.625 
4x8  7  15    6  13  Definition of DLU: Average character=4x8 
7x7  12.25 13.125   8.75 11.375 Dialog box margin - all sides (7) 

Donc, si l'utilisateur est en cours d'exécution 9pt Segoe UI à 96 dpi (Windows Vista et 7 par défaut) , vous voulez une marge supérieure et inférieure de 13px, et une marge gauche et droite de 12px. Si l'utilisateur exécute Tahoma 9pt à 96 ppp (Windows 2000 et XP par défaut), vous voulez une marge supérieure et inférieure de 11px et une marge gauche et droite de 9px.

Autres dimensions communes:

  • MS Sans Serif, 8pt, 96 dpi (par défaut Windows 9x)
  • Tahoma de 8pt, 96dpi (par défaut Windows 2000/XP)
  • Tahoma 8pt, 120dpi (Windows 2000/XP grandes polices)
  • Segoe UI de 9 points, 96 dpi (par défaut Windows Vista/7)
  • Segoe UI 9pt, 120 dpi (Windows Vista grandes polices par défaut, Windows 7 par défaut haute dpi)
  • 11pt Segoe UI, 96 ppp (ce que je cours au travail)
  • de 9pt Segoe UI, 137 ppp (ce que je cours à la maison)

Et voilà pourquoi la création d'interfaces utilisateur est difficile. Il est difficile de bien faire les choses, et la plupart des développeurs préfèrent ne pas se tromper et prétendre que les utilisateurs n'ont pas de préférences de polices, ou ne modifient pas leur paramétrage.

Et le fait que la question ait été posée il y a 4 mois, puis abandonnée, semble confirmer que les développeurs ne veulent pas entendre les réponses difficiles.

Questions connexes