RockStar Revamp 4

Dribbble5

1 Attachment

13 Responses

  1. Pro David Keegan David Keegan

    In this rebound I've made the shelf label black, this is a screenshot of the actual app, it's coming along!

    about 1 year ago

  2. Gadzhi Kharkharov Gadzhi Kharkharov

    wow, that stars and cross on the cover are really big. too big, probably? :)

    about 1 year ago

  3. Pro David Keegan David Keegan

    @Gadzhi Kharkharov Rating tracks is the main function of the app so I wanted to make the stars prominent. The 'x' on the cover art, and the other play controls, only appear when you hover over the album so I think the size is ok. The app is called RockStar so I wanted to make it bold :)

    about 1 year ago

  4. Pro Eli Schiff Eli Schiff

    The shelf is fun :)

    likes

    about 1 year ago

  5. Jonathan Willing Jonathan Willing

    I love the extruded wood effect. I have a couple of concerns, however. For some reason having a wood texture in a menubar application seems heavy to me. Also (as I'm sure you're aware of) the text on the title appears to be clipped. Otherwise you have flawless graphics; great job.

    likes

    about 1 year ago

  6. Pro David Keegan David Keegan

    @Jonathan Willing I agree the menu bar app could feel heavier but I'm tired of all menu bar apps with a popup being black, so I wanna try something new :) I noticed the clipping after I uploaded the shot, it's caused by default behavior in interface builder that I'll need to correct, very easy to do.

    about 1 year ago

  7. Jonathan Willing Jonathan Willing

    @David Keegan Yes, I agree that HUD-style menubar applications are quite overused. There's always the option of using a standard Cocoa-esque grey gradient. But then again your design seems pretty well developed, so going back to the drawing board probably isn't what you would want to do.

    That quirk you mention in IB drives me nuts. I don't know what you do, but when I need to adjust the height of a NSTextField I have to change the word wrapping mode to character wrap, then back to clip just to adjust the height. I'll file a radar. ;)

    about 1 year ago

  8. Pro David Keegan David Keegan

    @Jonathan Willing I'm not opposed to going back to the drawing board but I do really like this design. I like the idea that it's a shelf up there with the album art resting on it :)

    To get around the clipping I do this:


    - (void)awakeFromNib{
    NSRect frame = self.textField.frame;
    frame.size.height += 2;
    frame.origin.y -= 1;
    [self.textField setFrame:frame];
    }

    about 1 year ago

  9. Jonathan Willing Jonathan Willing

    @David Keegan I suppose if you create your text field in code that would be the ideal method. But if you're using IB (like I do) then you can just change the line break mode from "clip" to "word wrap", then the height will be adjustable. After you adjust it to the correct height, you can flip it back to clip again and it will maintain the correct height.

    For clarification, I'm talking about this setting: http://i.minus.com/i3Gm23SIVzx6Y.png

    But sorry, I don't mean to get off topic.

    about 1 year ago

  10. Pro David Keegan David Keegan

    @Jonathan Willing Ah I am creating the text field in IB too, your method is much better than mine :) Thanks for the tip, I definitely took the hard way :)

    about 1 year ago

  11. Pro Bobby Giangeruso Bobby Giangeruso

    Dude, your designs are just excellent. Nice job, again! :D

    likes

    about 1 year ago

  12. Pro David Keegan David Keegan

    @Bobby Giangeruso thanks :)

    likes

    about 1 year ago

  13. Pro Bobby Giangeruso Bobby Giangeruso

    @David Keegan Anytime, brotha! :D

    about 1 year ago

keyboard shortcuts: previous shot next shot L or F like