breadcrumbs: User Experience > page_name: resolution-independence title: 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