HOME | DD

AlexandrePh — Music Player Mockup 2

Published: 2012-04-07 16:03:51 +0000 UTC; Views: 17826; Favourites: 106; Downloads: 484
Redirect to original
Description I've got a hard time finding the perfect music player, so I try to gather all my ideas based on my experience and suggest something, here's the result.

Inspired by Beatbox, iTunes, and my experience with Foobar2000.

All feedbacks are always welcome, especially on this kind of project



Wallpaper : Blue by FateZoom
Related content
Comments: 61

roobbayy [2012-10-14 03:35:36 +0000 UTC]

What's the link for the wallpaper?

👍: 0 ⏩: 0

Preoccupation [2012-10-12 13:44:39 +0000 UTC]

What font you've used for playlist? I am sure it is already in Windows 7, but I can't recall the name.

👍: 0 ⏩: 0

yayme [2012-09-19 06:47:42 +0000 UTC]

It has potential that could actually be made into a foobar2000 skin.

👍: 0 ⏩: 0

ScreenDsk [2012-09-16 13:12:49 +0000 UTC]

oooh may gaaad

👍: 0 ⏩: 0

Arnie77 [2012-08-02 12:01:31 +0000 UTC]

Like it!
maybe we can make a foobar2000 config...

👍: 0 ⏩: 0

thekjub [2012-06-13 00:05:53 +0000 UTC]

make it for mediaMonkey pls

👍: 0 ⏩: 0

Calmdownnerd [2012-04-21 06:27:14 +0000 UTC]

People already commented, but it looks like you ripped of Itunes. The gradients are nearly identical to itunes, layout, buttons,etc. You just made it smaller and changed some of the fonts.

👍: 0 ⏩: 1

AlexandrePh In reply to Calmdownnerd [2012-04-22 05:25:55 +0000 UTC]

Try to think about what you would like to see in a music player, from everything you know, what buttons would you like, where they should be in order to be usable, etc... think about all this, and you won't get far from all that already existed, or else I can tell you that it will be bad (only good for yourself is a bad design, no matter who you are).

This is not like iTunes if you look for the details, the gradient is not half way like the one on iTunes which is much deeper and darker (it all depends on your screen and your ability to see gradients of colors). The "play" buttons are much more close from Windows Media Player than iTunes actually, even if I didn't use a glassy effect, same for the trackbar. The music list is not the one from iTunes, it could come from any other player, I've just tried to make the best out of all (in my opinion of course). "Every" music player have "shuffle" and "loop" options, as well as "add files" and "options", they are needed. But I've put all these little options at the same place, and iTunes certainly does not do it, I don't like to say it but WMP does it better on this side.
The rest is a matter of proportions and usability, it would be silly for example to put the "small" buttons in the middle and the song titles on the left... If you look at my gallery, I've made another mockup that have this top panel on the bottom, and that's actually what WMP or the skin I use on Foobar have. It's very good for people like me who see their playlist as a top priority and who almost never use the buttons, but that's not the common use, and that's not something you want to see when you first start to use a music player : you want to play the song
Now there's the navigation pane, and for that yes it looks a lot like the one in iTunes, I've just tried to make the best looking navigation pane I could imagine (only my point of view once again), and that's not something I use, so yes it's not the most original...

But be certain that I would enjoy to discuss about how a music player should or could look like, especially if it comes to something original. I've made this mockup especially in order to think about the matter, and to put all my thoughts into something "real". It was also made in order for everyone to speak about it.

I'm glad someone finally posted a comment that is not just "hey, that's awesome."

What music player do you use, and why do you use it more than another ?

👍: 0 ⏩: 1

Calmdownnerd In reply to AlexandrePh [2012-04-24 21:26:28 +0000 UTC]

Great rebuttal. Understand though, limitations of replication property in design. Numerous people have looked at this and it strictly reminds them of Itunes. Simply put some of the icons are exact. The colors might not be "exact" but they are pretty close. Try it in black\ or charcoal.

👍: 0 ⏩: 0

alienfast [2012-04-19 03:29:42 +0000 UTC]

Love this! The light gradients are beautiful!

👍: 0 ⏩: 0

GrzegorzJZD [2012-04-18 13:59:38 +0000 UTC]

Excelent mockup!

👍: 0 ⏩: 0

CarlDx [2012-04-18 02:16:10 +0000 UTC]

please make for Aimp2

👍: 0 ⏩: 0

Eimarmeni [2012-04-17 21:27:53 +0000 UTC]

Go here: [link]
Check out their skins too. Yours could be one of them.
The player is very simple but really good and ... cute

👍: 0 ⏩: 0

link6155 [2012-04-17 21:14:32 +0000 UTC]

Even better then before!

