Metacity

Differences between revisions 14 and 15
Revision 14 as of 2009-02-26 02:36:56
Size: 3269
Editor: c-24-11-192-142
Comment:
Revision 15 as of 2009-02-26 11:13:30
Size: 3270
Editor: c-24-11-192-142
Comment:
Deletions are marked like this. Additions are marked like this.
Line 21: Line 21:
The dimensions of these buttons in the Metacity frame are 12.5 x 12.5 pixels. Tinting the "Active" state darker gives the illusion of being pressed. The dimensions of these buttons in the Metacity frame are 12.5 x 12.5 pixels. Shifting the image from ring to dot gives visual feedback when clicked.

Concept

One the key elements of any GTK theme is the frame controls with many examples presented here. The Ubuntu logo is based on circles and the desire is to leverage the strengths of its design in Metacity. Staying true to the top level goal the default controls are displayed muted. As the mouse hovers above they change to the prelight state, shrinking when active to present an illusion of a pressed button. Simple, functional, Ubuntu!

Metacity Window Controls

UbuntuMetacityMockup.png

Proposed Design

Control Detail

The dimensions of these buttons in the Metacity frame are 12.5 x 12.5 pixels. Shifting the image from ring to dot gives visual feedback when clicked.

Default Control

MetacityButtonNormal.png

SVG

Close Prelight Control

Close Active Control

MetacityButtonClosePrelight.png

MetacityButtonCloseActive.png

SVG

SVG

Maximize Prelight Control

Maximize Active Control

MetacityButtonMaximizePrelight.png

MetacityButtonMaximizeActive.png

SVG

SVG

Minimize Prelight Control

Minimize Active Control

MetacityButtonMinimizePrelight.png

MetacityButtonMinimizeActive.png

SVG

SVG

Theme

Impression GTK Theme with the the these "Metacity" buttons.

Download: Impression

  • Supports Murrine svn139, depends on Murrine svn132

Attachments

  • [get | view] (2009-02-23 02:55:48, 97.3 KB) [[attachment:GimpScreenShot.png]]
  • [get | view] (2009-02-26 02:35:40, 21.6 KB) [[attachment:Impression.tar.gz]]
  • [get | view] (2009-03-08 02:21:10, 8.4 KB) [[attachment:MetacityButtonCloseActive.png]]
  • [get | view] (2009-03-05 23:27:58, 126.1 KB) [[attachment:MetacityButtonCloseActive.svg]]
  • [get | view] (2009-03-11 00:44:00, 5.8 KB) [[attachment:MetacityButtonClosePrelight.png]]
  • [get | view] (2009-03-11 00:45:27, 191.9 KB) [[attachment:MetacityButtonClosePrelight.svg]]
  • [get | view] (2009-03-01 03:01:47, 4.5 KB) [[attachment:MetacityButtonDashed.png]]
  • [get | view] (2009-03-01 03:07:00, 123.7 KB) [[attachment:MetacityButtonDashed.svg]]
  • [get | view] (2009-03-08 02:21:38, 5.2 KB) [[attachment:MetacityButtonInsensitive.png]]
  • [get | view] (2009-03-08 02:26:24, 193.4 KB) [[attachment:MetacityButtonInsensitive.svg]]
  • [get | view] (2009-03-08 02:21:49, 7.7 KB) [[attachment:MetacityButtonMaximizeActive.png]]
  • [get | view] (2009-02-26 02:34:14, 58.3 KB) [[attachment:MetacityButtonMaximizeActive.svg]]
  • [get | view] (2009-03-08 02:21:58, 6.3 KB) [[attachment:MetacityButtonMaximizePrelight.png]]
  • [get | view] (2009-02-26 02:34:31, 58.3 KB) [[attachment:MetacityButtonMaximizePrelight.svg]]
  • [get | view] (2009-03-08 02:22:07, 7.2 KB) [[attachment:MetacityButtonMinimizeActive.png]]
  • [get | view] (2009-03-05 23:28:14, 126.4 KB) [[attachment:MetacityButtonMinimizeActive.svg]]
  • [get | view] (2009-03-08 02:22:17, 5.9 KB) [[attachment:MetacityButtonMinimizePrelight.png]]
  • [get | view] (2009-03-05 23:28:26, 192.4 KB) [[attachment:MetacityButtonMinimizePrelight.svg]]
  • [get | view] (2009-03-05 23:27:09, 4.1 KB) [[attachment:MetacityButtonNormal.png]]
  • [get | view] (2009-03-05 23:28:34, 193.9 KB) [[attachment:MetacityButtonNormal.svg]]
  • [get | view] (2009-02-27 13:57:08, 28.8 KB) [[attachment:UbuntuMetacityMockup.png]]
  • [get | view] (2009-02-21 15:26:17, 445.7 KB) [[attachment:UbuntuMetacityMockup.svg]]
  • [get | view] (2009-02-23 12:18:34, 29.3 KB) [[attachment:UbuntuMetacityMockupDark.png]]
  • [get | view] (2009-03-01 02:55:42, 27.8 KB) [[attachment:UbuntuMetacityMockupDash.png]]
  • [get | view] (2009-03-05 02:55:26, 26.5 KB) [[attachment:UbuntuMetacityMockupDot.png]]
  • [get | view] (2009-03-11 00:44:12, 27.1 KB) [[attachment:UbuntuMetacityMockupSolid.png]]
 All files | Selected Files: delete move to page


CategoryArtwork

Comments


Your comments here.

Artwork/Incoming/Jaunty/Impression/Metacity (last edited 2009-04-08 12:50:09 by 204)