Boot

Revision 86 as of 2009-07-22 09:29:51

Clear message

Other pages for this artwork cycle:

Karmic Boot Experience

Ubuntu Karmic will get a whole new, shiny and flicker-free boot experience. In other words, the sequence of events between switching on your computer and your desktop session will be largely redeveloped and redesigned.

New stuff includes:

* grub 2, which will be silent, only accessible on-demand (by holding down Shift during Bootloader initialization)

* KMS-powered experiences for the initial boot splash, password encrypted filesystem and disk-check

* Graphical boot splash that will be running on top of X-server, not Usplash

* Graphical OS Switcher available by pressing ESC during the startup sequence, also running on top of X

- GDM 2.

Concept

The standard boot sequence will not include Usplash any longer, instead, the X-session will be started right away. Therefore, the graphical boot splash screen will have the whole X-stack available, including hardware acceleration...

Fresh, innovative concepts is what we're looking for (in-line with Ubuntu branding of course!), in particular regarding the graphical boot splash (spinners, animations, artwork, etc.).

Reference

The design guidelines can be found here

Please add new submissions at the end of existing ones.

Contributions

The eye of HAL

This is simple circle that glows into red. This idea was once for New Wave usplash but I had no time and knowledge how to realize it so if you find use of it I'll be very glad. --AntonKerezov

Preview:

HAL-preview.png
View: Sample Animation

Comments

David Z's Loading Animation

After reading some simple email responses Iv decided to try this. It is a simple picture of the ubuntu logo with a progress bar, the background is a websafe #333 dark gray. My goal for this gif was 'lite'. ~David Zondlo

Preview:

Davids-Submission-preview.png
View: Loading Animation

Comments

  • David Z's animation looks nice to me, it think that adding a text, focusing on the animal, and lowering the saturation of the progress bar will improve this. currently, the progressbar calls the attention, so, we want the image to call our attention.

African Sunrise

In this idea the boot process shows an African sunrise, where the sun indicates the progress.

Preview:

africansunrise-preview.png
View: Sample Animation Original SVG

Comments

  • I really like this idea. The colours of the sky should change though as the sun rises. -- flimm 2009-06-29 16:16:02

spg76's boot

I made a raw animation of my idea. SebastianPorta

Preview:

spg76s_boot.png
View: Sample Animation

Comments

  • Nice animation I like it. Would be natural next step to the current usplash with more effects. --AntonKerezov

  • I love this idea. The logo should fade in piece by piece at first (Like it does now) and then pulse in order from then on instead on blanking and then fading in again. --Washburnello
  • Wow, what as great idea there. I love it but I would also say that it ends roughly. I would also recommand to make it pulse at the end. Nice job Mr. Porta ! --PierreOlivierDufresne

Mr.doob's boot

Iteration 1

Quick mockup. Tried to have it as simple and elegant as possible. The actual boot loading was a good start I think. If the people like this style I can develop it and create the login panels and so on. --mr.doob

attachment:mrdoob_ubuntu910_boot01.png attachment:mrdoob_ubuntu910_boot02.png

Comments

  • Best boot I've ever seen in my life. The way you did the ubuntu logo, and the gradients just make it look very professional and clean. Definately the best splash on this page. I hope this one goes through. While I'm at it, there should be both a widescreen and fullscreen version of this. I think they are trying to get that working properly. Great job! --natewiebe13
  • This is a great mock-up, and I hope it gets included somehow in the final release. This may not work, but I thought that adding a slight hint of brown or orange to the background gradient would make it look more at home in ubuntu. --dstansby
  • Fantastic work Mr.doob Smile :-) I would loose the Ubuntu logo and text in the message mockup. Can't wait to see some more work from you - keep up the good work. --MadsRH

  • Awesome 0_0 . The logo looks cooler than the current one and I don't know why :P . I would make some minor changes thou: avoid the 9.10 text, since it draws your attention to it rather than keeping it in "ubuntu", and also remove the loading bar, replacing it with a throbber, since loading bars mean that it will take long and will give that impression. Windows and MacOS already ditched their loading bars.
    • First, I noticed that it looks like the red circle on the Ubuntu logo is missing the outline and gradient, it seems very bright compared to the rest. I agree with removing the 9.10, but keep the loading bar. Windows and Mac did remove theirs, but the problem is that you don't know how long it is going to take. With the throbber, it just seems like forever [especially on Windows because it does take a long time], but a loading bar, you can tell how long things are going to take. And with 9.10 to have a faster boot time than now [my boot time is 15 seconds] and 10.04 to have a boot time of 10 seconds, I don't see a big problem with a loading bar. Also, I thought the reason of Ubuntu/Linux was to be different from OSX and Windows.
      • Another option would be just to fade in and then out that screen
    • Here's my vote for removing the progress bar. Have you seen the animation in Windows 7's login? It's beautiful and I think we could create something similar, but still unique. I also think the '9.10' should be removed. Apart from that, this is great. Love it.
    • It's great! very elegant and clean, but progress bar should be replaced with something more modern. I also think the '9.10' number should be removed. Anyway, we need something like this in our system boot. Smile :) --Popoi

