Added a few more to the collection. Some I've over-rendered and odds are good the corp. logos will have to go with an official release but this should serve as a good start.
Thanks for the props Joe, it's been fun thinking through what might be useful to people. Talking to the guys in my studio, thinking about creating a WP or Tumblr Sketch theme using the icons as a base. Hand-drawn ftw! ;)
@Steven, Thomas, & Rachelle - Thanks for the kind words! Will look at tossing some more sketchy goodness up soon.
@Jason - These were all done with a mechanical pencil and Sigma Micron pens because they were convenient. I actually really don't like using them though b/c they tend to bleed and I like my detail work to be a bit more crisp. Picked up some Rapidographs earlier today so the actual icon set will be nice and clean. ;)
These are great sketches. I like to see this kind of stuff. A lot of college up coming designers are forgetting this important step. Instead they're going straight to Photoshop or Illustrator. Going straight to these programs without doing quick brainstorming really restricts the exploration phase. Nice job.
@Daniele - Honestly couldn't tell you how they came out this way. Toward the end I dropped in some lines to try and keep the proportions a bit more accurate, but I figured I'd be recreating them anyways so there's still some discrepancy.
@Tony - Agreed. I try to sketch as much as I can before going to digital. I've recently moved back to my sketchbooks and moleskins b/c I don't have a whiteboard convenient. Sketching ideas on a whiteboard really helped me to capture big ideas. Plus it was all erased too easily so I couldn't get too attached to the art.
There's a book that's just been released called The Icon Handbook by the amazing Jon Hicks. I haven't read it yet but looks like a fantastic resource for anyone doing icon design.
That said, my approach tends to follow a couple of basic rules:
- Choose a single light source and stick to it
- Choose a single, visual style and stick to it
- Try not to stray too far from existing user interface conventions, so your icons are more immediately recognizable
- Try and keep the icon a single shape, even if it's the background that holds the pieces together
...and of course, most rules are made to be broken anyways so mileage may vary. :P
26 Responses (page 1 of 2)
Pro
Joshua Bullock
Added a few more to the collection. Some I've over-rendered and odds are good the corp. logos will have to go with an official release but this should serve as a good start.
about 1 year ago
Some serious sexiness sir.
about 1 year ago
Pro
Joshua Bullock
Thanks for the props Joe, it's been fun thinking through what might be useful to people. Talking to the guys in my studio, thinking about creating a WP or Tumblr Sketch theme using the icons as a base. Hand-drawn ftw! ;)
about 1 year ago
Your sketchbook looks so amazing.
about 1 year ago
Pro
Made By Thomas
oh damn, gorgeous!
about 1 year ago
Whoa... I'd love to see the rest of your sketchbook if these are the quality of your sketches!
about 1 year ago
Pro
Jason Tiernan
LOVE. What kind of pen are you drawing with?
about 1 year ago
Pro
Joshua Bullock
@Steven, Thomas, & Rachelle - Thanks for the kind words! Will look at tossing some more sketchy goodness up soon.
@Jason - These were all done with a mechanical pencil and Sigma Micron pens because they were convenient. I actually really don't like using them though b/c they tend to bleed and I like my detail work to be a bit more crisp. Picked up some Rapidographs earlier today so the actual icon set will be nice and clean. ;)
about 1 year ago
Loving the titles of the sketch icon dribbbles haha!
about 1 year ago
Pro
Milosz Klimek
G R E A T.
about 1 year ago
Pro
Daniele Rossi
I love how you used the storyboarding Moleskine to draw the icons :) How on Earth did you manage to keep the proportions so consistent?
about 1 year ago
Pro
▲Claudiu Ungureanu
this is pure art. and pure talent.
about 1 year ago
Pro
55 Hi's
I'm just going to pretend you mocked this up in photoshop to make myself feel better.
about 1 year ago
These are great sketches. I like to see this kind of stuff. A lot of college up coming designers are forgetting this important step. Instead they're going straight to Photoshop or Illustrator. Going straight to these programs without doing quick brainstorming really restricts the exploration phase. Nice job.
about 1 year ago
This icons looks way much better than some we can find in the web…
about 1 year ago
Pro
Dave Hornsby
Love it - very clean sketches
about 1 year ago
Pro
Joshua Bullock
Thanks again to everyone for the comments.
@Daniele - Honestly couldn't tell you how they came out this way. Toward the end I dropped in some lines to try and keep the proportions a bit more accurate, but I figured I'd be recreating them anyways so there's still some discrepancy.
@Tony - Agreed. I try to sketch as much as I can before going to digital. I've recently moved back to my sketchbooks and moleskins b/c I don't have a whiteboard convenient. Sketching ideas on a whiteboard really helped me to capture big ideas. Plus it was all erased too easily so I couldn't get too attached to the art.
about 1 year ago
Woow. Wonderful.
I wish i was talented for draw. But no. :)
Incredible, again.
about 1 year ago
Pro
Nick Slater
DAMN! Nice Icons!
10 months ago
GTFO
10 months ago
Pro
Jonathan Quintin
So so good!
7 months ago
Those are super duper sketches. That's also a cool photo of your sketchbook. You artyfarty.... you...
7 months ago
I'm 500 who like it! :D
Great work!
5 months ago
Pro
Mike Jones
any words of wisdom when building icons? Love the work you do bro!
4 months ago
Pro
Joshua Bullock
@Mike - thanks man, I totally dig your work, too.
There's a book that's just been released called The Icon Handbook by the amazing Jon Hicks. I haven't read it yet but looks like a fantastic resource for anyone doing icon design.
That said, my approach tends to follow a couple of basic rules:
- Choose a single light source and stick to it
- Choose a single, visual style and stick to it
- Try not to stray too far from existing user interface conventions, so your icons are more immediately recognizable
- Try and keep the icon a single shape, even if it's the background that holds the pieces together
...and of course, most rules are made to be broken anyways so mileage may vary. :P
4 months ago