Kerberos

Differences between revisions 17 and 20 (spanning 3 versions)
Revision 17 as of 2008-01-03 15:53:38
Size: 2337
Editor: 77
Comment:
Revision 20 as of 2008-01-05 06:31:26
Size: 4563
Editor: pool-71-117-252-206
Comment:
Deletions are marked like this. Additions are marked like this.
Line 6: Line 6:
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, if you have any comments, stick them below or add them to the 'I like it but...' section (tell me what could be better). 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.

v1
.6b
 * Fixed the scrollbars
 * Changed the background to a lighter one
.
Line 24: Line 30:
=== Version 1.6b ===
attachment:style6b.png
Line 26: Line 33:
attachment:style6.png [removed]
Line 41: Line 48:
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. 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.
Line 54: Line 61:

---

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.”

Thanks!

Best,
BramPitoyo

Theme concepts

Mockups of my concept for the latest Ubuntu release.

UPDATE: v1.6 - Ignore the scrollbars, for they are broken. I am still not happy with the buttons either.

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.

v1.6b

  • Fixed the scrollbars
  • Changed the background to a lighter one.

v1.6 Changes

  • 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 Smile :)

v1.5 Changes

  • 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

Version 1.6b

attachment:style6b.png

Version 1.6

[removed]

Version 1.5

attachment:style5.png

With Ubuntu-style Wallpaper v1.4

attachment:style4wp.png

With Custom Wallpaper

attachment:style3.png

Comments

Man, this is so great! I really LOVE the theme. Available yet? Wink ;-)

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 ! Smile :) 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

Best, BramPitoyo


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.”

Thanks!

Best, BramPitoyo

Artwork/Incoming/Hardy/Alternate/Kerberos (last edited 2008-08-06 16:23:59 by localhost)