Amarok's UI Game part 2

Tomasz Dudzik madsheytan at gmail.com
Sat Oct 23 20:24:54 CEST 2010


All needed info are included in the README file. Any questions? Write back ;)
-------------- next part --------------
This is new Amarok Look by Sheytan.
Things that are redesigned in general mockup(amarok-general.jpg): 

-added headers background;
-redesigned albums applet to show albums from collection with QML animations;
-redesigned look of the applets bar (this one on the bottom);
-added monochromatic icons for more elegant look;
-search field moved into the right pleace - this saves space and looks way better (TM);
-removed icons from the browser header. Use only text location names.

additional info of the Album applet(album-details.jpg):

-popup for album information;
-blur not used items;
-add a flat "play now" button. When pressed, the album starts playing (add to playlist if not already there);
-add rating possibility;

Playlist(amarok-playlist.jpg):

-same header look as the context applets headers;
-on headers searchfield;
-monochromatic icons for playlist sorting settings;
-bookmarks button moved to the rest of playlist buttons (bottom);

PLEASE SWITCH TO MONOCHROMATIC ICONS, TOO :)

Media Browser (media-browser.jpg):

-move all buttons to the bottom;
-added a special place for buttons;
-use monochromatic icons;
-cleaned UI, more elegant;
-new sorting button (first click from A-Z, 2nd click from Z-A);
-New button for simple hide the media browser;

IMPORTANT:

In this case, my Context View and Playlist are tabbed, but the same look could be used for the standard Amarok layout.

Playlist layout is ofcourse changable ;)

For buttons use flat mode everywhere, icons only, without text lable. Text put into tooltips. This cleans up the UI and... as always makes it cleaner :D

IF YOU ARE INTERESTED IN CREATING THIS DESIGN FOR DEFAULT AMAROK LOOK, OR YOU WANT TO USE SOME OF THE IDEAS, CONTACT ME
THEN I WILL CREATE THINGS LIKE OTHER APPLETS LOOK ;)
-------------- next part --------------
A non-text attachment was scrubbed...
Name: album-details.jpg
Type: image/jpeg
Size: 2292945 bytes
Desc: not available
Url : http://mail.kde.org/pipermail/amarok-devel/attachments/20101023/502fd2dc/attachment-0004.jpg 
-------------- next part --------------
A non-text attachment was scrubbed...
Name: amarok-new-look-general.jpg
Type: image/jpeg
Size: 2366430 bytes
Desc: not available
Url : http://mail.kde.org/pipermail/amarok-devel/attachments/20101023/502fd2dc/attachment-0005.jpg 
-------------- next part --------------
A non-text attachment was scrubbed...
Name: amarok-browser.jpg
Type: image/jpeg
Size: 2444182 bytes
Desc: not available
Url : http://mail.kde.org/pipermail/amarok-devel/attachments/20101023/502fd2dc/attachment-0006.jpg 
-------------- next part --------------
A non-text attachment was scrubbed...
Name: amarok-playlist.jpg
Type: image/jpeg
Size: 2425704 bytes
Desc: not available
Url : http://mail.kde.org/pipermail/amarok-devel/attachments/20101023/502fd2dc/attachment-0007.jpg 


More information about the Amarok-devel mailing list