Iteration 2

Thanks a lot for all the feedback guys! Smile :) Here is the next iteration of the design. But first, some comments of what I've done:

So I've changed the background color. A bit more brownish, still, the reason why it was blue at first is because the design gets more rich with different colors. Ubuntu red/browns usually gets a bit plain. However, although it has been a bit of a mistake, the new colors are interesting. Brown but with some greens. Makes it more Ubuntu-like, but keeps the colour richness.

Regarding removing the "9.10"... I've faded it out a bit. The reason I'm putting it there is because right now there is no way to easily know which version of Ubuntu you're running, having the version there could be good knowing what you're booting up (in case you're helping a friend).

Progress bar or not progress bar.. I don't know. I guess that's Canonical's call.

I've also done a quick animation test of an idea I had for the boot/shut down. So the whole experience is horizontal. Starting from left, and reaching the steps until you reach the right. Like if it was a timeline.

Anyway, looking forward to hearing your thoughts about this iteration!

attachment:mrdoob_ubuntu910_boot03_01.png attachment:mrdoob_ubuntu910_boot03_02.png http://www.youtube.com/watch?v=MYeIaBop5YA&hd=1

Comments

  • This iteration has interesting animations but is not better in color aspect imo. The look is rather greenish which is not very Ubuntu. My advise is to make it dark brown like dust's or leave it grey. Now about the animations: they are good but I think that if the "light" you use from above could vary in its strength that would be wonderful. What I mean is that form black to boot it fades a bit and then from boot to desktop fades from dark to lighter until the bg is shown. As far as the 9.04 text - I agree that it should be there and faded. -- AntonKerezov

  • As far as I know, it supossed that we are searching new colours to Ubuntu, and maybe a moss-like green would be great.
  • This is by far the most professional looking boot screen I have ever seen. I really love the "Time line" animations, The fade is alright but the "time line" is by far more spectacular! I would really like the progress bar. It would be a shame if it was removed. Although windows 7 doesn't have a progress bar this progress bar is far superior to one Microsoft ever designed! I would really like to see this in ubuntu 9.10! --Ingalls

Iteration 3

Thanks for the feedback Anton. I think you're right, I've made the background a bit more brown now. I'm also testing with just the logo now, see what people think. No test animation this time...

attachment:mrdoob_ubuntu910_boot04_01.png attachment:mrdoob_ubuntu910_boot04_02.png

EDIT: Actually, there is animation. More subtle this time:

http://www.youtube.com/watch?v=zcSpkmM36nA&hd=1

Comments

  • I don't know about the logo but the warning window's border is too bright. I would keep it as it was in the previous iterations. About color and overall look I think others should say opinion too. I think that the animation is cool now Wink ;) -- AntonKerezov

  • The use of the fades (ubuntu is loading at that moment too) help to give the impression the boot time is shorter, plus the artwork is pretty cool. --Artir
  • Definitely, the Iteration 2 looks more slick, but the fade in animation from this one (the center-top) should be added to the Iteration 2. Also, a logo animation like spg76's boot will enhance it a lot. Also a brighter colour like this one is not the better chice, think that we have seen a black screen previously (the BIOS boot) and a radical chage like this one would impact too much. That's why a dark background would be better. Also, adding a "Press ESC to load othe OS" would be nice, a faded text on the botton.--dael99
    • I'm not sure about spg76 animation... There is a "Press ESC" message at the bottom, or are you talking about iteration 2? --mr.doob
      • I think it looks too much plain, brown background does not highlight the other elements. I was talking that if the progress is going to be deleted, a logo animation would be fine. But i prefer to hold the progress bar. A final tough, we are coming from black (the BIOS screen) so, it should fade from a totally black, then we are going to black (the shutdown), so it should go to a totally black screen. -- dael99
        • But in this video there is no shutdown. I'm getting confused Sad :( --mr.doob

  • I like the brown but it needs to fade from black to brown at the start to cover the bios boot instead of removing it Smile :) begone flashing screen - Killerkiwi2005

    • There is already a fade from black to dark brown, that's the first thing on the animation, but I guess it's too dark. --mr.doob
  • I really think brown is the wrong colour to go. If we are coming from a black-ugly-bios screen, we wat to se a beauty boot screen and brown is not truly nice. Also, i think the logo should include the ubuntu name, because once in the desktop we won't see it anymore.
  • I got to say, brown isn't the color to go far( although a small hint might do). I think iteration 1 with 3's animations would look the best. Great Job though, this is better than the boot experiences of Windows, and Mac.
  • This is by far the nicest boot I've ever seen. I was never really a big fan of the brown, but this seems to work. Perhaps also try a black version as the previous commenter mentioned. - circlingthesun
  • Aha, great! This mockup is exactly what I was planning to submit, except far prettier. The fade to / from black is perfect, because we have to expect black screens between at least some stages in the boot process. (Unless something astoundingly magical is in the works?). Using a fade makes those moments of blackness look more purposeful and smart. -- dylanmccall 2009-07-14 14:45:08

