Unity Theme

Differences between revisions 2 and 15 (spanning 13 versions)
Revision 2 as of 2010-03-22 20:13:04
Size: 1656
Editor: dhcp-077-249-201-218
Comment:
Revision 15 as of 2010-05-14 14:13:30
Size: 5160
Editor: static
Comment:
Deletions are marked like this. Additions are marked like this.
Line 19: Line 19:
It's beeing born to give Ubuntu or more stylized and fluid look.
It's roughly based on the Dusk theme and should cover all aspects in Ubuntu and make use of the current icon set (Humanity).
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).
Line 23: Line 23:
Aspects that need skinning: Please post you comments and suggestions here: http://ubuntuforums.org/showthread.php?p=9298495 <<BR>>
(Old closed thread: http://ubuntuforums.org/showthread.php?t=1397770)
Line 25: Line 26:
- Splash screen (Startup and Shutdown)<<BR>>
- Login screen<<BR>>
- Full desktop<<BR>>
- Lock screen
Line 30: Line 27:
Please post you comments here: http://ubuntuforums.org/showthread.php?t=1397770 Aspects that needs skinning:
Line 32: Line 29:
Login Screen: '''Splash screen'''
 - ''Startup / Shutdown''<<BR>>
{{attachment:TB - Splash 1.png}}<<BR>>
 - ''Startup / Shutdown (Alternative)''<<BR>>
{{attachment:TB - Splash 1.png}}<<BR>>
'''Login screen'''
 - ''User Selection''<<BR>>
{{attachment:TB - Login.png}}<<BR>>
 - ''Selected User''<<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>>
'''Lock screen'''
 - ''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>>

== Mock-ups ==

=== Splash screen ===
==== 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>>

=== Login screen ===
==== User Selection ====
Line 34: Line 71:
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.

==== Selected User ====
Line 35: Line 76:
Screen selected user and shutdown menu example.
Line 36: Line 78:
== Reference == ==== User Message ====
{{attachment:Login - Message.png}}<<BR>>
User selection lease message example.
Line 38: Line 82:
## THIS IS THE PLACE WHERE YOU PUT YOUR REFERENCES
{{attachment:dummy_tn.jpg}}<<BR>>
[[http://made-up.com/dummy.png|Source]]
=== Full desktop ===
==== 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>>

=== Lock screen ===
==== 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.
Line 43: Line 115:
M. van Workum (Reason)
Line 44: Line 117:

== Comments ==

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?p=9298495
(Old closed thread: 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)