InterfaceFontVariation

Differences between revisions 4 and 5
⇤ ← Revision 4 as of 2010-12-15 18:32:39 →
Size: 995
Editor: eth0
Comment: + Windows and Mac OS X links
← Revision 5 as of 2010-12-15 19:05:18 → ⇥
Size: 1973
Editor: eth0
Comment: + Windows 7, Mac OS X, and iOS
Deletions are marked like this. Additions are marked like this.
Line 8: Line 8:
== What Ubuntu does == == What Ubuntu 10.10 does ==
Line 14: Line 14:
http://msdn.microsoft.com/en-us/library/aa974176.aspx#fonts The Windows User Experience Interaction Guidelines specify [[http://msdn.microsoft.com/en-us/library/aa974176.aspx#fonts|13 font styles]], using one typeface in four sizes, two weights, and four colors:
 * Title bar text
 * Main instructions
 * Secondary instructions
 * Normal text
 * Emphasized text
 * Editable text
 * Disabled text
 * Links
 * Links (hover)
 * Group header
 * File name in content view
 * Document text
 * Document headings
Line 18: Line 31:
http://developer.apple.com/library/mac/#documentation/UserExperience/Conceptual/AppleHIGuidelines/XHIGText/XHIGText.html#//apple_ref/doc/uid/TP30000365-TPXREF113 The Apple Human Interface Guidelines for Mac OS X specify [[http://developer.apple.com/library/mac/#documentation/UserExperience/Conceptual/AppleHIGuidelines/XHIGText/XHIGText.html#//apple_ref/doc/uid/TP30000365-TPXREF113|eight font styles]], using one typeface in five sizes, two weights, and one color:
 * System
 * Emphasized system
 * Small system
 * Emphasized small system
 * Mini system
 * Emphasized mini system
 * Application
 * Label
Line 21: Line 42:

The Apple Human Interface Guidelines for iOS specify [[https://developer.apple.com/library/ios/#documentation/UIKit/Reference/UIFont_Class/Reference/Reference.html#//apple_ref/doc/uid/TP40006891-CH4-SW22|four system font styles]]:
 * label
 * button
 * system
 * small system.

Most GTK themes, including Ubuntu’s Light themes, currently use a single font — one typeface in one size and one weight — for nearly all interface elements. This makes some things harder to see than they should be, some things larger than they should be, and generally looks monotonous.

To fix this, we should evaluate what exactly Ubuntu does, what other operating systems do, what would look most beautiful, and how we will achieve it.

What Ubuntu 10.10 does

What other operating systems do

Windows 7

The Windows User Experience Interaction Guidelines specify 13 font styles, using one typeface in four sizes, two weights, and four colors:

  • Title bar text
  • Main instructions
  • Secondary instructions
  • Normal text
  • Emphasized text
  • Editable text
  • Disabled text
  • Links
  • Links (hover)
  • Group header
  • File name in content view
  • Document text
  • Document headings

Mac OS X

The Apple Human Interface Guidelines for Mac OS X specify eight font styles, using one typeface in five sizes, two weights, and one color:

  • System
  • Emphasized system
  • Small system
  • Emphasized small system
  • Mini system
  • Emphasized mini system
  • Application
  • Label

iOS

The Apple Human Interface Guidelines for iOS specify four system font styles:

  • label
  • button
  • system
  • small system.

Android

What we should do

InterfaceFontVariation (last edited 2012-04-23 09:17:22 by mpt)