👍: 0 ⏩: 0

Lil-James [2012-04-17 20:39:08 +0000 UTC]

\m/ Stratovarius

👍: 0 ⏩: 0

giannisgx89 [2012-04-17 20:09:21 +0000 UTC]

Really slick!

Now try to make is with glass on top.

👍: 0 ⏩: 1

AlexandrePh In reply to giannisgx89 [2012-04-18 07:27:23 +0000 UTC]

Thanks !

I know many people think this looks "in the style of Mac OS", even if I didn't plan it that way. But I'm actually asking myself what is the Windows style ?

I will try something with glass for myself, but I think Microsoft themselves will slowly get rid of the transparency. So I may try something "in the Windows style" too, in the style of Metro I mean.

👍: 0 ⏩: 1

giannisgx89 In reply to AlexandrePh [2012-04-18 11:22:23 +0000 UTC]

Actually i like the mac os x style myself.
I just wanted to see how it may look like with aero on it cause overall the design is just awesome!

Also it is very good idea to make it look like metro but with your style.

👍: 0 ⏩: 0

TheDeletedUser [2012-04-11 10:31:35 +0000 UTC]

Really cool, it would be really nice if something like this actually existed for Windows! There seems to be no simple, minimalistic music player (I've tried most) with enough functanility. I'm pissed off at iTunes after it deleted all my music... but anyway... I digress!

Cool design!

👍: 0 ⏩: 0

Dolsilwa [2012-04-10 21:30:21 +0000 UTC]

Wow! I'd love to use it Great design.

👍: 0 ⏩: 0

LukasKokoska [2012-04-10 15:13:24 +0000 UTC]

Not bad.. I am not sure if this can be achieved somewhere. But maybe yes with Foobar or iTunes, maybe Xion(not really sure here). It all depends on supported things and elements through plugins. The design is solid, plain and simple. You could play more with some gradients to create some more depth on the sidebar. I have nothing more to say...

👍: 0 ⏩: 0

muckSponge [2012-04-10 13:40:48 +0000 UTC]

Very well executed, as expected, but I do agree with ~Zatara214 . There is no mention of the album title anywhere.

Awesome job.

👍: 0 ⏩: 1

AlexandrePh In reply to muckSponge [2012-04-10 16:07:51 +0000 UTC]

Yes, I do think about this problem, and maybe I'll do something like I have in foobar, a line bigger than for the songs, which goes from left to right, so above the cover too, which will include artist, album and year directly.

But I don't know where to place the bitrate and format of the file, since I wish it to depend on the file, not the entire album.

Thanks for the feedback

👍: 0 ⏩: 0

ZZaiatSS [2012-04-10 10:13:10 +0000 UTC]

Hi there! I'm creating the mockups of new player for GNU/Linux platform. Can i use your mockup in my work? All rights will be reserved

👍: 0 ⏩: 1

AlexandrePh In reply to ZZaiatSS [2012-04-10 16:21:34 +0000 UTC]

This is more an FYI than a request right ?
To be honest I don't really see the point in copying that much something else and not work on your own stuff, to create the exact thing you have in mind, it would be positive all the way. At least that's my opinion.

You can use it like that if you really want, just please add a link to what you are using, thanks.

👍: 0 ⏩: 0

Zatara214 [2012-04-10 06:57:26 +0000 UTC]

This looks awesome! The only thing that I'm not a huge fan of is the big year (2003) under the album art. I feel like that space is really important and that the year should be downplayed a bit. Maybe use that bigger, darker text for the album name since not all album art has the name on it.

👍: 0 ⏩: 1

AlexandrePh In reply to Zatara214 [2012-04-10 16:16:24 +0000 UTC]

You're right, the year is the last thing I've added and it's not completely in the same mood as the rest.
About the album name, like I've said to SpewBoy, I do think about this problem, and maybe I'll do something like I have in foobar, a line bigger than for the songs, which goes from left to right, so above the cover too, which will include artist, album and year directly.

Then all will be left is the bitrate that depends on each files, not the album, so I'm not sure where to place it yet.

👍: 0 ⏩: 0

gdpr-1423945 [2012-04-10 00:50:08 +0000 UTC]

Make it possible to have a dark version, and this is exactly how I think a media player should look and work. I'd use this right away!

👍: 0 ⏩: 0

jospinoj [2012-04-09 15:12:27 +0000 UTC]

Amazing design!

👍: 0 ⏩: 0

gtanmay [2012-04-09 04:53:41 +0000 UTC]

Is this made using Photoshop or you really succeeded in making your own music player

👍: 0 ⏩: 1

AlexandrePh In reply to gtanmay [2012-04-10 16:17:05 +0000 UTC]

It's a mockup only, 100% Photoshop

👍: 0 ⏩: 0

vanessabanessa89 [2012-04-08 19:31:07 +0000 UTC]

This is really great! I'd love to see this as an interface for any media player. I figure it might be possible to turn this into an Itunes theme because of the similarities. ^^

👍: 0 ⏩: 0

maXelo88 [2012-04-08 19:19:13 +0000 UTC]

Great mockup!...I hope someone can make it into foobar2000

👍: 0 ⏩: 0

zulykat [2012-04-08 15:58:19 +0000 UTC]

great!

👍: 0 ⏩: 0

NEOidea [2012-04-08 15:39:16 +0000 UTC]

It's a really nice MUSIC player with an awesome interface... I just don't see how you could choose just your videos, or podcasts... etc... like you can in iTunes. I think these would fit nicely in the sidebar.

Also, what's the + button for next to the Z?

Great work!

👍: 0 ⏩: 1

AlexandrePh In reply to NEOidea [2012-04-08 17:54:47 +0000 UTC]

Thanks, well yes, it's in fact a music player more than a media player And it's "basic", I haven't thought about everything. I haven't used iTunes in a while and I don't see how it handle videos... I should check that.

The + next to the Z is for other characters, for example if some of your music have Japanese names, you can access them with this +. Once again it's based on my usage and it would be different for someone that got almost only Japanese or Chinese and so on names in his music, then maybe it would be the opposite.

👍: 0 ⏩: 1

NEOidea In reply to AlexandrePh [2012-04-08 18:22:35 +0000 UTC]

Ok, I was confused by the Media Player name.

👍: 0 ⏩: 0

4kalashnikov7 [2012-04-08 13:59:10 +0000 UTC]

right click to edit info?

i will use this! neat and simply good to look at

👍: 0 ⏩: 1

AlexandrePh In reply to 4kalashnikov7 [2012-04-08 19:11:09 +0000 UTC]

Thanks !

Yes, always the right click A double click to the cover will also get you to the album folder, etc... I always like when such small options are "hidden" in what's already exist, no need to add 10 more buttons.

👍: 0 ⏩: 0

bgjerlow [2012-04-08 11:47:10 +0000 UTC]

Looks really good man, reminds me quite a bit of the iTunes interface. But it definitely looks better than that.

👍: 0 ⏩: 0

Stalast1ck [2012-04-08 09:45:32 +0000 UTC]

Very neat

👍: 0 ⏩: 0

BRODZELi [2012-04-08 07:22:14 +0000 UTC]

awesome!!!

👍: 0 ⏩: 0

Ethelanite [2012-04-08 01:39:09 +0000 UTC]

OMG - besides your graphics are awesome as always you just hit that sensitive spot. A mixture of foobar2000 and iTunes with your design on linux that would be awesome * awesome * awesome * awesome * awesome = awesome^4!

👍: 0 ⏩: 0

trag3dy [2012-04-07 23:57:40 +0000 UTC]

I would use this, as long as it was light on resources. It looks very nice!

👍: 0 ⏩: 0

dark-skeleton [2012-04-07 23:36:07 +0000 UTC]

Hmm this looks kinda like... where was it... oh, here it is! [link] :thumb212938118:

Too much apple is too much, but still, I like it Good luck!

👍: 0 ⏩: 1

AlexandrePh In reply to dark-skeleton [2012-04-08 00:30:49 +0000 UTC]

Thanks,

In fact, it looks even more like Beatbox : [link] which is of course inspired by iTunes.

My first Media Player Mockup was a bit more in the Windows feel, with transparency. The thing is, even with my foobar skin (a mod of [link] ), the window's border is useless. And I believe the transparency with OS is something that should disappear, in most area at least.

Also, here I've wished to gather all the main things I thought were needed in a media player, but maybe I'll work later on something a bit more complex inspired by the latest Windows Media Player, that could also work for videos, etc...

👍: 0 ⏩: 0

S-Penguin [2012-04-07 23:08:36 +0000 UTC]

Looks very nice, I love how the text and backgrond colors contrast beautifully.

And as a side note, WOW someone else who listens to Stratovarius! The only music my friends know nowadays is dubstep

👍: 0 ⏩: 0

IzzIsHOr [2012-04-07 22:30:52 +0000 UTC]

Awesome as always
If you could port it to aimp, it's pretty straight-forward skinning, it would be legen... wait for it.. dary!

👍: 0 ⏩: 0

Genedon [2012-04-07 17:59:51 +0000 UTC]

Make it for Aimp and you have my virginity

👍: 0 ⏩: 0

link6155 [2012-04-07 16:52:01 +0000 UTC]

amazing

👍: 0 ⏩: 0


| Next =>