Newsplash

Differences between revisions 1 and 47 (spanning 46 versions)
Revision 1 as of 2008-05-15 00:50:51
Size: 2801
Editor: cpc2-nott5-0-0-cust583
Comment:
Revision 47 as of 2008-07-21 06:41:02
Size: 7048
Editor: cpe-76-172-251-179
Comment: added 3 more concepts
Deletions are marked like this. Additions are marked like this.
Line 11: Line 11:
Intrepid needs a new usplash. It is the first thing people see when they start Ubuntu, it should make an impression. It should also be consistent with the default theme, especially, for instance the progress bar. Intrepid needs a new usplash. It is the first thing people see when they start Ubuntu, it should make an impression. It should also be consistent with the default theme, especially, for instance the progress bar (though in some of the mockups below I've rather broken this rule in order to use the some of the grey from New Wave! I tried an orange progress bar, but with the logo being so large and, well, orange, it just looked a little tooooo orange).

Line 14: Line 16:
'''Palette'''
#THIS IS THE LOCATION OF YOUR PALLETE
attachment:platypuspalette.png
Line 21: Line 20:
||<tablestyle="text-align:center">attachment:platypusafraidthumb.png||
||[attachment:platypusafraid.png Fullsize] Image by Lassegul||

'''Concept 1'''

This concept highlights the way that ubuntu brings people together. First 1 person, then a second and finally a third join hands in collaboration. When they have all got together the fruits of their labour, ubuntu, appears in the middle!

The mock up below comes from a design I saw for a Hardy usplash (ref. below). I think that at the same time that the ubuntu text appears, the progress bar should appear below the logo. So that the bit of the progress bar currently taken up by the ping-pong orange racket will be replaced by the logo below (I hate ping-pong progress bars!), but there will still be a normal progress bar with 1% increments for the second half of loading which requires it.

''Variation 1:'' Here is the usplash as you might see it (in reality I think part 1 would loop a few times before the part 2 and its progress bar actually appear).

attachment:anim3.gif


Part 1 and 2 of splash explained: Splash part 1 (this will loop until the initial loading, in Hardy displayed by the orange ping-pong, is done). See attachment - intrepidusplashsmall.gif below. Splash part 2 (progress bar, for the part of the usplash currently done by... well, the progress bar!). See attachment - usplashprogresssmall.gif below.

''Variation 2:'' Clockwise with orange progress bar.

attachment:animclockorang.gif

''Variation 3:'' Small, white background, no text.

attachment:anim.gif

''Variation 4:'' Normal, but with white background.

attachment:ubuntuselfloading.gif

''Variation 5:'' Normal, but with white background.

attachment:anim1.gif

'''Concept 2'''

This simpler concept still focuses on the unity of the ubuntu circle but, forgoes text and distracting animations for a more minimalist look.

''Variation 1:''

attachment:circularprogress.gif

''Variation 2:'' With orange progress bar.

attachment:animorangprog.gif

'''Concept 3'''

attachment:animconcept1and2.gif

'''Variation: Minimal ajax-ish'''

attachment:boot.gif

easier on the eyes, can have a linear boot progress bar below the logo, or even scrolling text (for those who like it)

the example has white b/g, it can be black or whatever color


=== Spinning Ubuntu Logo ===

The ubuntu logo spins at first, then stops and a progress bar appears for main loading.

attachment:ubuntu_usplash.swf

Variant: The balls spin the other way...

attachment:ubuntu_usplash_2wayspin.swf

=== MadsRH ===

attachment:usplash.jpg

=== dmitriy's ===
Pictures below are cropped. May be we should take example from macs. My favorite bootup below is the first one. Logo will fill down according to the progress. (May be it should fill up?)

attachment:logofillup
attachment:logoprogress
attachment:logocircle

Line 26: Line 100:
#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]||
Concepts 1 & 3: A resurrection of this usplash design for hardy: https://wiki.ubuntu.com/Artwork/Incoming/Hardy/Alternate/usplash_for_hardy
Line 42: Line 112:
 * 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!
 * Love the Splash part 1 and the Concept 2.. Let's forget the linear progressbar, more roundness and sharpness! Maybe little better with the circular progressbar in orange-ubuntuish colours, if i can make a suggest!- Mariux
  * Thanks for the comment Mariux. The only problem I foresee with an orange progress bar is that with it being so close to the logo thats a lot of orange! NickRussell
Line 48: Line 115:
 * Concept 2 is definitely my favourite. Bringing in the circular progress bar looks very interesting. I think that the Ubuntu logo needs to be placed in it, though. - Cloudfx

 * Rotating ubuntu, anyone? - Broomfighter

 * Concept 2 would be nice. No, please don't place a rotating ubuntu logo. -Kido

 * Concept 2, Variation 1 is very nice. I would though like to see that one with a white background and a lighter gray for the progress. I hope the circular progress will become a reality.

 * Keep it small! The small logo is a really good idea to deal elegantly with a poor splash screen resolution (Concept 1,V3).

 * With the orange circular progressbar now it's amazing! Weel Done! - ["Mariux"]

 * To Broomfighter, I thought exactly the same thing, so I made it in flash. Hope you enjoy it. To Kido - Why not? Note that my flash files (ubuntu_usplash.swf and ubuntu_usplash_2wayspin.swf) are pure concept. They also don't perfectly rotate around the center - this is PURELY AN IDEA. I don't know how to make a usplash (I don't even know it the spin is possible), but I am keen to learn. I also spotted this after I made the logo: https://wiki.ubuntu.com/Artwork/Incoming/Hardy/Alternate/usplashHH. It has a similar concept.
Another idea - how about a 'configure bootloader' entry in the preferences menu of ubuntu, with multiple usplashes? This would allow a small logo if you wanted, a way to manage other usplashes (kubuntu, xubuntu etc.) and also an easy way for someone to configure what they want the bootloader to default to (eg. Windows User). -nuclearpidgeon-

 * fantastic, i particularly like the one with the grey bar in the centre. would it be possible to make the inner progress bar load smoothly rather than in blocks and the outer one have each block fade in a bit rather than just apearing? if so i think it would be perfect.

 * It's a nice concept. Have you thought about progressively loading the Ubuntu image in a circular motion? (Instead of loading it in 3 frames.) --Aantn

 * @nuclearpidgeon: I just don't like it since it looks too busy, especially if it's large. :P -Kido

 * Nice work. I particulary like concept 2, variation 1. --eapache

 * MadRs is probably your best bet, especially if you can pull all 100 photos off.-- Brettalton [[DateTime(2008-06-18T22:42:57Z)]]

Navigation(slides) Navigation(siblings,1)

Newsplash

Concept

Intrepid needs a new usplash. It is the first thing people see when they start Ubuntu, it should make an impression. It should also be consistent with the default theme, especially, for instance the progress bar (though in some of the mockups below I've rather broken this rule in order to use the some of the grey from New Wave! I tried an orange progress bar, but with the logo being so large and, well, orange, it just looked a little tooooo orange).

Anchor(Palette)

Anchor(ConceptArt) Concept Art

Concept 1

This concept highlights the way that ubuntu brings people together. First 1 person, then a second and finally a third join hands in collaboration. When they have all got together the fruits of their labour, ubuntu, appears in the middle!

The mock up below comes from a design I saw for a Hardy usplash (ref. below). I think that at the same time that the ubuntu text appears, the progress bar should appear below the logo. So that the bit of the progress bar currently taken up by the ping-pong orange racket will be replaced by the logo below (I hate ping-pong progress bars!), but there will still be a normal progress bar with 1% increments for the second half of loading which requires it.

Variation 1: Here is the usplash as you might see it (in reality I think part 1 would loop a few times before the part 2 and its progress bar actually appear).

attachment:anim3.gif

Part 1 and 2 of splash explained: Splash part 1 (this will loop until the initial loading, in Hardy displayed by the orange ping-pong, is done). See attachment - intrepidusplashsmall.gif below. Splash part 2 (progress bar, for the part of the usplash currently done by... well, the progress bar!). See attachment - usplashprogresssmall.gif below.

Variation 2: Clockwise with orange progress bar.

attachment:animclockorang.gif

Variation 3: Small, white background, no text.

attachment:anim.gif

Variation 4: Normal, but with white background.

attachment:ubuntuselfloading.gif

Variation 5: Normal, but with white background.

attachment:anim1.gif

Concept 2

This simpler concept still focuses on the unity of the ubuntu circle but, forgoes text and distracting animations for a more minimalist look.

Variation 1:

attachment:circularprogress.gif

Variation 2: With orange progress bar.

attachment:animorangprog.gif

Concept 3

attachment:animconcept1and2.gif

Variation: Minimal ajax-ish

attachment:boot.gif

easier on the eyes, can have a linear boot progress bar below the logo, or even scrolling text (for those who like it)

the example has white b/g, it can be black or whatever color

The ubuntu logo spins at first, then stops and a progress bar appears for main loading.

attachment:ubuntu_usplash.swf

Variant: The balls spin the other way...

attachment:ubuntu_usplash_2wayspin.swf

MadsRH

attachment:usplash.jpg

dmitriy's

Pictures below are cropped. May be we should take example from macs. My favorite bootup below is the first one. Logo will fill down according to the progress. (May be it should fill up?)

attachment:logofillup attachment:logoprogress attachment:logocircle

Reference

Concepts 1 & 3: A resurrection of this usplash design for hardy: https://wiki.ubuntu.com/Artwork/Incoming/Hardy/Alternate/usplash_for_hardy

Contributions

[wiki:/?action=AttachFile Attach File]

Include(Artwork/Incoming/SubmissionGuidelines/Guidelines)

Comments

  • Love the Splash part 1 and the Concept 2.. Let's forget the linear progressbar, more roundness and sharpness! Maybe little better with the circular progressbar in orange-ubuntuish colours, if i can make a suggest!- Mariux
    • Thanks for the comment Mariux. The only problem I foresee with an orange progress bar is that with it being so close to the logo thats a lot of orange! NickRussell

  • Concept 2 is definitely my favourite. Bringing in the circular progress bar looks very interesting. I think that the Ubuntu logo needs to be placed in it, though. - Cloudfx
  • Rotating ubuntu, anyone? - Broomfighter
  • Concept 2 would be nice. No, please don't place a rotating ubuntu logo. -Kido
  • Concept 2, Variation 1 is very nice. I would though like to see that one with a white background and a lighter gray for the progress. I hope the circular progress will become a reality.
  • Keep it small! The small logo is a really good idea to deal elegantly with a poor splash screen resolution (Concept 1,V3).
  • With the orange circular progressbar now it's amazing! Weel Done! - ["Mariux"]
  • To Broomfighter, I thought exactly the same thing, so I made it in flash. Hope you enjoy it. To Kido - Why not? Note that my flash files (ubuntu_usplash.swf and ubuntu_usplash_2wayspin.swf) are pure concept. They also don't perfectly rotate around the center - this is PURELY AN IDEA. I don't know how to make a usplash (I don't even know it the spin is possible), but I am keen to learn. I also spotted this after I made the logo: https://wiki.ubuntu.com/Artwork/Incoming/Hardy/Alternate/usplashHH. It has a similar concept.

Another idea - how about a 'configure bootloader' entry in the preferences menu of ubuntu, with multiple usplashes? This would allow a small logo if you wanted, a way to manage other usplashes (kubuntu, xubuntu etc.) and also an easy way for someone to configure what they want the bootloader to default to (eg. Windows User). -nuclearpidgeon-

  • fantastic, i particularly like the one with the grey bar in the centre. would it be possible to make the inner progress bar load smoothly rather than in blocks and the outer one have each block fade in a bit rather than just apearing? if so i think it would be perfect.
  • It's a nice concept. Have you thought about progressively loading the Ubuntu image in a circular motion? (Instead of loading it in 3 frames.) --Aantn
  • @nuclearpidgeon: I just don't like it since it looks too busy, especially if it's large. :P -Kido
  • Nice work. I particulary like concept 2, variation 1. --eapache
  • MadRs is probably your best bet, especially if you can pull all 100 photos off.-- Brettalton DateTime(2008-06-18T22:42:57Z)

Attachment List

AttachList


CategoryArtwork

Artwork/Incoming/Intrepid/Newsplash (last edited 2008-10-01 04:47:37 by adsl-69-234-206-213)