Adblock breaks this site

Music Player UI

Discussion in 'Graphics Gallery' started by Mister Slyther, Jul 19, 2017.

  1. Mister Slyther

    Mister Slyther Guru
    $5 USD Donor New

    Joined:
    Jul 30, 2015
    Posts:
    1,319
    Referrals:
    0
    Sythe Gold:
    975
    Discord Unique ID:
    0296
    Discord Username:
    mister slyther
    Supporting Business
    Music Player UI

    [​IMG]

    [​IMG]
     
    Last edited: Jul 19, 2017
    Soul likes this.
  2. Amazer

    Amazer Apprentice

    Joined:
    Jun 16, 2017
    Posts:
    854
    Referrals:
    0
    Sythe Gold:
    858
    Music Player UI

    Im digging it but if you had the soundcloud type sound spikes it would of been perfect!
     
  3. Mister Slyther

    Mister Slyther Guru
    $5 USD Donor New

    Joined:
    Jul 30, 2015
    Posts:
    1,319
    Referrals:
    0
    Sythe Gold:
    975
    Discord Unique ID:
    0296
    Discord Username:
    mister slyther
    Supporting Business
    Music Player UI

    Thanks and yes I did try that, but I'd rather try to be unique tbh.
     
  4. Amazer

    Amazer Apprentice

    Joined:
    Jun 16, 2017
    Posts:
    854
    Referrals:
    0
    Sythe Gold:
    858
    Music Player UI

    In that sense, it is really cool!
     
  5. Verts

    Verts bleep bloop
    Crabby Retired Administrator

    Joined:
    Aug 23, 2007
    Posts:
    5,420
    Referrals:
    8
    Sythe Gold:
    32
    Discord Unique ID:
    265793039971123200
    Discord Username:
    verts#0001
    Lumpy Space Princess Le Pokémon Trainer Two Factor Authentication User
    Music Player UI

    Nice choice of colour, all very appropriate for context and definitely help with readability. I'm a big fan of the top gradient especially.

    Does the line represent the waveform of the playing track/current duration? If so, how does the user scrub through the track? Other than the duration below the track, how will the user know where they are in their listening (you could even do 00:00/03:00 there but it's probably not the most elegant solution)

    Perhaps consider swapping artist/title around - the track title is definitely more important than the artist in this context. Dropping the second line about 5-10px should also help with readability slightly
    Instead of showing the artist image, album art would likely fit better. The artist image would likely be on their discography page.
    Maybe also try rounding off the lines in the waveform to give it a little more uniformity with all the other rounded off edges.

    Sorry for being so finicky, I do a lot of app UI design at work!
     
  6. Mister Slyther

    Mister Slyther Guru
    $5 USD Donor New

    Joined:
    Jul 30, 2015
    Posts:
    1,319
    Referrals:
    0
    Sythe Gold:
    975
    Discord Unique ID:
    0296
    Discord Username:
    mister slyther
    Supporting Business
    Music Player UI

    Hi, i appreciate the feedback and I would like your criticism because I'm currently a uni student in graphics and I'm aspiring to become a professional UI/UX Designer.

    Take a look at my updated version before you posted:

    The user can just control the audio waves like soundcloud. I'm learning AE animation so I can demonstrate a good prototype.

    [​IMG]

    [​IMG]
     
    Last edited: Jul 20, 2017
  7. Verts

    Verts bleep bloop
    Crabby Retired Administrator

    Joined:
    Aug 23, 2007
    Posts:
    5,420
    Referrals:
    8
    Sythe Gold:
    32
    Discord Unique ID:
    265793039971123200
    Discord Username:
    verts#0001
    Lumpy Space Princess Le Pokémon Trainer Two Factor Authentication User
    Music Player UI

    Perhaps try the 'current' line in a lighter shade, or maybe even white? Reuse of the colours used on the volume slider would probably work for that reasonably well!
     
  8. Mister Slyther

    Mister Slyther Guru
    $5 USD Donor New

    Joined:
    Jul 30, 2015
    Posts:
    1,319
    Referrals:
    0
    Sythe Gold:
    975
    Discord Unique ID:
    0296
    Discord Username:
    mister slyther
    Supporting Business
    Music Player UI

    this is really better:

    [​IMG]
     
    Soul likes this.
  9. Verts

    Verts bleep bloop
    Crabby Retired Administrator

    Joined:
    Aug 23, 2007
    Posts:
    5,420
    Referrals:
    8
    Sythe Gold:
    32
    Discord Unique ID:
    265793039971123200
    Discord Username:
    verts#0001
    Lumpy Space Princess Le Pokémon Trainer Two Factor Authentication User
    Music Player UI

    Looking rad! The smallest changes make a big difference
     
    Mister Slyther likes this.
  10. Mister Slyther

    Mister Slyther Guru
    $5 USD Donor New

    Joined:
    Jul 30, 2015
    Posts:
    1,319
    Referrals:
    0
    Sythe Gold:
    975
    Discord Unique ID:
    0296
    Discord Username:
    mister slyther
    Supporting Business
    Music Player UI

    Appreciate your help sir :)

    Can you link some of your work? would love to see.
     
  11. Amazer

    Amazer Apprentice

    Joined:
    Jun 16, 2017
    Posts:
    854
    Referrals:
    0
    Sythe Gold:
    858
    Music Player UI

    Looks perfect now
     
  12. Wraith

    Wraith Some people are so poor, all they have is money
    T1N0 Donor Graphics Artist

    Joined:
    Mar 27, 2015
    Posts:
    5,058
    Referrals:
    4
    Sythe Gold:
    2,137
    In Memory of Jon Community Participant Supporting Business Two Factor Authentication User GFX Forum Participant
    Music Player UI

    Thats super clean, Dope work bro
     
    Mister Slyther likes this.
  13. MtJunks

    MtJunks Member
    Banned

    Joined:
    Aug 14, 2017
    Posts:
    73
    Referrals:
    0
    Sythe Gold:
    85
    Music Player UI

    I think you should change the colours to more dark
     
< So I just bought a Cintiq | Recent MMO Designs >


 
 
Adblock breaks this site