Clear_Intrepid

Differences between revisions 1 and 51 (spanning 50 versions)
Revision 1 as of 2008-05-08 02:06:56
Size: 1639
Editor: ip90116
Comment:
Revision 51 as of 2008-09-02 12:56:27
Size: 7540
Editor: c-24-22-64-228
Comment:
Deletions are marked like this. Additions are marked like this.
Line 2: Line 2:
||<tablestyle="float:right; font-size: 0.9em; width:30%; background:#F1F1ED; background-image: url('http://librarian.launchpad.net/2980250/Emblem-16.png'); background-repeat: no-repeat; background-position: 98% 0.5ex; margin: 0 0 1em 1em; padding: 0.5em;">'''Contents'''[[BR]][[TableOfContents]]||
[[Navigation(slides)]]
[[Navigation(siblings,1)]]
||<tablestyle="float:right; font-size: 0.9em; width:30%; background:#F1F1ED; background-image: url('http://librarian.launchpad.net/2980250/Emblem-16.png'); background-repeat: no-repeat; background-position: 98% 0.5ex; margin: 0 0 1em 1em; padding: 0.5em;"><<TableOfContents>>||
<<Navigation(slides)>>
<<Navigation(siblings,1)>>
Line 9: Line 9:
Clear is meant to push Ubuntu into the future. It considers the best of today's interfaces form computers, phones, and media devices. == Concept ==
Line 11: Line 11:
== Concept ==
Clear's goal is to create a unified interface experience, seamless, organized, and intuitive. It is nuetral, having no color, and reflects the user's choice of a wallpaper to create the color.
 * Clear is meant to push Ubuntu into the future. It considers the best of today's interfaces from computers, phones, and media devices.
Line 14: Line 13:
I know this theme will take huge technological improvements in Ubuntu's appearance, but this is necessary. Most people, which means most non power-computer users, base their opinion of an OS off its looks. If we make it look professional, along with it laready being professional in performance, we would have the total package.  * Clear's goal is to create a unified interface experience, seamless, organized, and intuitive.
Line 16: Line 15:
== Improvements ==

I still need a unified icon set that matches with the idea of not choosing the color for the user.


[[Anchor(ConceptArt)]]
'''Clear Concept Art'''
##THIS IS THE LOCATION OF YOUR ARTWORK
||<tablestyle="text-align:center">attachment:Clear.jpg||
== Guidelines ==
 * Color scheme: White with honey accents (orange/brown).
 * Buttons: Smooth gradients from dark to light, bottom to top respectively.
 * Metacity: Seamless with the Gtk and with min/mac/close buttons that are simple and match the font ( close 'x' and the font 'x' will share the same angles) and has rounded corners.
 * Tabs: Rounded and have smooth gradients. that blend in slightly better than the buttons.
 * Panel: Slightly transparent white
 * Menu: Rounded edges.
 * Lines: Very light almost etching type lines to just barely separate items when necessary.
 * Typing fields: White with a dark grey font.
Line 28: Line 27:
<<Anchor(ConceptArt)>>
'''Clear Concept Art'''
##THIS IS THE LOCATION OF YOUR ARTWORK
A new mock up will be coming soon. It will follow guidelines set down by the new Art Team initiative.

||<tablestyle="text-align:center">{{attachment:none.png}}||
||[[attachment:none|Fullsize]] Image by Salane89||
Line 30: Line 36:
= Improvements =
Line 31: Line 38:
= Contributions = == Fonts ==
Line 33: Line 40:
[wiki:Self:/?action=AttachFile Attach File]  * Will use the default font as set by the new Art Team Initiatives.
Line 35: Line 42:
[[Include(Artwork/Incoming/SubmissionGuidelines/Guidelines)]] == Icons ==
=== Ubuntu Icon ===
 * I like the Ubuntu logo I have here. It was created by grevenlx. http://grevenlx.deviantart.com/art/Ubuntu-Linux-Logo-Icon-18879369
 
