Espresso

Espresso

Update

I want to start creating this as a fully working theme. If anyone is happy to help, please see this post: http://ubuntuforums.org/showthread.php?p=5377765#post5377765

Concept

This is a concept I've had in my head since Hardy's attempt at a redesign. The idea is is to use a simple, out of the way colour to provide as little distraction to the user as possible. As a designer, I see a lot of companies splashing their identity colour everywhere. Ubuntu has done much the same, everything is brown/orange. What I propose is a much more subtle branding - using hints of the identity colour where appropriate, to create a distinct, but not overtly in-your-face theme.

New, version 4 Changed the buttons, windows and some of the UI. Looks much better IMO now.

The widget factory is in focus here. This is a good basic feel of how I think things should be. The cursor is there literally for context - I'm not suggesting changing cursor theme.

espresso1_v4_th.png

Fullsize Image by Keithamus

Older, v3:Fullsize Image by Keithamus

Older, v2:Fullsize Image by Keithamus

Oldest, v1:Fullsize Image by Keithamus

Progress bars are detailed and colourful (and animated) - to give the user something to look at while waiting. The rest of the widgets provide no strong colour, but are different enough from the window frame to "pop". Selected buttons (like tabs, or checkboxes) draw more attention to themselves with a slight orange border - the user most likely will want to pay attention to what they're agreeing to, or where they are (what tab).

Oldest, v1:Fullsize Image by Keithamus

Older mockups This is a mockup of the start bar, which I think everyone can agree needs work. When you first open it, it shows up the 3 most used applications, and focuses the search bar. Since the old version, I've changed little - the selection box is now a gradient, the tooltip has changed slightly, and the button now works much better I think.

espresso3_new_th.png

Older, v2:Fullsize Image by Keithamus

Oldest, v1:Fullsize Image by Keithamus

When searching, results come up and the first result is selected (but the searchbar is still focused). Pressing enter can then run the selected result (so, in effect, I could hit start, type "firefox" hit enter, and be running firefox). This is the quicksilver/gnome-do/krunner/raptor style of launching things, which I think is very efficient.

espresso4_th.png

Oldest, v1:Fullsize Image by Keithamus

These can, of course, easily be extended to other distributions, perhaps to create a solid branding across official ubuntu distros? If this theme ever gets to the stage of making it, I want it to be flexible with colours - so the user (or distributor) can change the colours very easily to completely change the feel of the theme; much like Murrine.

espresso_studiov3_th.png

Fullsize Image by Keithamus

Oldest, v1:Fullsize Image by Keithamus

Contributions

Attach File

Guidelines

  • For images, use a low resolution picture in the wiki page. It should be no taller than 240 pixels. If you need to upload higher resolutions, please upload them as an attachment and link to them from the page.
  • Use @SIG@ to leave your signature at the end of your comment. New comments should be placed at the bottom of the feedback.

Comments

  • It's the best Ibex theme I've seen yet! Great work!
  • I really like the first Widget Factory view, but you need to make that wallpaper either more simplistic and smooth (ie: the sun's rays) or add some depth to it. It seems rather two dimensional at the moment. -- Brettalton 2008-06-18 22:16:51

  • This is really gorgeous!
  • The bottom panel is really sexy I love the way it's not the 100% wide. This should be default in Ibex. Also, IMHO the wallpaper should be less saturated. The colors seem too strong to me. What about combining the theme with the Dream wallpaper?
  • Would look great on Kubuntu, for the Qt theme!
  • Brilliant theme! A bit like oxygen for KDE4, only cleaner and... different! I'm guessing that this is just a mock up, but it would be great to be able to use it. Far better than the dark theme that's being used... -- Benji 2008-07-11 17:26:35

  • I just love it. It's different, and it sets Ubuntu apart from all the GNOME-based distros. This should be the default theme. --sendo72
  • The bottom panel is what makes this theme as it makes it different from other distros as well as not copying Windows or Mac. The panel would work and look better if the tasks were icons instead of words. The kde4 type windows are good but not really inventive. Keep working on it. --Drew
  • This theme is great ! you should do it, and it would be perfect as Interpid's default theme. I also think it should be included a compact theme. I'm currently using murrine-compact and i love it, cause it allows for more work area in eclipse and other programs.

Attachment List

  • [get | view] (2008-06-15 13:46:07, 346.7 KB) [[attachment:espresso1.png]]
  • [get | view] (2008-06-30 20:37:04, 734.9 KB) [[attachment:espresso1_new.png]]
  • [get | view] (2008-06-30 20:37:43, 253.0 KB) [[attachment:espresso1_new_th.png]]
  • [get | view] (2008-06-15 14:10:24, 147.8 KB) [[attachment:espresso1_th.png]]
  • [get | view] (2008-07-27 17:25:33, 682.5 KB) [[attachment:espresso1_v3.png]]
  • [get | view] (2008-07-27 17:26:18, 235.0 KB) [[attachment:espresso1_v3_th.png]]
  • [get | view] (2008-08-03 14:26:18, 699.3 KB) [[attachment:espresso1_v4.png]]
  • [get | view] (2008-08-03 14:25:30, 237.5 KB) [[attachment:espresso1_v4_th.png]]
  • [get | view] (2008-06-15 13:47:06, 356.3 KB) [[attachment:espresso2.png]]
  • [get | view] (2008-06-15 14:11:09, 148.8 KB) [[attachment:espresso2_th.png]]
  • [get | view] (2008-06-15 14:01:28, 372.6 KB) [[attachment:espresso3.png]]
  • [get | view] (2008-06-30 20:38:24, 623.2 KB) [[attachment:espresso3_new.png]]
  • [get | view] (2008-06-30 20:38:52, 224.5 KB) [[attachment:espresso3_new_th.png]]
  • [get | view] (2008-06-15 14:11:20, 162.0 KB) [[attachment:espresso3_th.png]]
  • [get | view] (2008-06-15 14:01:55, 374.5 KB) [[attachment:espresso4.png]]
  • [get | view] (2008-06-15 14:11:34, 162.6 KB) [[attachment:espresso4_th.png]]
  • [get | view] (2008-06-15 14:02:09, 163.1 KB) [[attachment:espresso_studio.png]]
  • [get | view] (2008-06-15 14:11:42, 81.8 KB) [[attachment:espresso_studio_th.png]]
  • [get | view] (2008-07-27 17:23:18, 278.2 KB) [[attachment:espresso_studiov3.png]]
  • [get | view] (2008-07-27 17:21:48, 131.1 KB) [[attachment:espresso_studiov3_th.png]]
 All files | Selected Files: delete move to page

CategoryArtwork

Artwork/Incoming/Intrepid/Espresso (last edited 2008-08-14 11:53:17 by 130)