2010-01-22 172 views

回答

0

在您的應用中保持一致。

+4

那麼,整個系統會更好。這就是用戶界面準則發揮作用的地方。 – Joey 2010-01-22 16:20:38

3

這取決於平臺及其各自的設計準則。

的Windows這是7 DLU或11像素:

對話框邊距:7 DLU所有各方或11個像素在各方面

- Windows User Experience Interaction Guidelines

Mac OS X,Apple沒有強制使用對話框填充的特定大小,而只是建議使用

窗口兩側和底部邊緣的等邊距(圖16-4中的窗口在這些區域中使用20像素邊距)。

- Apple Human Interface Guidelines

對於GNOME這是12像素:

離開窗口的邊緣和最近的控制之間的12像素的邊框。

- GNOME Human Interface Guidelines 2.2

6

在Windows UX指南告訴你周圍使用7 DLU填充對話框上的所有道路。


  • 甲對話單元(DLU)是基於字符的平均尺寸。它被定義爲使得「平均」字符是4個DLU寬8個DLU高。

  • 平均字符的大小根據用戶當前正在運行的字體,字體大小和dpi而變化。這意味着DLU不是機器之間或同一臺機器上的用戶之間的常量。

  • 不同的字體有不同的寬高比。這最終意味着DLU的像素大小將在水平和垂直方向上不同。


望着這個特殊的尺寸(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) 

因此,如果用戶正在以96 dpi(在Windows Vista和Windows 7默認值)運行的Segoe UI宋體,您需要13px的頂部和底部邊距,以及12px的左右邊距。

如果用戶在96dpi(Windows 2000和XP默認)下運行Tahoma 9pt,則需要11px的頂部和底部邊距以及9px的左右邊距。

其他常見的尺寸:

  • 宋體,8PT,96DPI(Windows 9x中默認)
  • 宋體8PT,96DPI(在Windows 2000/XP默認)
  • 宋體8PT,120DPI(在Windows 2000/XP大字體)
  • 的Segoe UI宋體,96DPI(的Windows Vista/7默認)
  • 的Segoe UI宋體,120 DPI(Windows Vista中大字體默認情況下,Windows 7的高DPI默認)
  • 的Segoe UI 11磅,96 DPI(我在工作中運行)
  • 的Segoe UI宋體,137 dpi的(我在家裏運行)

這就是爲什麼創建用戶界面是很難的。很難做到這一點,大多數開發人員寧願只是將自己的頭腦置於沙地中,假裝用戶沒有字體偏好設置或更改dpi設置。

事實上,這個問題在4個月前被問到,然後被放棄,似乎證實開發人員不想聽到這些硬性答案。