Iteration 4

Here it's another test. Following the guides the most difficult part is the fact that a plain color needs to appear on screen first thing, this color needs to be bright enough to be noticeable so the user knows something is happening. The problem comes when trying to do the transition to the next screen. Doing a transition to a darker screen won't work I think.

attachment:mrdoob_ubuntu910_boot05_01.png

Comments
  • Now that I see it again. It looks like a gameboy --mr.doob
  • It is too plain now but I like the graphic look of it. Maybe a bit darker brown will do better job. Btw with what tool are you making the animations? I wanted to create one but The new GAP for gimp is too complex. --AntonKerezov

    • Here is when you're going to get disappointed. I've used Photoshop and After Effects on Windows. I tried using Gimp at first (no idea about something like AE for Linux), but Gimp is just missing some things I can't work without. Like resizing and image but keeping the original on memory so the next resize is not destructive. And blending effects, like inner glow with overlay. I wish Gimp could do all this and I could have done on Linux. But believe me, I've tried. --mr.doob
      • Hmm ok I guess Linux is not yet ready for such things Smile :) --AntonKerezov

  • I like the simplicity, the only thing is I would stay away from using a brown background that light. Sorry to complain Smile :) --Luckenbg

MadsRH mockups

Suggestion One

I got some great response on my "Ubuntu 9.10 Promotion intro" video (http://www.youtube.com/watch?v=RdxE55K-Wvw) and and decided to created a suggestion for the graphical boot splash. I got a little carried away during the making of this clip (excessive use of effects - sorry!) and landed far far away from what the guidelines describe. Anyway, I've submitted it anyway for inspiration or perhaps even as a "don't go there" warning LOL. //MadsRH 2024-04-30 01:51:20

View the high resolution .OGV version http://files.getdropbox.com/u/175241/boot/Ubuntu%20Karmic%20Koala%20animated%20boot%20splash%20idea.ogv

http://www.youtube.com/watch?v=Oh6-uhGvBIY

Comments
  • Looks great! --Mat_t
  • Yeah, it's a bit over the top. But I'm sure it will give ideas to someone Smile :) --mr.doob

  • Very good job MadsRH. I like the way the particles are coming in perspective. --AntonKerezov

  • Ououh, fantastic job man! i love, it's clean, simple ,modern and beauty. congratulations. --Daniel Planas

Suggestion Two

So here is my second suggestion. Instead of loading the desktop after the boot splash, I added the facebrowser preview by Mat Tomaszewski (although we won't see that in Karmic, everybody loves the bling ;-)). Perhaps the throbber should spin a little faster and I should add a bit more motion blur.

UPDATE I've uploaded an updated version that replaces the logo fade-in with a glow/shine. Check it out here... //MadsRH 2024-04-30 01:51:20

http://www.youtube.com/watch?v=z8LAG27baEU

Short (boot splash only) .mpg version here...

View the .OGV version here...

Comments
  • Personally I like the first suggestion more because it is more expressive and dynamic. The second one just don't feel right to me. Maybe if you use smothering else (not Ubuntu logo) for the spinner it will be better.

Suggestion Three

The second one is still my favorite, but here's my 3rd idea. This one could use some fine tuning, but I'm sure the idea will shine through. The backgound is plain black, but the options are (almost) endless.

//MadsRH 2024-04-30 01:51:20

http://www.youtube.com/watch?v=nVb9cezeGl0

View the high resolution .OGG version here...

Comments

Suggestion Four

The second one is still my favorite, but here's my 4th idea. I just wanted to try something different with the throbber this time. To match the motto "Light Ubuntu inside..." I used fireflies as the animated object. Perhaps the light effect just before the logo appears is a little too fast?

//MadsRH 2024-04-30 01:51:20

http://www.youtube.com/watch?v=XlCVrtgxVcI&hl=en&fs=1&hd=1

Comments
  • I think that is cool. Only thing I would change is that little participles to form into some similar to the logo shape before they transform into it because the explosion is too sudden and out of nowhere imo. --AntonKerezov

  • Agree with Anton, a very interesting concept, but particles seem to behave in a very random way - perhaps they could form a more "organised" shape (not necessarily the logo), but still retain the random movement. The flash indeed seems a bit violent Smile :) Good work though! --Mat_t

troy_s

http://www.youtube.com/watch?v=408OfAJu3Y8&hd=1

Comments
  • Interesting to see the different approach! Perhaps I'd steer away from using explicit photographic backgrounds; they will not be editable, therefore we've got too many tastes to consider! But again, kudos for the novel ideas Smile :) --Mat_t


CategoryArtwork

francescoscioff

image

rmiller's boot

I enjoy Mr.doob's mockups much better, but I'm just putting these up in the hope that they inspire someone else. So feel free to to do whatever you want with these ideas.

attachment:grungy-orange.jpg

attachment:revision2.jpg