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

Proposed Look&Feel

https://wiki.ubuntu.com/Artwork/Incoming/Karmic/Boot/Demo

(What is the current status - more than "proposed"? Is this what went in Karmic?)

Contributions

Please add new submissions at the end of existing ones.

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 Zondlo's - Going Green

Well after reading that green might be introduced to ubuntu's color palette, I thought it might be a good idea to throw it in the boot screen :).

Submission - #1

Preview:

DZ-Green2_pre.png
View: Fullsize

Comments

Awesome. Whilst I am not sure about the green, your design would be a great base for the new usplash/whatever theme. --Tom Wright

As a fan of former Clearlooks and its principles "simple, elegant, and usable" I love your draft together with the mockups of Mr. Doob. When there is the topic new OS design I imagine something like this for the whole desktop experience. At the moment my desktop experience of choice would look like the mixture of your/Mr.Doob's boot design plus the same design for the login screen plus New Wave theme without dark menus plus icon set Erectus with some modifications. I want to add that the other ideas for animation like the african sunrise or the particle animation are alluring as well. Maybe there is a way to change the animations randomly per boot event but keep a consistent overall look at the same time. --S.Erben

Submission Brown - #2

This is with Mr. Doob's most excellent background color choice.

~David Zondlo

Preview:

DZ-Green_pre.png
View: Fullsize

Comments

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

spg76's boot

I made a raw animation of my idea. SebastianPorta

Preview:

spg76s_boot.png
View: Sample Animation

Comments

Mr.doob 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

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

Iteration 3

I've made the background a bit more brown now. I'm also testing with just the logo... 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

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

Iteration 5

Canonical has presented their version of the boot mock ups. In my opinion it's an interesting approach, but I'm not sure it really give a professional impression. Compression artifacts on the side, I've recreated their mock up and gave it a "gold" tone without overdoing it too much with glows. I still think that the "9.10" version should go along the logo, but seems like Canonical doesn't agree.

mrdoob_ubuntu910_boot06_01.png

mrdoob_ubuntu910_boot06_02.png

This time I'm also sharing the .psd.

Comments

Iteration 6

Seems like the Design team are interested in experiment with different colours. This iteration is quite aggressive colour wise. Just take your transition time and try to get use to it, see how it feels...

My main concern in Canonical design is the fact that it feels like a closed room. Which doesn't really work (in my opinion) to what Ubuntu is (something open/fresh). Open and fresh are actually quite good terms to define what I've tried to do on this iteration.

As my designs show I'm a fan of simplicity, that's why they are always quite plain, but the design team is more interested on a design with "depth". Having a simple design will make the build much more straight forward, but I guess that's not my call. Hopefully they'll manage to build the design on time :S

mrdoob_ubuntu910_boot07_01.png

Alternative colours (too pink I think)

mrdoob_ubuntu910_boot07_02.png

mrdoob_ubuntu910_boot07_03.png

mrdoob_ubuntu910_boot07_04.png

.psd.

By the way, I'm afraid I'm not really aware of the technical limitations, unfortunately I don't have time to study the scenario this time. Hopefully some of the ideas are doable technically.

Comments

Iteration 6 edit by thorwil

Just the splash to suggest a different background coloration:

attachment:mrdoob_07_tw_splash.png
Full size

Iteration 6 edit by MadsRH

I also tried different colors on MrDoob's awesome work, but my orange coloration didn't work out as perfect as I had hoped. //MadsRH 2024-04-19 21:18:31

Pink & Human:

attachment:mrdoob_madsrh_2.jpg
Full size

Orange:

attachment:mrdoob_madsrh_orange_trobber.jpg
Full size

attachment:mrdoob_madsrh_orange_GDM.jpg
Full size

Comments

Iteration 6 edit by mac_v

Hmm... another play on the colors. Full credit to mr.doob's original. attachment:mrdoob_mac_v1_splash.png
attachment:mrdoob_mac_v2_splash.png
attachment:mrdoob_mac_v3_splash.png
I know... I'll stop now Wink ;)

Iteration 7

MadsRH's orange version seemed interesting. Maybe it feels more ubuntu now (oranges + browns).

mrdoob_ubuntu910_boot08_01.png

mrdoob_ubuntu910_boot08_02.png

mrdoob_ubuntu910_boot08_03.png

.psd.

Comments

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-19 21:18:31

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

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-19 21:18:31

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

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

View the .OGV version here...

Comments

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-19 21:18:31

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-19 21:18:31

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

Comments

Suggestion Five

I was working on some animations (http://www.youtube.com/watch?v=xQqZ7p3BcJE) and I came up with the video below. This wasn't actually intended as a bootsplash suggestion until "shadowh511" suggested it in the YouTube comments.

//MadsRH 2024-04-19 21:18:31

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

Comments

Demo mockups

After seeing the Canonical demo [https://wiki.ubuntu.com/Artwork/Incoming/Karmic/Boot/Demo], I wanted to try to create a more colorful version. Three ideas below:

attachment:bootsplash-demo1.jpg

attachment:bootsplash-demo2.jpg

attachment:bootsplash-demo3.jpg

--MadsRH 2024-04-19 21:18:31

Comments


CategoryArtwork

francescoscioff

image

francescoscioff2

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

Dorian's shutdown

Animated gif with a slow framerate :

attachment:boot-final.gif

boot-final.gif shutdown-final.gif

Ubunturise boot

A quick idea for a boot screen. The text will come fading in line after line, and slowly fade out when a new one is pushed. --Xunil

attachment:ubunturise.png

ubunturise.png

Comments

Iteration 2 edit by thorwil

Examples of options I would explore based on Iteration 2:

attachment:iteration_2_tw_splash.png
Full size

attachment:iteration_2_tw_list.png
Full size

Please try to consider each option in separation.

Source of the above. Archive with screenshots and an SVG.

-- t-w- 2009-08-15 09:28:09

Comments

Artwork/Incoming/Karmic/Boot (last edited 2009-10-25 11:44:44 by 70-91-68-82-Maryland)