Mer/Documentation/Desktop layout

(Fifth element: The magic X)
m (Marquee)
Line 13: Line 13:
*Example: http://www.daimi.au.dk/~cvm/mer-appmenu.png
*Example: http://www.daimi.au.dk/~cvm/mer-appmenu.png
-
*Width: 86px
+
*Width: 86px, icon: 50x50
*Description: Mer logo or proper icon for application menu. Upon press, it highlights and shows application menu.
*Description: Mer logo or proper icon for application menu. Upon press, it highlights and shows application menu.
Line 19: Line 19:
*Example: http://www.daimi.au.dk/~cvm/mer-menubutton.png
*Example: http://www.daimi.au.dk/~cvm/mer-menubutton.png
-
*Width: 52px
+
*Width: 52px, icon: 50x50
*Description: The former Hildon title bar, but since we don't have titlebars anymore, we have a menu button
*Description: The former Hildon title bar, but since we don't have titlebars anymore, we have a menu button
Line 25: Line 25:
*Example: http://www.daimi.au.dk/~cvm/mer-hmm.png
*Example: http://www.daimi.au.dk/~cvm/mer-hmm.png
-
*Width: X items of 42px, X > 0, icons 32x32px
+
*Width: X items of 42px, X > 0, icons 34x34px
*Description: Shows current application and X others
*Description: Shows current application and X others
Line 31: Line 31:
*Example: http://www.daimi.au.dk/~cvm/mer-hmm.png
*Example: http://www.daimi.au.dk/~cvm/mer-hmm.png
-
*Width: Y items of 42px, Y > 0, icons 32x32px
+
*Width: Y items of 42px, Y > 0, icons 34x34px
*Description: Shows current status bar area
*Description: Shows current status bar area
Line 37: Line 37:
*Example: http://www.daimi.au.dk/~cvm/mer-xmenu.png
*Example: http://www.daimi.au.dk/~cvm/mer-xmenu.png
-
*Width: 52px, 32x32 px icon
+
*Width: 52px, 50x50 px icon
*Description: The former >>, the switcher menu, shows up when number of applications active > 0
*Description: The former >>, the switcher menu, shows up when number of applications active > 0

Revision as of 16:30, 8 March 2009

Contents

Layout for Hildon Desktop on Mer

General outline: here

Marquee

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

The following equation must be satisified: 86 + 52 + X * 42 + Y * 42 + 52 = Width of screen

First element: Application menu button

Second element: Menu button

Third element: Quick task switcher

Fourth element: Status bar

Fifth element: The magic X