Designing the Collection of Process Icons: A Vintage Touch

3 August 2010 Filed in: From My Sketchbook

Project. icon sketch with blueprint and hard hat

Project. icon sketch with blueprint and hard hat

Here’s the second part of the story about a new design project I’m working on. It’s about the creative process of a new collection of icons called “Process”.

I started this design project by asking you what kind of icons would be exceptionally useful for you. Which are your recurring projects and important files and folders that you need to find at a glance? Which of your projects do you love the most?

I also started the process of my previous collections of desktop icons by asking you what kind of icons you need, what would help you get organized and find focus in your digital environment?

Each time I’ve asked you what kind of icons you’d find useful, one of the strong trends has been icons that depict tangible, vintage or retro objects to symbolize your most important or loved projects. For example, there were tons of requests for a feather quill pen for “Writing” or “Documents” and an old-fashioned vinyl LP for “Music” (both part of the Collection of Creative Desktop Icons). The vintage office equipment in the Collection of Workflow Icons is another example and so is the old book for “Resources” and leather briefcase for “Work” (both part of the Collection of Organizer Icons)

Perhaps these types of solid, vintage objects bring a tangible feeling of functionality and beauty to our rather abstract, digital environment? Holding a charm and grace that captures our emotions in a way that digital, intangible audio, text and film files don’t?

Safe. icon sketch

Safe. icon sketch

Here’s my sketch of an icon that represents “Safe”. A small, old-fashioned office safe.

This is where you would store documents that are really important to your self, your family or your business. I’ll be using the Safe to store my original logo files, a backup of my blog, and some other important business documents. The “Safe” icon would also make a great icon for a backup disc. What would you put in the Safe?

Urgent/Overdue/Late. icon sketch of old-fashioned alarm clock

Urgent/Overdue/Late. icon sketch of an old-fashioned alarm clock

This is my sketch for an icon that symbolizes Urgent/Overdue/Late. A retro wind-up alarm clock with bells.

Here’s an icon with a unique silhouette that makes it stand out on the desktop so you can find it at an instant. And that’s just what you need when you’re looking for overdue or urgent projects.

One of the challenges when creating this sketch of an alarm clock, was making sure it would look good at small sizes too. I actually spent several days making new sketches of the design and testing that it would look great all the way down to the tiny size you see when you display your icons in list view. I’ll still be reworking the smaller versions, but I want the largest version to resemble the smallest version, as much as is possible without losing any of its functionality and beauty. That’s one of the most important parts of the sketching phase for a new icon project.

Another key part of the sketching phase is to create distinctive silhouettes that make it easy to locate the icon you’re looking for (I wrote about that in the first part of this series).

And last but not least, creating a family of icons where everyone is unique and has their own personality and yet you can tell that they’re family. They fit together as well as with the icons that belong with your operating system, either Windows or Mac. The icons bring a personal, designer feeling to your desktop, and without drawing too much attention to themselves, the icons help you get unstuck and organized so you can work with flow and ease through your day.

Not sure how to customize your icons? Here’s a tutorial for using icons on a Mac and here’s a tutorial for how to change the icons in Windows.

[To be continued... ]

Did you miss Part One of this series?

Related Posts

  1. Designing the Collection of Process Icons: Sketches
  2. Vintage Folder Icons: Seaside
  3. Win a Collection of Beautiful and Exceptionally Useful Icons!
  4. Emoji. Cute, Japanese emoticons for iChat and for your iPad, iPhone and iPod Touch.
  5. Why You Can Be More Productive Using Icons (So You Can Spend Less Time Working)

Tags: , , , , , , ,

Related posts

20 Comments
  1. Dearest kate, it’s such joy reading your process and i love all your sketches especially that clock!! Thanks so much for sharing! Have a lovely merry happy week and love to you!
    jacqueline recently posted..Cuteness does the trick

    • Jacqueline, thanks for your appreciative comment! :)

  2. madebymegs permalink

    Thanks for the great sketches! I love the clock as well…more importantly..thanks for allowing us to see a little into your creative process :)
    madebymegs recently posted..Cut The Nonexsistent Friendship Ties

    • Hello Megs, thanks so much for your kind comment!

  3. the clock is my fav…

  4. Kate this is an awesome series and I love reading your process behind the scenes, re-sketching the sketches, molding them so they stand fabulous at the tiniest px, it so amazing to witness an artist tending to their craft. iove really enjoyed reading your series (the clock is my favorite too, the marks encircling it for numbers and the hand at 12 with the bells close together, so give me the feel that it’s about to explode with REMEMBER! Take care of this. love it!)

    • Thanks Stephey, I’m so glad you’re enjoying this series!

  5. Hi dear kate. vi är hemma nu. My what jetlag we’ve had. I can see that you have been very busy with all of your great creations. My goal for this fall is to completely organize my computer using your very productive icons. I’ve never organized in my life and I can see from your tutorials that it will really safe me much time and searching. I’ve really missed you and it’s great to be back. continue to enjoy summer!
    Valarie recently posted..Sneakers Soup

    • Hello Valarie, Welcome home from the Magic Island! I’ve missed you too! :)

  6. interesting…It never occurred to me, the consideration that is given to an icon when translating a design from larger to smaller. I would keep my family pictures and some biz files, like blank forms etc…, also copies of our tax returns, my biz logos and I really need to be backing up my blog more often, don’t I ?! I f I did, I’d keep that in the safe too ;)

    …and I chuckled to think of what would be put into the Urgent/overdue/late folder. Let’s see…how much memory does my computer have? yeah…

    • Amy, you’ve got to be one funniest women I know! Thanks for making me laugh!!!

  7. Hi Kate, I discovered your blog via Diane’s CraftyPod. I just love your designs for desktop icons! I think they could be well used inside a word processor too, or an email application. I especially love the crisp and stylish designs. Will keep an eye on your blog. ;) greetz!
    digibudi recently posted..cerebral concoctions of a sous chef

    • I’m so glad you found my blog and thank you for taking the time to say hello! Welcome!

      Isn’t she just fabulous, Diane!? So talented and friendly, and she’s brilliant at making the technical side of running a creative business easy and fun!

      Take care!

  8. Desktop organization is fascinating.
    I organize my workflow by the seasons.

    I ‘m thinking of birds as icons.
    Eggs, Chicks and Swans

    An urgency icon for me might be a mama bird feeding baby chicks in a nest .
    Rebecca Stees recently posted..New Blog Post Marketing for a Teaching

    • How interesting to hear your thoughts around desktop organization, Rebecca! I LOVE your idea of a nature and seasons metaphor!!!

Trackbacks & Pingbacks

  1. Designing the Collection of Process Icons: Sketches | Marmalade Moon
  2. Designing the Collection of Process Icons: Indicating Time | Marmalade Moon
  3. Designing the Collection of Process Icons: Look and Feel | Marmalade Moon
  4. Designing the Collection of Process Icons: The Dreaded Report | Marmalade Moon