In this rebound I've made the shelf label black, this is a screenshot of the actual app, it's coming along!
over 1 year ago
wow, that stars and cross on the cover are really big. too big, probably? :)
@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 :)
The shelf is fun :)
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.
@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.
@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. ;)
@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:
NSRect frame = self.textField.frame;
frame.size.height += 2;
frame.origin.y -= 1;
@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.
@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 :)
Dude, your designs are just excellent. Nice job, again! :D
@Bobby Giangeruso thanks :)
@David Keegan Anytime, brotha! :D
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter