Unity Theme

Differences between revisions 4 and 14 (spanning 10 versions)
Revision 4 as of 2010-03-22 20:32:13
Size: 1848
Editor: dhcp-077-249-201-218
Comment:
Revision 14 as of 2010-05-14 14:00:16
Size: 5082
Editor: static
Comment:
Deletions are marked like this. Additions are marked like this.
Line 20: Line 20:
It's roughly based on the Dusk/Wasp theme and should cover all aspects in Ubuntu and make use of the current icon set (Humanity). It's roughly based on the Dust theme and should cover all aspects in Ubuntu and make use of the current icon set (Humanity).
Line 29: Line 29:
 - ''Startup''<<BR>>
 - ''Shutdown''<<BR>>
 - ''Startup / Shutdown''<<BR>>
{{attachment:TB - Splash 1.png}}<<BR>>
 - ''Startup / Shutdown (Alternative)''<<BR>>
{{attachment:TB - Splash 1.png}}<<BR>>
Line 33: Line 35:
{{attachment:TB - Login.png}}<<BR>>
Line 34: Line 37:
'''Full desktop'''<<BR>> {{attachment:TB - Login - User.png}}<<BR>>
 - ''User Message''<<BR>>
{{attachment:TB - Login - Message.png}}<<BR>>
'''Full desktop'''
 - ''Shutdown Menu''<<BR>>
{{attachment:TB - Desktop - Shutdown Menu.png}}<<BR>>
 - ''User Menu / Firefox (Alpha)''<<BR>>
{{attachment:TB - Desktop - User Menu - Firefox.png}}<<BR>>
 - ''Administrative Task''<<BR>>
{{attachment:TB - Desktop - Admin Task.png}}<<BR>>
Line 36: Line 48:
 - ''Screensaver (Example)''<<BR>>
{{attachment:TB - Screensaver.png}}<<BR>>
 - ''Unlock''<<BR>>
{{attachment:TB - Screensaver - Locked.png}}<<BR>>
 - ''User Message''<<BR>>
{{attachment:TB - Screensaver - Message.png}}<<BR>>
Line 40: Line 58:
==== Startup ====
Coming!
==== Shutdown ====
Coming!
==== Startup / Shutdown ====
{{attachment:Splash 1.png}}<<BR>>
The diagonal elements within the bar should move horizontally to indicate the system is not locked up.<<BR>>
Startup: The progress bar should fill within the boot time from left to right.<<BR>>
Shutdown: The progress bar should empty within the shutdown time from left to right.

==== Startup / Shutdown (Alternative) ====
{{attachment:Splash 2.png}}<<BR>>
Line 47: Line 69:
{{attachment:Login.png}} {{attachment:Login.png}}<<BR>>
User selection example. The default start screen. The mouseover / key selection can be seen on the user M. van Workum (Mouse pointer).<<BR>>Notice the login options have moved to the upper right corner to be more consistent with the desktop. The shutdown button will always be in the upper right corner, no matter in what state the system is.
<<BR>>Notice that even the date shows the temperature, as it will be when logged in, as well.
Line 49: Line 74:
{{attachment:Login - User.png}} {{attachment:Login - User.png}}<<BR>>
Screen selected user and shutdown menu example.

==== User Message ====
{{attachment:Login - Message.png}}<<BR>>
User selection lease message example.
Line 52: Line 82:
Coming! ==== Shutdown Menu ====
{{attachment:Desktop - Shutdown Menu.png}}<<BR>>
[[attachment:Desktop - Shutdown Menu - Joy.png|{{attachment:TB - Desktop - Shutdown Menu - Joy.png}}]]
[[attachment:Desktop - Shutdown Menu - Palm.png|{{attachment:TB - Desktop - Shutdown Menu - Palm.png}}]]
[[attachment:Desktop - Shutdown Menu - Road.png|{{attachment:TB - Desktop - Shutdown Menu - Road.png}}]]
<<BR>>

==== User Menu / Firefox (Alpha) ====
{{attachment:Desktop - User Menu - Firefox.png}}<<BR>>
[[attachment:Desktop - User Menu - Firefox - Joy.png|{{attachment:TB - Desktop - User Menu - Firefox - Joy.png}}]]
[[attachment:Desktop - User Menu - Firefox - Palm.png|{{attachment:TB - Desktop - User Menu - Firefox - Palm.png}}]]
[[attachment:Desktop - User Menu - Firefox - Road.png|{{attachment:TB - Desktop - User Menu - Firefox - Road.png}}]]
<<BR>>

