We’ve made these icons for a website redesign we’re working on for a large European cooperage company. This is the first time we’re doing outline icons so we’re still learning. We tried to create this style in which we purposely not fully connect everything. This means not everything is a perfect real life representation. But we think the style outweighs it.
We figured outline icons would be a good match with the combination of craftsmanship and a relatively young company. These icons in particular are being used for the subpage navigation items.
The subpages the icons are for:
● agents (connected vendors around the world, part of 'contact)
● commitment (part of 'about')
● history (part of 'about')
● people (part of 'about')
3 months ago
Locations, network, blog, our people?
Love 'm! Only thing I find a bit weird is that the 2 navigation pins behind the one on the foreground are on the same 'level', so you'd think they're mashed into each other somehow. If they were behind each other one of them would be bigger than the other. Hope my blabbering is not too vague :D
Ah haha forgot to add what subpages the go with @Roy Abbink , it's :
● agents (connected vendors around the world, part of 'contact) ● commitment (part of 'about')
● history (part of 'about') ● people (part of 'about')
@Rick Waalders I totally see what you mean, they are in fact about 70% or 80% of the front one's size, but I think it's the cut off that makes it hard to guess how the imaginary top line would continue. Might gonna make 'em even smaller though if it's not obvious enough, thanks for the feedback!
@Yummygum hmm, what I meant was that I think one of the 2 pins behind the bigger pin in the front, should be a bit bigger than the other because at the moment they overlap. You would lose symmetry though... not sure if that would look good :)
@Rick Waalders Aah now I get it, hmm yeah not sure if accomplishing that degree of real-world representation outweighs the symmetry and thereby complexity of the icon.
Awesome! Is there a reason for the gap between the head and shirt at the ''people''-icon?
Thanks @Tim Roeleveld , yeah as mentioned in our first intro comment, we tried to create a distinctive style by cutting out a connection (even though this makes it less realistic)
These are lovely. Love how harmonious they are.
@Tim Roeleveld @Yummygum That gap on the people icon can represent the head shadow on the shoulder.
@Silviu Stefu @Tim Roeleveld hmm, I like that reasoning :)
Thanks @Flit @Prathyush , means a lot!
I love it, this could be a personal preference but I like to see lines connect as opposed to tiny breaks.
Nonetheless, looks awesome :)
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.