Espresso

Differences between revisions 1 and 19 (spanning 18 versions)
Revision 1 as of 2008-06-15 13:22:31
Size: 3093
Editor: cpc1-port6-0-0-cust582
Comment:
Revision 19 as of 2008-08-03 09:09:26
Size: 6352
Editor: 123-100-114-99
Comment:
Deletions are marked like this. Additions are marked like this.
Line 7: Line 7:
= Platypus = = Espresso =
Line 9: Line 9:
Being a shy but elegant animal, the platypus is often ignored by the Ubuntu artwork community. This must not go on. We need art that can bring the characteristics of this wonderful little animal to Ubuntu. == 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
Line 12: Line 14:
The platypus, is shy, cute and dangerous. An interesting mix. The artwork should be in adorable colours, with a few small, menacing areas. Mostly orange and pink. Touches of danger, can be expressed in small, dark, shapes difficult to define. Make them reminscent of the poisonous hind spur in shape.

[[Anchor(Palette)]]
'''Palette'''
#THIS IS THE LOCATION OF YOUR PALLETE
attachment:platypuspalette.png
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.
Line 21: Line 18:
##THIS IS THE LOCATION OF YOUR ARTWORK
||<tablestyle="text-align:center">attachment:platypusafraidthumb.png||
||[attachment:platypusafraid.png Fullsize] Image by Lassegul||
Run application 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.
*NEW V3*Tightened up the buttons, changed the window colours slightly. To me this feels more solid. This is now at a point where I am really looking to make it a theme, so any willing to help please make yourselves known!
||<tablestyle="text-align:center">attachment:espresso1_v3_th.png||
||[attachment:espresso1_v3.png Fullsize] Image by Keithamus||
Line 25: Line 23:
=== Reference ===
Line 27: Line 24:
#THIS IS THE PLACE WHERE YOU PUT YOUR REFERENCES
||<tablestyle="text-align:center">attachment:Platypus_thumb.jpg||attachment:Platypus_spur_thumb.JPG||
||[attachment:Platypus.jpg Fullsize] [http://en.wikipedia.org/wiki/Image:Platypus.jpg Source]||[attachment:Platypus_spur.JPG Fullsize] [http://en.wikipedia.org/wiki/Image:Platypus_spur.JPG Source]||
||attachment:135408702_653c9f3d53_thumb.jpg||attachment:1079696009_86fecbdc56_thumb.jpg||
||[attachment:135408702_653c9f3d53.jpg Fullsize] [http://flickr.com/photos/webcarnet/1079696009 Source]||[attachment:1079696009_86fecbdc56.jpg Fullsize] [http://flickr.com/photos/k-h/135408702/ Source]||
*OLD*
Since the old version, I've made the buttons stronger, more "indented" this was how my original vision was, so this is more of a fine tune to what I want it to be. As you may notice, as requested in the comments I've including the "Dream Wallpaper" entry. I've also solidified the colours, the orange palette now consists of the red and orange from the ubuntu logo.
||<tablestyle="text-align:center">attachment:espresso1_new_th.png||
||[attachment:espresso1_new.png Fullsize] Image by Keithamus||
*OLDER*
||<tablestyle="text-align:center">attachment:espresso1_th.png||
||[attachment:espresso1.png 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).
||<tablestyle="text-align:center">attachment:espresso2_th.png||
||[attachment:espresso2.png Fullsize] Image by Keithamus||

*NEW*
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.
||<tablestyle="text-align:center">attachment:espresso3_new_th.png||
||[attachment:espresso3_new.png Fullsize] Image by Keithamus||
*OLD*
||<tablestyle="text-align:center">attachment:espresso3_th.png||
||[attachment:espresso3.png 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.
||<tablestyle="text-align:center">attachment:espresso4_th.png||
||[attachment:espresso4.png 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.
*NEW V3*
||<tablestyle="text-align:center">attachment:espresso_studiov3_th.png||
||[attachment:espresso_studiov3.png Fullsize] Image by Keithamus||
*OLD*
||<tablestyle="text-align:center">attachment:espresso_studio_th.png||
||[attachment:espresso_studio.png Fullsize] Image by Keithamus||
Line 42: Line 66:
## * Your Comment Here - -- Keithamus [[DateTime(2008-06-15T13:22:31Z)]]
 * I've seen some wicked stuff throught the years, but yours really kicks ass! - Anonymousman123 Today, during Twilight.
 * In Sweden we also have this lovely animal, as well as "knekkebrøt" and polar bears - JachniNücklycken Today, 14:23 08/10/07
 * Your concept needs work, make sure you don't make it too cute. The demographic has always been those in their 20's and 30's. - FOSSArtist63 34:43 12/54/23
 * I think this animal opens the way to perfect contrasts in a theme / wallpaper / whatever. It's cute in a way, but also dark and itchy, which doesn't have to be the 'Ubuntu message' but it's useful in colorshemes and so on. In other words, nice! - TotalWormage
 * The platypus - a sort of strange brown penguin. Hmmmm... I think I like the idea!
## * Your Comment Here - -- Keithamus [[DateTime(2008-06-15T13:44:48Z)]]
 * 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 [[DateTime(2008-06-18T22:16:51Z)]]
 * 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 [[DateTime(2008-07-11T17:26:35Z)]]
 * 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

Navigation(slides) Navigation(siblings,1)

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.

Anchor(ConceptArt) Concept Art Run application 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. *NEW V3*Tightened up the buttons, changed the window colours slightly. To me this feels more solid. This is now at a point where I am really looking to make it a theme, so any willing to help please make yourselves known!

attachment:espresso1_v3_th.png

[attachment:espresso1_v3.png Fullsize] Image by Keithamus

*OLD* Since the old version, I've made the buttons stronger, more "indented" this was how my original vision was, so this is more of a fine tune to what I want it to be. As you may notice, as requested in the comments I've including the "Dream Wallpaper" entry. I've also solidified the colours, the orange palette now consists of the red and orange from the ubuntu logo.

attachment:espresso1_new_th.png

[attachment:espresso1_new.png Fullsize] Image by Keithamus

*OLDER*

attachment:espresso1_th.png

[attachment:espresso1.png 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).

attachment:espresso2_th.png

[attachment:espresso2.png Fullsize] Image by Keithamus

*NEW* 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.

attachment:espresso3_new_th.png

[attachment:espresso3_new.png Fullsize] Image by Keithamus

*OLD*

attachment:espresso3_th.png

[attachment:espresso3.png 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.

attachment:espresso4_th.png

[attachment:espresso4.png 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. *NEW V3*

attachment:espresso_studiov3_th.png

[attachment:espresso_studiov3.png Fullsize] Image by Keithamus

*OLD*

attachment:espresso_studio_th.png

[attachment:espresso_studio.png Fullsize] Image by Keithamus

Contributions

[wiki:/?action=AttachFile Attach File]

Include(Artwork/Incoming/SubmissionGuidelines/Guidelines)

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 DateTime(2008-06-18T22:16:51Z)

  • 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 DateTime(2008-07-11T17:26:35Z)

  • 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

Attachment List

AttachList


CategoryArtwork

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