Pinterest Stumbleupon Whatsapp

I recently came across a vector drawing application called DrawIt Lite, the free version of DrawIt from Bohemian Coding and I thought of sharing it with you. At the same time, I was doing my friend a favor by designing a business/name card for his company. So I thought, instead of the usual walkthrough software review, why don’t we explore the software’s features by using it to design the name card?

The Preparation
Let’s start with the concept of the design: it should be simple enough with as little color variation as possible (more color means higher cost, and my friend’s on a tight budget), but he wants the design to be cool and a bit “Web 2.0-ish”.

Problem is, I have no idea what is the parameter of “Web 2.0-ish” design. I don’t even know what size a namecard should be. So, I turn to my best friend Google for a help. I found 2 articles that helped: Web 2.0 how-to design style guide and What size should I put. That should be enough to start. If you want to get some more ideas for business card design, check out Cool Business Card Design part 1, part 2 and part 3; and Web 2.0 Logo List.

The Process
First, I opened new document from DrawIt Lite and set the work area to 1062×615 pixels with 50% grey as the background color. I wanted to set the background to a neutral color so that I can add lighter or darker colors for the other elements. You can set the background to be transparent if you want.



The next thing to do is to add some words. So, I clicked the “Insert” button from the top left-hand corner and chose “Text”. 02-insert-textNow you’re ready to start. I double-clicked the work area and started writing the company’s name. You can adjust any elements of the text (font type, color, size) in the “Special Attributes” area at the top right of the window.04-special-attributesYou may also adjust the parameters of the text box (position, size, angle) in the “Attributes” area down in the left-hand corner of the window.03-attributesYou can also drag and position the text box to the location you prefer.

Then, I added another text box for the name and another for the logo. I tried to keep everything simple by using only text and didn’t use any other elements like images, shapes or vectors. But that doesn’t mean you can’t. Each element is be added as an individual layer and can be edited (and deleted if needed) individually.

The Result

Finally after a few adjustments, here are the results. Maybe a little too simple for your taste, but hey, it’s only 30 minutes’ work of pro-bono work.


And to give my friend a few choices, I tried to redo the process using different color combinations.


Another vector drawing app that you could try is InkScape.

Enjoyed this article? Do you want to learn how to make a real Web 2.0 business card? Check out 5 Ways To Create Your Business Card 2.0 5 Ways To Create Your Business Card 2.0 5 Ways To Create Your Business Card 2.0 Read More by David.

DrawIt Lite is Mac only.

Why don’t you try creating your own card and share your result using the comments below.

Leave a Reply

Your email address will not be published. Required fields are marked *