Mer/Documentation/Desktop layout

Line 1: Line 1:
 +
== Freemantle desktop specification ==
 +
 +
== Desktop screen ==
 +
 +
=== Marquee (top bar) ===
 +
 +
Height: 52 px, as wide as screen
 +
 +
From left to right:
 +
 +
WM button, different states: (align left)
 +
* Applications menu (no applications opened)
 +
** Upon click, go to Applications menu
 +
* Task switcher
 +
** Upon click, go to Task switcher
 +
* Notification in task switcher
 +
 +
Separator: air
 +
 +
Status area: (align left)
 +
* Clock
 +
* 16x16 icons, when clicked, full status area comes up
 +
 +
Separator: air
 +
 +
Title bar: (align left)
 +
* Not in use on non-telephony devices?
 +
 +
== Applications menu display ==
 +
 +
* Pannable area of all applications launchable?
 +
== Hildon desktop specification ==
== Hildon desktop specification ==

Revision as of 09:42, 13 September 2009

Contents

Freemantle desktop specification

Desktop screen

Marquee (top bar)

Height: 52 px, as wide as screen

From left to right:

WM button, different states: (align left)

  • Applications menu (no applications opened)
    • Upon click, go to Applications menu
  • Task switcher
    • Upon click, go to Task switcher
  • Notification in task switcher

Separator: air

Status area: (align left)

  • Clock
  • 16x16 icons, when clicked, full status area comes up

Separator: air

Title bar: (align left)

  • Not in use on non-telephony devices?

Applications menu display

  • Pannable area of all applications launchable?

Hildon desktop specification

General outline: here

New-artwork ideas: http://i041.radikal.ru/0903/5f/5cf0986d63e7.jpg

Touch pixel sizes from https://help.ubuntu.com/community/UMEGuide/DesigningForFingerUIs

Marquee

Implemented in h-d, r1145

  • Height: 52px, Width: As wide as the screen
  • Position: Top of screen, disappears in full screen.

Background: marquee_background.png, 18x52, repeating

Width of screen = 90*3+A*48+S, A integer, X = 1/3 * A, Y = 2/3 * A, S remainder

A = (Width of screen - 90 * 3) / 48 (integer division)

S = Width of screen - 270 - A * 48

First element: Application menu button

Implemented, h-d r1147

Second element: Menu button

Implemented in lp:~mer-committers/m-r/marquee-plugins r2

Third element: Quick task switcher

Implemented in h-d r1148

Fourth element: Status bar

Implemented in h-d, r1149

Sixth element: The magic X

Implemented in h-d, r1150

Icons for closing within this: http://i013.radikal.ru/0903/e1/5c85d73dcb42.png