Newsplash

Differences between revisions 53 and 54
Revision 53 as of 2008-08-05 16:41:36
Size: 7763
Editor: cpc2-hers3-0-0-cust952
Comment:
Revision 54 as of 2008-08-06 16:23:50
Size: 7821
Editor: localhost
Comment: converted to 1.6 markup
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;">'''Contents'''<<BR>><<TableOfContents>>||
<<Navigation(slides)>>
<<Navigation(siblings,1)>>
Line 15: Line 15:
[[Anchor(Palette)]] <<Anchor(Palette)>>
Line 17: Line 17:
[[Anchor(ConceptArt)]] <<Anchor(ConceptArt)>>
Line 29: Line 29:
attachment:anim3.gif {{attachment:anim3.gif}}
Line 36: Line 36:
attachment:animclockorang.gif {{attachment:animclockorang.gif}}
Line 40: Line 40:
attachment:anim.gif {{attachment:anim.gif}}
Line 44: Line 44:
attachment:ubuntuselfloading.gif {{attachment:ubuntuselfloading.gif}}
Line 48: Line 48:
attachment:anim1.gif {{attachment:anim1.gif}}
Line 56: Line 56:
attachment:circularprogress.gif {{attachment:circularprogress.gif}}
Line 60: Line 60:
attachment:animorangprog.gif {{attachment:animorangprog.gif}}
Line 64: Line 64:
attachment:animconcept1and2.gif {{attachment:animconcept1and2.gif}}
Line 68: Line 68:
attachment:boot.gif {{attachment:boot.gif}}
Line 79: Line 79:
attachment:ubuntu_usplash.swf [[attachment:ubuntu_usplash.swf]]
Line 83: Line 83:
attachment:ubuntu_usplash_2wayspin.swf [[attachment:ubuntu_usplash_2wayspin.swf]]
Line 87: Line 87:
attachment:usplash.jpg {{attachment:usplash.jpg}}
Line 92: Line 92:
attachment:logofillup.gif
attachment:logoprogress.gif
attachment:logocircle.gif
{{attachment:logofillup.gif}}
{{attachment:logoprogress.gif}}
{{attachment:logocircle.gif}}
Line 100: Line 100:
Due to a recent suggestion on the [[https://wiki.ubuntu.com/Artwork/Incoming/Intrepid/SimpleDarkIbex|Simple Dark Ibex]] '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. Due to a recent suggestion on the [[[https://wiki.ubuntu.com/Artwork/Incoming/Intrepid/SimpleDarkIbex|Simple|Dark Ibex]]] '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.
Line 104: Line 104:
attachment:simple-black.gif {{attachment:simple-black.gif}}
Line 116: Line 116:
[wiki:Self:/?action=AttachFile Attach File] [[/?action=AttachFile|Attach File]]
Line 118: Line 118:
[[Include(Artwork/Incoming/SubmissionGuidelines/Guidelines)]] <<Include(Artwork/Incoming/SubmissionGuidelines/Guidelines)>>
Line 137: Line 137:
 * With the orange circular progressbar now it's amazing! Weel Done! - ["Mariux"]  * With the orange circular progressbar now it's amazing! Weel Done! - [[Mariux]]
Line 150: Line 150:
 * MadRs is probably your best bet, especially if you can pull all 100 photos off.-- Brettalton [[DateTime(2008-06-18T22:42:57Z)]]  * MadRs is probably your best bet, especially if you can pull all 100 photos off.-- Brettalton <<DateTime(2008-06-18T22:42:57Z)>>
Line 152: Line 152:
 * any comments on my concepts (dmitriy's section)? ---- Dmitriykalinin [[DateTime(2008-07-26T23:39:51Z)]]  * any comments on my concepts (dmitriy's section)? ---- Dmitriykalinin <<DateTime(2008-07-26T23:39:51Z)>>
Line 155: Line 155:
[[AttachList]] <<AttachList>>

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
  • MadRs 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

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)