==== Administrative Task ====
{{attachment:Desktop - Admin Task.png}}<<BR>>
Line 55: Line 100:
{{attachment:Locked.png}} ==== Screensaver (Example) ====
{{attachment:Screensaver.png}}<<BR>>
A possible screensaver to show the difference when the user moves it's mouse or presses a key when lock screen feature is enabled.

==== Unlock ====
{{attachment:Screensaver - Locked.png}}<<BR>>
Lock screen example. Notice the blurred and darken screensaver as background.
It would actually be very nice if the screensaver would continue working.

==== User Message ====
{{attachment:Screensaver - Message.png}}<<BR>>
Lock screen leave message example. Notice the blurred and darken screensaver as background.

Other pages for this artwork cycle:

Unity Theme

New theme concept for use in Lucid Lynx that should cover all screens. (Splash, login, lock and desktop screen)

Concept

It's being born to give Ubuntu or more stylized and fluid look. It's roughly based on the Dust theme and should cover all aspects in Ubuntu and make use of the current icon set (Humanity). Thus icon sets and background's (except maybe the login screen's background) are not part of this project.

Please post you comments and suggestions here: http://ubuntuforums.org/showthread.php?t=1397770

Aspects that needs skinning:

Splash screen

  • - Startup / Shutdown

TB - Splash 1.png

  • - Startup / Shutdown (Alternative)

TB - Splash 1.png
Login screen

  • - User Selection

TB - Login.png

  • - Selected User

TB - Login - User.png

  • - User Message

TB - Login - Message.png
Full desktop

  • - Shutdown Menu

TB - Desktop - Shutdown Menu.png

  • - User Menu / Firefox (Alpha)

TB - Desktop - User Menu - Firefox.png

  • - Administrative Task

TB - Desktop - Admin Task.png
Lock screen

  • - Screensaver (Example)

TB - Screensaver.png

  • - Unlock

TB - Screensaver - Locked.png

  • - User Message

TB - Screensaver - Message.png

Mock-ups

Splash screen

Startup / Shutdown

Splash 1.png
The diagonal elements within the bar should move horizontally to indicate the system is not locked up.
Startup: The progress bar should fill within the boot time from left to right.
Shutdown: The progress bar should empty within the shutdown time from left to right.

Startup / Shutdown (Alternative)

Splash 2.png

Login screen

User Selection

Login.png
User selection example. The default start screen. The mouseover / key selection can be seen on the user M. van Workum (Mouse pointer).
Notice the login options have moved to the upper right corner to be more consistent with the desktop. The shutdown button will always be in the upper right corner, no matter in what state the system is.
Notice that even the date shows the temperature, as it will be when logged in, as well.

Selected User

Login - User.png
Screen selected user and shutdown menu example.

User Message

Login - Message.png
User selection lease message example.

Full desktop

Shutdown Menu

Desktop - Shutdown Menu.png
attachment:Desktop - Shutdown Menu - Joy.png attachment:Desktop - Shutdown Menu - Palm.png attachment:Desktop - Shutdown Menu - Road.png

User Menu / Firefox (Alpha)

Desktop - User Menu - Firefox.png
attachment:Desktop - User Menu - Firefox - Joy.png attachment:Desktop - User Menu - Firefox - Palm.png attachment:Desktop - User Menu - Firefox - Road.png

Administrative Task

Desktop - Admin Task.png

Lock screen

Screensaver (Example)

Screensaver.png
A possible screensaver to show the difference when the user moves it's mouse or presses a key when lock screen feature is enabled.

Unlock

Screensaver - Locked.png
Lock screen example. Notice the blurred and darken screensaver as background. It would actually be very nice if the screensaver would continue working.

User Message

Screensaver - Message.png
Lock screen leave message example. Notice the blurred and darken screensaver as background.

Contributions

M. van Workum (Reason)


CategoryArtwork

Artwork/Incoming/Lucid/Unity Theme (last edited 2010-05-14 14:13:30 by static)