RockStar Revamp 4

Dribbble5

1 Attachment

13 Responses

  1. 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 2 years ago

  2. Gadzhi Kharkharov Gadzhi Kharkharov

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

    about 2 years ago

  3. 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 2 years ago

  4. Eli Schiff Eli Schiff

    The shelf is fun :)

    likes

    about 2 years 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 2 years ago

  6. 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 2 years 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 2 years ago

  8. 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 2 years 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 2 years ago

  10. 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 2 years ago

  11. Bobby Giangeruso Bobby Giangeruso

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

    likes

    almost 2 years ago

  12. David Keegan David Keegan

    @Bobby Giangeruso thanks :)

    likes

    almost 2 years ago

  13. Bobby Giangeruso Bobby Giangeruso

    @David Keegan Anytime, brotha! :D

    almost 2 years ago

keyboard shortcuts: previous shot next shot L or F like