Espresso

Differences between revisions 2 and 3
Revision 2 as of 2008-06-15 13:33:41
Size: 3987
Editor: cpc1-port6-0-0-cust582
Comment:
Revision 3 as of 2008-06-15 13:44:48
Size: 2995
Editor: cpc1-port6-0-0-cust582
Comment:
Deletions are marked like this. Additions are marked like this.
Line 7: Line 7:
= Espresso = = Platypus =
Line 9: Line 9:
The direction of Ubuntu artwork has a lot of varying ideas. One consistent theme however, is using a heavy amount of colour, like brown, for the windows, toolbars, metacity, desktop and start pane. This has its own place in terms of looks - some of the ideas in these mock ups are fantastic, but I think there is a big problem.

As a designer I see a lot of people who throw around their businesses identity colour over everything, for example; a good example of this is EasyJet. They have an orange logo, and splash around that same orange on their planes, their staff wear orange clothes, their cruise ships were once bright orange! In contrast look at Nike, their whole website is black, trainers mostly white, the staff in their stores were black, their logo? Orange.

What we need to do is withdraw from constantly throwing brown everywhere. Sure, Ubuntu needs a distinctive look, but looking at the competition, Microsoft and Apple; both UIs have subtle amounts of colour. We should do the same - the content of the window should be the thing to concentrate on, not a load of shiny brown widgets!
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.
Line 16: Line 12:
Espresso is a mockup I created to show an example of this. The window decorations and GTK widgets are mostly gray. Subtle hints of orange are selectively picked for certain widgets. The desktop is one I feel works well with this setup - and is the best wallpaper I've seen so far for Ibex.



[[Anchor(Palette)]]
'''Palette'''
#THIS IS THE LOCATION OF YOUR PALLETE
attachment:platypuspalette.png
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.
Line 27: Line 16:
##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.
||<tablestyle="text-align:center">attachment:espresso1.png||
||[attachment:espresso1.png Fullsize] Image by Keithamus||
Line 31: Line 20:
=== Reference === Progress bars are detailed and colourful - 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 tinge of orange - the user most likely will want to pay attention to what they're agreeing to, or what where they are (what tab).
||<tablestyle="text-align:center">attachment:espresso2.png||
||[attachment:espresso2.png Fullsize] Image by Keithamus||
Line 33: 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]||
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.
||<tablestyle="text-align:center">attachment:espresso3.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.png||
||[attachment:espresso4.png Fullsize] Image by Keithamus||
Line 48: Line 41:
## * Your Comment Here - -- Keithamus [[DateTime(2008-06-15T13:33:41Z)]]
 * 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)]]

Navigation(slides) Navigation(siblings,1)

Platypus

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.

Concept

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

attachment:espresso1.png

[attachment:espresso1.png Fullsize] Image by Keithamus

Progress bars are detailed and colourful - 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 tinge of orange - the user most likely will want to pay attention to what they're agreeing to, or what where they are (what tab).

attachment:espresso2.png

[attachment:espresso2.png Fullsize] Image by Keithamus

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.

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

[attachment:espresso4.png Fullsize] Image by Keithamus

Contributions

[wiki:/?action=AttachFile Attach File]

Include(Artwork/Incoming/SubmissionGuidelines/Guidelines)

Comments

Attachment List

AttachList


CategoryArtwork

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