Bit Stadium tasked the Iconfactory with the creation of the app icon for HockeyCoach for Mac. Working from a rough idea from the client, we refined the concept of a coach’s windbreaker and jersey and explored different presentation angles until deciding on the final layout seen here. Bit Stadium’s logo was added to the breast to reinforce branding and the whistle was added to give that final sports flourish.
9 months ago
How would you guys go about sizing down the ripples when doing the smaller versions of it? Looks really nice.
@Mitchell Bernstein It's interesting, a lot of people seem to ask about sizing things down and losing detail.
Short answer: sometimes it totally okay to lose detail, especially in smaller sizes. For something like this, I'd imagine the designers at Iconfactory would understand that the important bits when sizing down are the black shirt, white stripes, and blue jacket. The whistle is an important element to remain intact, and probably some resemblance of the logo on the side. Things that get lost in smaller sizes that aren't necessary to understand the icon: ripples, zipper, collar. These things, while looking great, are visual elements that even at a large size we ignore and favor the bolder strokes.
In any case, I imagine there's still some shading in smaller sizes, and some uneven sides of the edges of the shape of this icon, but it's definitely not necessary to keep the ripples. I also bet that if you wanted to make a few in smaller sizes, you'd just paint them manually for those sizes, as opposed to scaling them down.
(As a designer yourself, you probably know lots of this, but I'm also explaining for anyone who is thinking the same!)
@Louie Mantia That's exactly the answer I was looking for! Thanks! Usually, I'll scale down the big icon and then redraw it (which is more like an outline or a "color in the lines" from a coloring book). But yeah I wouldn't imagine every detail could possibly fit into the smaller icons. That's the beauty of large icons, like this one.
Louie's exactly right as far as how we handled the smaller sizes (which we've not attached to the shot). The 32 and 16 were hand drawn with the overall shape refined with a focus on the shirt and stripes. The client agreed that the whistle wasn't needed at these small sizes so we removed it. It's slightly different proportion at the small sizes is unique, but communicates just as effectively. Hope this helps.
Love the smaller sizes.
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–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.