Newsplash

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

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

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.

animclockorang.gif

Variation 3: Small, white background, no text.

anim.gif

Variation 4: Normal, but with white background.

ubuntuselfloading.gif

Variation 5: Normal, but with white background.

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:

circularprogress.gif

Variation 2: With orange progress bar.

animorangprog.gif

Concept 3

animconcept1and2.gif

Variation: Minimal ajax-ish

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.

ubuntu_usplash.swf

Variant: The balls spin the other way...

ubuntu_usplash_2wayspin.swf

MadsRH

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?)

logofillup.gif logoprogress.gif logocircle.gif

Pictures above show "icon" in its actual size. Black area was cropped to save uploading space.

Rugby471's (& KennethWimer)

Due to a recent suggestion on the Simple] 's page to make a usplash out the the wallpaper submitted there, I have created a throbber that will go on a usplash. Below is the throbber.

As you can see it is a sort of minimalist take on the horn of an Ibex.

simple-black.gif

I shall try to make a usplash as soon as possible. What do you think ? -/- Rugby471

Reference

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

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

  • 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
  • MadRH is probably your best bet, especially if you can pull all 100 photos off.-- Brettalton 2008-06-18 22:42:57

  • any comments on my concepts (dmitriy's section)?


Dmitriykalinin 2008-07-26 23:39:51

  • MadsRH is by far the best, most elegant of them all. The spinning ubuntu logo actually makes me dizzy, and the second spinning one is even more dizzying. The Concept 2 variations are a bit too brown. I like the spinning idea instead of the linear bar, but I think MadsRH is the best interpretation of a spinning logo.


supergamesoftoday 2008-09-30 21:45:01


Warning /!\ Edit conflict - other version:


  • MadsRH is by far the best, most elegant of them all. The spinning ubuntu logo actually makes me dizzy, and the second spinning one is even more dizzying. The Concept 2 variations are a bit too brown. I like the spinning idea instead of the linear bar, but I think MadsRH is the best interpretation of a spinning logo.


supergamesoftoday <<DateTime(2008-09-30T21:45:01>>


Warning /!\ Edit conflict - your version:



Warning /!\ End of edit conflict


Attachment List

  • [get | view] (2008-05-15 11:22:37, 4.8 KB) [[attachment:IntrepidUsplashfull-mini.gif]]
  • [get | view] (2008-05-15 11:22:27, 10.5 KB) [[attachment:IntrepidUsplashfull.gif]]
  • [get | view] (2008-05-16 00:37:15, 4.7 KB) [[attachment:IntrepidUsplashsmall.gif]]
  • [get | view] (2008-05-16 00:02:21, 3.9 KB) [[attachment:anim.gif]]
  • [get | view] (2008-05-16 00:02:51, 10.2 KB) [[attachment:anim1.gif]]
  • [get | view] (2008-05-16 00:37:06, 10.5 KB) [[attachment:anim3.gif]]
  • [get | view] (2008-05-16 11:46:06, 10.5 KB) [[attachment:animclock.gif]]
  • [get | view] (2008-05-16 11:46:15, 10.5 KB) [[attachment:animclockorang.gif]]
  • [get | view] (2008-05-16 14:42:28, 8.0 KB) [[attachment:animconcept1and2.gif]]
  • [get | view] (2008-05-16 11:46:25, 7.8 KB) [[attachment:animorangprog.gif]]
  • [get | view] (2008-06-08 17:17:47, 5.0 KB) [[attachment:boot.gif]]
  • [get | view] (2008-05-15 14:48:10, 7.7 KB) [[attachment:circularprogress.gif]]
  • [get | view] (2008-07-21 06:43:33, 1.7 KB) [[attachment:logocircle.gif]]
  • [get | view] (2008-07-21 06:43:52, 1.5 KB) [[attachment:logofillup.gif]]
  • [get | view] (2008-07-21 06:43:43, 1.7 KB) [[attachment:logoprogress.gif]]
  • [get | view] (2008-08-05 16:09:51, 41.0 KB) [[attachment:simple-black.gif]]
  • [get | view] (2008-08-05 06:59:22, 315.6 KB) [[attachment:simple.gif]]
  • [get | view] (2008-05-29 10:48:54, 4.0 KB) [[attachment:ubuntu_usplash.swf]]
  • [get | view] (2008-05-29 10:35:44, 4.0 KB) [[attachment:ubuntu_usplash_2wayspin.swf]]
  • [get | view] (2008-07-20 05:54:49, 229.4 KB) [[attachment:ubuntuselfloading.gif]]
  • [get | view] (2008-06-10 10:17:49, 34.5 KB) [[attachment:usplash.jpg]]
  • [get | view] (2008-05-16 00:37:26, 5.1 KB) [[attachment:usplashprogresssmall.gif]]
 All files | Selected Files: delete move to page

CategoryArtwork

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