=== OS Icons ===
 * I am working with the art team to develop new icons, based off of Human. Pretty much just an update.

== Wallpaper ==

 * I would like to get the person who created the Hardy wallpaper to create one for Ibex. If you know who this was, let me know in my comment section.

== Other ==
 
= Contact Info =
 * My email= salane89@gmail.com

 * My DeviantArt= http://salane89.deviantart.com/
Line 38: Line 62:

 * I really like the smooth look, it's definitely easy on the eye. One thing, on the menus, what about an arrow to show that there's a menu behind that one? There are already arrows in the current menus. Maybe just a simple white one. I think it will help out. I'd like to try the theme out whenever you do have it available, to see it in action. --BrandonJones
 
 * I like this, i think it would look better if the window bar buttons where further to the right.-- UnknownUser
 
 * Good idea. I think it does look better. How close though? All the way against, or just a tad closer? -- Salane89

 * Nice mockup.. maybe a little better with thin symbols on the buttons (like "x" for closing, "-" for minimize and so on... but it can be fine without them, too. - Mariux

 * Thanks- I put up a new version that solves both of these problems. -- Salane89

 * The Hardy wallpaper was created here: https://wiki.ubuntu.com/Artwork/Incoming/Hardy/Alternate/Fela_Kuti] -Arnout

 * It's a nice mockup but, I must honestly say that I'm not too keen on it, in its "functionality" it does seem rather Vista-ish to me, still; i.e. it looks rather nice but does not add much functionality, only changes it. Thus, I would probably prefer the old one to this. --Arand
 * Anything specific? I will make a list of improvements in functionality. It would be far superior to the current dying Gtk.
 * I like this but i think that you should get some new window bar buttons (is that what those '_' and 'x' buttons on window bars are called?) which will look better with some nice colorful glows because i don't think the glow looks good on these white block ones and also i think that the line (_) window bar button being at the base of the other two buttons spoils the symmetry (would be better half way up (-) ) and personally I'd like to see a break from traditional line square cross window bar buttons altogether.
 
 * This looks pretty great, but looks like it was designed high DPI, how will it work in 1024x768?

 * Well it was in that, but the fonts did not look to good, so I made it higher resolution. If I were to import this to say inkscape, I could make it that way and the fonts would still be smooth. I still need icons people! -- Salane89 <<DateTime(2008-05-20T02:58:11Z)>>
 
 * The mockup was well done, but its too much to look at. I really like the idea with the menu icon, it looks much better than any other I've seen yet.

 * It is great! I hope I'll see this theme in Intrepid Ibex! Could you start working on it?

 * I really like this design a lot. I'm wondering what happened to the New Clear design and why it was replaced by Clear Finale. I much prefer the former. Was there a reason for the changes you made between the 2? Also, I would recommend decreasing the font size of the username in Clear Finale. With that big of a font, people with long names will look bad. Finally, I like the little 'carrot' connections on the menus for Clear Green and Clear Beta. Is there any reason those were left out of the brown/orange versions? All-in-all, I don't think you should deviate too far from New Clear if possible.

 * Its a little rough, but I really like the brown gradient! Also, that 'darker and therefore unselected window' only works if there is less of a contrast to the other windows. To me, the darker window looked selected. Maybe give it less value? -- Brettalton <<DateTime(2008-06-18T22:07:18Z)>>

 * For icons, I really like the oxygen icons for KDE, but maybe you could orange-and-brownify them a bit and maybe make some minor changes and apply that to ubuntu. Even if you don't want to/can't use the oxygen icons themselves, check out their philosophies for different types of icons. www.oxygen-icons.org. For the philosophies, check out http://www.oxygen-icons.org/?cat=3. --Redrazor39, 2008-06-20 (I don't know if you put more recent comments on top or at the bottom, so I put the date)

 * I really like the “New Clear” theme. It really balances the tendencies of shininess, transparency, and roundness so that they are present and look cool but they aren’t excessive. I like the brown gradients and how it rather works with the brown rather than against it. No offense to the other concept artists on here, but I think many of us have tried too hard to get away from the brown and have gone into bright oranges and blacks, which are too much for my eyes. This theme keeps the colors smooth and natural, Ubuntu-style.

 My problems would be that the tilty logo seems a little too excessive (except as the main menu icon, where it looks awesome) and the icons and UI elements seem way too close together, especially on the toolbar, sidebar, window title bar. Also, big square buttons are kind of hard to tell apart, and I think the individual button borders add a little too much visual noise. Anyway, great work! -- [[LaunchpadHome:https://login.launchpad.net/+id/7Az8RTM]] <<DateTime(2008-09-02T04:56:27-0800)>>


== Contributions ==

[[/?action=AttachFile|Attach File]]

<<Include(Artwork/Incoming/SubmissionGuidelines/Guidelines)>>
Line 43: Line 108:
[[AttachList]] <<AttachList>>
Line 45: Line 110:
CategoryArtwork CategoryArtwork CategoryArtwork

Clear

Concept

  • Clear is meant to push Ubuntu into the future. It considers the best of today's interfaces from computers, phones, and media devices.
  • Clear's goal is to create a unified interface experience, seamless, organized, and intuitive.

Guidelines

  • Color scheme: White with honey accents (orange/brown).
  • Buttons: Smooth gradients from dark to light, bottom to top respectively.
  • Metacity: Seamless with the Gtk and with min/mac/close buttons that are simple and match the font ( close 'x' and the font 'x' will share the same angles) and has rounded corners.
  • Tabs: Rounded and have smooth gradients. that blend in slightly better than the buttons.
  • Panel: Slightly transparent white
  • Menu: Rounded edges.
  • Lines: Very light almost etching type lines to just barely separate items when necessary.
  • Typing fields: White with a dark grey font.

Clear Concept Art

A new mock up will be coming soon. It will follow guidelines set down by the new Art Team initiative.

Fullsize Image by Salane89

Improvements

Fonts

  • Will use the default font as set by the new Art Team Initiatives.

Icons

Ubuntu Icon

OS Icons

  • I am working with the art team to develop new icons, based off of Human. Pretty much just an update.

Wallpaper

  • I would like to get the person who created the Hardy wallpaper to create one for Ibex. If you know who this was, let me know in my comment section.

Other

Contact Info

Comments

  • I really like the smooth look, it's definitely easy on the eye. One thing, on the menus, what about an arrow to show that there's a menu behind that one? There are already arrows in the current menus. Maybe just a simple white one. I think it will help out. I'd like to try the theme out whenever you do have it available, to see it in action. --BrandonJones

  • I like this, i think it would look better if the window bar buttons where further to the right.-- UnknownUser

  • Good idea. I think it does look better. How close though? All the way against, or just a tad closer? -- Salane89
  • Nice mockup.. maybe a little better with thin symbols on the buttons (like "x" for closing, "-" for minimize and so on... but it can be fine without them, too. - Mariux
  • Thanks- I put up a new version that solves both of these problems. -- Salane89
  • The Hardy wallpaper was created here: https://wiki.ubuntu.com/Artwork/Incoming/Hardy/Alternate/Fela_Kuti] -Arnout

  • It's a nice mockup but, I must honestly say that I'm not too keen on it, in its "functionality" it does seem rather Vista-ish to me, still; i.e. it looks rather nice but does not add much functionality, only changes it. Thus, I would probably prefer the old one to this. --Arand
  • Anything specific? I will make a list of improvements in functionality. It would be far superior to the current dying Gtk.
  • I like this but i think that you should get some new window bar buttons (is that what those '_' and 'x' buttons on window bars are called?) which will look better with some nice colorful glows because i don't think the glow looks good on these white block ones and also i think that the line (_) window bar button being at the base of the other two buttons spoils the symmetry (would be better half way up (-) ) and personally I'd like to see a break from traditional line square cross window bar buttons altogether.
  • This looks pretty great, but looks like it was designed high DPI, how will it work in 1024x768?
  • Well it was in that, but the fonts did not look to good, so I made it higher resolution. If I were to import this to say inkscape, I could make it that way and the fonts would still be smooth. I still need icons people! -- Salane89 2008-05-20 02:58:11

  • The mockup was well done, but its too much to look at. I really like the idea with the menu icon, it looks much better than any other I've seen yet.
  • It is great! I hope I'll see this theme in Intrepid Ibex! Could you start working on it?
  • I really like this design a lot. I'm wondering what happened to the New Clear design and why it was replaced by Clear Finale. I much prefer the former. Was there a reason for the changes you made between the 2? Also, I would recommend decreasing the font size of the username in Clear Finale. With that big of a font, people with long names will look bad. Finally, I like the little 'carrot' connections on the menus for Clear Green and Clear Beta. Is there any reason those were left out of the brown/orange versions? All-in-all, I don't think you should deviate too far from New Clear if possible.
  • Its a little rough, but I really like the brown gradient! Also, that 'darker and therefore unselected window' only works if there is less of a contrast to the other windows. To me, the darker window looked selected. Maybe give it less value? -- Brettalton 2008-06-18 22:07:18

  • For icons, I really like the oxygen icons for KDE, but maybe you could orange-and-brownify them a bit and maybe make some minor changes and apply that to ubuntu. Even if you don't want to/can't use the oxygen icons themselves, check out their philosophies for different types of icons. www.oxygen-icons.org. For the philosophies, check out http://www.oxygen-icons.org/?cat=3. --Redrazor39, 2008-06-20 (I don't know if you put more recent comments on top or at the bottom, so I put the date)

  • I really like the “New Clear” theme. It really balances the tendencies of shininess, transparency, and roundness so that they are present and look cool but they aren’t excessive. I like the brown gradients and how it rather works with the brown rather than against it. No offense to the other concept artists on here, but I think many of us have tried too hard to get away from the brown and have gone into bright oranges and blacks, which are too much for my eyes. This theme keeps the colors smooth and natural, Ubuntu-style.

    My problems would be that the tilty logo seems a little too excessive (except as the main menu icon, where it looks awesome) and the icons and UI elements seem way too close together, especially on the toolbar, sidebar, window title bar. Also, big square buttons are kind of hard to tell apart, and I think the individual button borders add a little too much visual noise. Anyway, great work! -- https://login.launchpad.net/+id/7Az8RTM 2008-09-02 12:56:27

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.

Attachment List

  • [get | view] (2008-05-26 15:43:50, 1153.0 KB) [[attachment:ClearBeta.jpg]]
  • [get | view] (2008-05-26 15:44:16, 51.9 KB) [[attachment:ClearBetaSmall.jpg]]
  • [get | view] (2008-06-12 23:43:05, 363.7 KB) [[attachment:ClearFinale.png]]
  • [get | view] (2008-06-12 23:42:08, 146.5 KB) [[attachment:ClearFinaleSmall.png]]
  • [get | view] (2008-05-22 02:16:25, 1835.7 KB) [[attachment:ClearGreen.png]]
  • [get | view] (2008-05-22 02:17:18, 266.0 KB) [[attachment:ClearGreenSmall.png]]
  • [get | view] (2008-05-08 14:38:41, 31.3 KB) [[attachment:Comparisons.jpg]]
  • [get | view] (2008-05-17 16:33:19, 761.5 KB) [[attachment:NewClear.png]]
  • [get | view] (2008-05-17 16:33:51, 187.3 KB) [[attachment:NewClearSmall.png]]
 All files | Selected Files: delete move to page

CategoryArtwork

Artwork/Incoming/Intrepid/Clear_Intrepid (last edited 2008-10-01 20:29:10 by adsl-074-229-082-016)