3 simple steps to create a simple Web2.0 logo

As an Internet Entrepreneur where your time and financial budget is limited, it is always a good idea to equip yourself with as many skills as you can handle. Knowing a little bit of graphic design can be very helpful most of the times. At least you don’t have to pay hundreds of bucks for someone to design you just a simple logo. The good news is you don’t need to know advanced graphics design when it comes to Web2.0 because Web2.0 designs are always created around “simplicity” and “cleanliness” (thank God!). Here’s a a few steps of how you can easily create a decent Web2.0 logo without much hassle. (PS: I use Macromedia Fireworks to do most of my image editing jobs. A handy tool!).

Generally, there are 3 basic things you need to consider when designing a Web2.0 logo:

1. The Text
2. The Object
3. The Style

Focus only on these three points and you won’t be scratching your heads anymore! Ready to get your hands dirty? Let’s go one by one.

The text

Let’s say your Web App is called “Flarke”. What you need to do is choosing the right font and the right color for this text. A smooth and simple looking font is always better than the edgy and complicated ones. In my case, I use the font “Euphemia”. When it comes to the color part, it is good to have at least two different colors for your text. If your text have two words paired together (like StumbledUpon), you can make each words to have different colours. If your text only consists of one word (like “Flarke”), then use your common sense and just differentiate the colors at some points. Here’s how my initial logo comes out:
Web2.0 tutorial step one

This is so far very basic.

The Object

Text alone is too naked. You need an object to give your logo an attitude and a brand for people to recognise and remember. It can be an object that is related to your application or it can be something you create randomly - just make sure it looks fine. In my case, I created two simple rings which color matches the primary color of the logo, and shoved it to the corner of the initial text I created in Step 1. Simple. Here’s how it looks like now:
Web2.0 logo step two
Actually this is already a good logo for a Web2.0 application. Clean and slick. But adding a few styles will make it look even better.

The Style

Web2.0 logos are often seen to have either of these two styles: One is a “glassy-look”, and another is by having a “reflection”. You can use either of this, or better still, you may even apply both. For now, I’ll just apply a reflection to my logo so that it looks like this.
Web2.0 logo step three
Oh!… isn’t that a nice looking logo? Only three steps and you already created a decent, official-looking, and acceptable Web2.0 logo. But wait, Web2.0 logo usually also comes with the word “beta” (or any of its variants like “alpha”, “zeta”, etc). So let’s put it in and complete the logo:
Web2.0 logo step four
That’s it! You’re done! Cool

Tags: 
Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • BlinkList
  • Ma.gnolia
  • Reddit
  • StumbleUpon


12 Responses to “3 simple steps to create a simple Web2.0 logo”

  1. aman Says:

    wow…but must have the words like beta ka..ermm can remove it rite..?

  2. delang Says:

    patutla sekarang ni banyak design semacam ini…aku nak buat jugak la…idea2…

  3. chan Says:

    great tutorial. I’ll do it now :) thz:

  4. Ashrufzz Says:

    I thought that reflection stuff only works using PhotoShop…Silly me..Haha ;-D

  5. How to create a Reflection effect using Fireworks [Web 2.0 Design Tutorial] | Web 2.0 Entrepreneur Says:

    […] to appear reflected as if they’re on a shiny-clean surface. Last month I provided some simple tips on creating a decent Web 2.0 logo (which applied the reflection technique) but since it wasn’t a tutorial post, I didn’t […]

  6. guest Says:

    another great site for logo designs is www.graphixchange.com. They provide you with a variety of different logos to choose from, and only need to pay for the one you like! I love the idea coz you can get to see so many different designs/concepts for the price of 1.

  7. Create Simple Web 2.0 Logo | Mrs. Wei's Basic Web Blog Says:

    […] this link and learn from the example.  Have fun and you will love the result. Create a free edublog to […]

  8. 3 simple steps to create a simple Web2.0 logo | Web 2.0 Entrepreneur « Social Computing Technology Says:

    […] original here: 3 simple steps to create a simple Web2.0 logo | Web 2.0 Entrepreneur effect-using, provided-some, […]

  9. ENGLAND31Cherry Says:

    I had got a dream to make my own commerce, but I did not have enough of cash to do that. Thank goodness my friend suggested to take the personal loans. Thence I received the sba loan and made real my old dream.

  10. buy generic viagra Says:

    Excellent tutorial given…This three steps are very important to create a logo..I think you explain this topic very nicely..good work.

  11. generic viagra pharmacy Says:

    I am new on this technology..I wanted to developed a site on web2.0 technology.I think all social networking site ased on this technology..Thanks for sharing such steps..I am looking more information!!

  12. generic viagra pharmacy Says:

    I am new on this technology..I wanted to developed a site on web2.0 technology.I think all social networking site ased on this technology..Thanks for sharing such steps..I am looking more information!!

Leave a Comment