Mockups of my concept for the latest Ubuntu release.
This is intended only as a theme - no significant layout changes will take place and I have no doubt the theme will have to be altered quite significantly on implementation. Nothing is finalised and the layouts and contents are fictional - they are just to demo the design.
The aim was to create a high-contrast theme using Ubuntu brown and large amounts of white and to keep it as clean and crisp as possible. I have tried my best to avoid beige (which is light brown) and only to use subtle gradients rather than full white-to-brown ones. It's work in progress so if you have any comments feel free.
I am deliberately alternating the backgrounds between light/dark in the mockups so it is easy to get an idea of how it will look with varying levels of contrast.
- Main Windows 1px
- Worked on colour consistency
- Lots of little tweaks
- New Scrollbars
- New Buttons
- Updated layout slightly
- Fixed the scrollbars
- Changed the background to a lighter one.
- Unrounded several elements
- Added Main Menu dropdown
- Stole some border effects from the Gelatin theme
- Changed the colour hues overall
Messed up the scrollbars (wait a few days
- Added drag resize dots in the bottom right
- Lightened the white border
- Added more control examples
- Textured and brightened the main window title
- Modified scrollbars
- Modified and added button types
- Added notification window popup
With Ubuntu-style Wallpaper v1.4
With Custom Wallpaper
Man, this is so great! I really LOVE the theme. Available yet?
The Metacity theme is great, colours are great too, but I don't really like the buttons. Too much gloss, over-rounded. Keep on theming ! Steph.
I feel that the typeface choice (Gill) and top bar are the two strongest points of your design (and the resize dots are a nice touch!) but the window could definitely use less gloss and rounded corner radius. The border edges and scroll bar strips could probably go, too. I'm liking the subtle brown-to-white gradient of the inactive window's menu bar, and am thinking that you could apply that to the active window as well.
As for the buttons, if you still want to go with the 'pill' look, I think you might be inspired by this: http://tinyurl.com/2oawur
I really like this theme. My only comment would be that I think the scroll bars could use... something... Perhaps lighten the bar and darken the control?
Maybe square off the buttons a bit.
You were right. Having a pill-shaped button, I think, will fit your theme better. Here’s an idea for the color scheme (pardon the Microsoft reference beforehand): http://tinyurl.com/yr58m4
To sum up, I think that it should be more neutral in color, like the rest of your theme, and uses ALL CAPS in wordings. The color brown, then, may be used for the focus and pressed state.
About the scrollbars, have a look at how Linux Mint did it (http://tinyurl.com/36f66v) I like the integration between scrollbar and window edge that you currently have, but the image might provide some inspiration, particularly if you are going to go with pill-shaped buttons.
Also, sorry for criticizing the same thing again, but I still think that your window borders are too thick. Maybe reduce it to a single point, or eliminate it entirely? Have a look at this: http://tinyurl.com/324v5m
The subtle drop shadows on the minimize–maximize–close buttons are nice touches, but you should see if doing away with them would detract from usability or not. In my opinion, you can go entirely without shadows. I would point you again to the last example at how the Shift Linux theme design the three buttons without any sort of decorations. Maybe in your case, you could try putting in a subtle gradient? I would try all option and see which one resonate with you the best.
That being said, I think that you've taken a right direction in having transparencies for inactive window (vs. simply muting its color scheme.) I feel that the same principle applies in real life (farther objects appear more transparent and less defined. closer objects appear opaque.)
The entire menu design is also excellent. I love the fact that you put a border + drop shadow that unifies the entire menu (vs. color highlight on the title and border on the menu items on v1.5.) I feel that this gives the menu enough highlight, without detracting from your vision of creating a theme with “large amounts of white.”