User Experience‎ > ‎

Resolution Independence


UI under development. Designs are subject to change.


We are focusing on two primary resolutions (at 1280@125dpi and 1366@150dpi), but should behave well on standard shipping netbooks.


Prototype: (Requires a webkit browser)



For different DPIs we would support different multipliers:
  • <150 dpi
    • Use existing assets
    • Tabs are 24px tall with 16px icons
    • Examples
      • 1024x600@10.1 (117dpi)
      • 1280x800@12.1 (125dpi)
      • 1366x768@11.6  (135dpi)
      • Any screens with height <600
  • 150+ dpi
    • Use 1.25 Multiplier assets
    • Tabs are 30px tall with 24px icons
    • Examples:
      • 1366x768@10.1 (150dpi)
  • 190+ dpi
    • Use 1.5 Multiplier assets
    • Tabs are 36px tall with 32px icons
    • Examples 
      • 1920x1080@11.6 (190dpi Theoretical)
  • >220 dpi (or devices magnified by the user)
    • Use vector based rendering
    • Tabs are 1/5 inches tall
Exceptions:
  •     Devices seen at greater distances use higher multipliers


Comments