Metacity
1560
Comment:
|
3118
|
Deletions are marked like this. | Additions are marked like this. |
Line 18: | Line 18: |
=== Control Detail === 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. ||<tablestyle="text-align:center;" style="background-color:#cdc7be;width:250px;">Default Control|| ||{{attachment:MetacityButtonNormal.png}}|| ||[[attachment:MetacityButtonNormal.svg|SVG]]|| ||<tablestyle="text-align:center;" style="background-color:#cdc7be;width:250px;">Close Prelight Control||<style="background-color:#cdc7be;width:250px;">Close Active Control|| ||{{attachment:MetacityButtonClosePrelight.png}}||{{attachment:MetacityButtonCloseActive.png}}|| ||[[attachment:MetacityButtonClosePrelight.svg|SVG]]||[[attachment:MetacityButtonCloseActive.svg|SVG]]|| ||<tablestyle="text-align:center" style="background-color:#cdc7be;width:250px;">Maximize Prelight Control||<style="background-color:#cdc7be;width:250px;">Maximize Active Control|| ||{{attachment:MetacityButtonMaximizePrelight.png}}||{{attachment:MetacityButtonMaximizeActive.png}}|| ||[[attachment:MetacityButtonMaximizePrelight.svg|SVG]]||[[attachment:MetacityButtonMaximizeActive.svg|SVG]]|| ||<tablestyle="text-align:center" style="background-color:#cdc7be;width:250px;">Minimize Prelight Control||<style="background-color:#cdc7be;width:250px;">Minimize Active Control|| ||{{attachment:MetacityButtonMinimizePrelight.png}}||{{attachment:MetacityButtonMinimizeActive.png}}|| ||[[attachment:MetacityButtonMinimizePrelight.svg|SVG]]||[[attachment:MetacityButtonMinimizeActive.svg|SVG]]|| |
Contents Contents |
Slideshow ^ |< << Slide 15 of 24 >> >| |
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 slightly when active to present an illusion of a pressed button. Simple, functional, Ubuntu!
Metacity Window Controls |
Design |
Control Detail
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.
Default Control |
Submissions
Attachments
Comments
Your comments here.
Artwork/Incoming/Jaunty/Impression/Metacity (last edited 2009-04-08 12:50:09 by 204)