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

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)