Designing the Collection of Process Icons: Look and Feel

19 August 2010 Filed in: Creative Process, Icons
Icon design process, from sketch to basic shapes

Icon design process. From sketch to basic shapes

When I’m happy with the sketches for the icons, I launch Adobe Illustrator and start blocking out the icons, drawing simple, clean vector shapes using my pen tablet. I’m designing the Collection of Process Icons in the same style that was established for the first three collections of desktop icons. In this unique design project, everything from the icon concept to the simple and elegant style is based on feedback from you. The look and feel for Process Icons uses the same set of perspectives with simple, uncluttered shapes that are easy to distinguish and find on your desktop. The style is based around a rich colour palette and elegant, natural textures.

Icon design process, adding details, colour, shading and light

Icon design process. Adding details, colour, shading and light

Once I’ve blocked in the basic shapes, I start adding details and colours, next shading and last highlights. In this example with the alarm clock you’ll notice the same palette of reds as in the icon with the Cookery Book, the same greys as in the Gear icon and the same soft cream as in the Shoebox icon. Using the same style consistently, ensures that all the icons fit together and that you can mix and match the different collections to suit your needs.

And in case you were wondering about the dotted lines across these images, yes they are the watermarks I designed for these icon previews to at least make it more difficult for people who want to steal images. [To be continued... ]

Did you miss the other parts of this series?

Tags: , , , , , , , , , ,

Designing the Collection of Process Icons: Indicating Time

18 August 2010 Filed in: Creative Process, Icons

Here’s the third 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”.

Today and tomorrow. Icon sketches

Today and tomorrow. Icon sketches

These are my sketches for icons that represent things that need to be taken care of “Today” and “Tomorrow”, or “Later”. Many of you have asked for “Today” and “Tomorrow” icons, some of you cooperate on projects where time needs to be specified, others need to schedule work to be published or for deadlines.

While I was working on these icons, I thought “what about adding the dates of a month, wouldn’t that be handy if you really need to indicate time with icons?”

So I made a few sketches to see what it would look like, and I’m thinking of adding a full month of days to the set. What do you think? [To be continued... ]

Calendar with dates. icon sketch

Calendar with dates. icon sketch

Did you miss the other parts of this series?

Tags: , , , , , , , ,

How to Organize Your Desktop by Naturally Following Your Workflow

20 July 2010 Filed in: Digital Life, Icons

If you’re feeling overwhelmed by desktop clutter and you’re looking for a quick and easy method to tidy up your desktop and keep your digital environment tidy and organized, here’s a technique to get organized once and for all.

Maria João Valente has been using Workflow Desktop Icons to structure her digital workflow with a minimum of effort, for more than a year.

“Basically it allows me to keep files organized and an uncluttered desktop (both essential to my sanity).”

Workflow Desktop Icons

Workflow Desktop Icons

Everything revolves around three main folders, “Doing”, “To-do” and “Archive”. These can be accessed directly via the Dock on a Mac, and are regularly checked or re-organized according to the workflow. All other folders are out of sight and serve as permanent storage for further use.

workflow desktop icons in action

Here’s a flow chart of Maria’s digital workflow.

  • The Work Zone contains all the files or folders that are being used now (i.e. this week).
  • The To-Do Zone has stuff to be reviewed as soon as I have the time. (Hint: most of the downloaded files get here, to be organized later. Another Hint: I use Hazel to keep this place organized by file type.)
  • The Out Zone folder is where I place all files or folders that are going to be exported and stored off my computer, either on an external HD, a DVD or online.

Maintaining a peaceful and productive desktop is easy when you follow your workflow.

flow chart of digital workflow

By sharing her process, Maria hopes to help you get you going organizing your digital stuff. (Or share with us the process you’re already using.)

Maria João Valente is an archaeologist, university professor and a passionate Mac user. She lives in Portugal and blogs about her interests at Mac ao Quadrado. You can read my interview with Maria here or follow her on Twitter.

Tags: , , , , , , , , , ,

Vintage Folder Icons: Seaside

25 May 2010 Filed in: Icons

Red Velvet Cinema Vintage Folder Icon

Vintage Folder Icons Seaside is inspired by vintage textures, retro textiles and old films and bring a touch of nostalgia and the glamour of Technicolor film to your digital environment. Vintage Folder Icons go nicely together with the popular series, Luminous Folder Icons and help you get things done by color coding your projects.

This collection of folder icons is inspired by the seaside. In red, white and sand, Seaside folder icons bring the ocean, marine fashion and a minimalist vintage touch to your desktop.

Vintage Folder Icons Seaside

Inspired by the seaside and the rich, saturated palette of Technicolor film, these folder icons help you create a personal desktop environment with a hint of nostalgia. Five folder icons in colours borrowed from the seaside, red, blue and sand or On the Beach, Ocean Liner, Powder Blue Cadillac, Warm Retro Red and Red Velvet Cinema.

download_mac-2download-icon-windows-2 Save Vintage Seaside Folder Icons to your computer.

Tags: , , , , , , , , , ,

Setting Up Shop. A Review of Big Cartel

4 May 2010 Filed in: Creative Entrepreneur, Digital Life
Kate England's Big Cartel online store

My new online store

I recently set up a new store for my art and icons at Big Cartel. In just a couple of hours, I’d set up my shop, customised it and launched it. The same day I was making my first sales!

Big Cartel is a simple and beautiful shopping cart for independent artists, designers, crafters, writers, jewelers and musicians. It offers an easy-to-use e-commerce solution that gives users a way to create a small shop and sell their products through their own domain or a unique URL within the Big Cartel site. You can easily customize your Big Cartel store to fit your web site and brand.

FEATURES:

  • Quick and easy to set up and maintain
  • Easy to customize to fit your brand by changing the colours and graphics in the themes, or by using custom code and your own URL to match your site
  • A permanently free plan for up to five products (!)
  • Keep track of your inventory and automatically mark products as “Sold Out” when they’re gone
  • Coming soon: sell digital, downloadable products online, such as e-books, music, video, art, photography and software through Big Cartel’s equally beautiful and easy-to-use sister service Pulley
  • You can turn on maintenance mode while you tinker with your store
  • Friendly and fast support
  • Customers can pay with a credit card or a PayPal account
  • View your dashboard to get an instant overview of how your online store is doing
  • You can reward loyal customers by creating discount codes to give them a percentage off their purchase

LIMITATIONS:

  • There’s a limit of 100 products
  • No affiliate programme

COSTS:

Big Cartel doesn’t take a percentage of your sales, instead there are three monthly plans. There’s a completely free plan as well as monthly paid plans with expanded features. You can upgrade, downgrade, or cancel your account at any time. For example, you could test the waters with the free plan, and upgrade when your hobby turns into a profession or simply when you feel ready for it. All you need to get started is a PayPal Business or Premier account. Here’s how you sign up for a PayPal account and here are the current PayPal fees.

THOUGHTS:

Big Cartel is such a simple and beautiful e-commerce solution that I feel I can spend my time making art and icons instead of pouring my time into fiddling with web stuff which can be so time consuming for a one person creative indie business like mine. Big Cartel is an online shopping cart system that makes it easy to sell in style.

Tags: , , , , , , , , , , ,