Today’s free resource is a simple, elegant menu bar, perfect for any web project.

The colour is interchangeable, so can be altered to fit essentially any web project.
As always, completely free to use for personal and commercial projects, but please do not redistribute.

And if you like it, share it

Download this Resource

Simple, modern, elegant web buttons are easy to make, hard to make well (It’s all about the subtlety!). These look better on lighter backgrounds, but can be modified for darker backgrounds.

Free for personal and commercial use, but please do not redistribute.

Download this Resource

As far as websites to be jealous of go, the Tuts+ network has got to be right at the top. The Tuts+ network, comprised of 8 websites, dominates the design sector and continuously and unfailingly provides high quality, usable tutorials and articles every single day. This infographic displays some general statistics about the Tuts+ network, including the ballpark monthly advertising revenue earned through these sites.

Join the Tuts+ Network

Advertising a website or business is deceptively complicated process, and those who think it’s as simple as creating a colorful box couldn’t be further from the mark. But hey, we’re here to help – here’s a simple idea for an effective banner advertisement that’ll make sure your advertising money isn’t wasted.

The aim of any website advertisement is to draw people into your website, boosting your traffic and increasing website visibility. The key phrase that most people forget when creating an advertisement is the whole idea of “drawing people to a website”, not placing your entire website into a very small box. The aim of any advertisement should not be cramming a heap of information into a very small space – instead the perfect advertisement should give viewers just enough information to intrigue them, but not enough information so that they don’t actually have to visit your site to find out more. The “ideal” advertisement should make people want to find out more by giving them just enough, but not enough. Banner advertising is essentially manipulation, but in a kinda good way.

1. Use Color (keep it simple)

Color is possibly the most underused yet most effective element in banner advertising, as it’s a big key in determining the visual impact of your banner. Try to use a vivid shade for your background, but keep it light – no dark blue or black.

As important as color is, you also have to make sure you limit it’s use – keep the background monochromatic – don’t overcrowd your banner, and make sure your colors don’t clash.

2. Differentiation Through Imagination.

The downfall of any banner advertisement is that most advertisers try to fit a thesis into a 535×100 pixel box – it never works and will make your advertisement look cheap and unprofessional. Instead, consider what is the very core of your business or website that you want to convey to your customers. What is the essential to your business? How can you help your customers? What can you offer them to make their lives easier?

In a nutshell (to use a cliche), the less words you use, and the more your advertisement makes people go “Wha….?”, the more clicks you will get. We call it differentiation through imagination – the more wild, unpredictable and radical your advertisement is the more it will be noticed, and the more it will be clicked.

Display is also important. We take the modernist approach to advertising by keeping the colors simple and uniform, however it’s really up to you here to exercise some originality. Make sure you find a font that complements your banner, and one that doesn’t clash with the background. Take a break from the generic stuff and use something different (see the resource list below)

3. The Finishing Touches

The often overlooked areas of banner advertising can make a difference to the final product. Ensure that the most important text in the advertisement is big, clear, and more obvious than anything else. Don’t overcrowd your advertisement with unnecessary images and/or text – whitespace is very important.

Also, providing viewers with an action path, such as a button that says “find out more” or something similar will help in converting views to clicks, as buttons reassure people of where they’re going if they choose to click on your advertisement.

Creating an effective banner advertisement is all about simplicity and functionality. It’s not as complicated as you think – use color to your advantage and make it noticeable. The skills demonstrated in this tutorial extend past banner advertisements alone – any type of publication designed to be noticed will benefit. And to get you started, take a look at some of the resources we’ve listed below.

Build InternetWhy Niche Banner Ads Fail
Web Design LedgerThe Best Free Fonts of 2009
Inspired MagazineThe Science of Whitespace in Design

13 extraordinary digitally designed advertising posters created by some of best graphic designers in the world.

1. Martini Asti Elements | Earth

2. Tiger Beer

3. Red Bull | The Spirit Within

4. Liquid Color

5. Redd’s | Pitch

6. Nike Air Lab 1

7. Wrigley’s 5 Gum

8. Make a Drawing | Paris

9. Bacardi | Shoot and Fly

10. RPM Hard Drive Clock | Reclaim Time

11. Fanta Advertisement

12. Martini Asti Elements | Water

13. Redd’s | Ekspress

It’s that time of year when we get our nerd on and crown the best icon of the year. The criteria is simple – it has to look good and it has to be free for download by the general public. With a post this exciting, you’d be crazy not to click “read more”…

We are a biased group of judges – not much point trying to hide it. And since we all have a thing for cars, and Jaziel Valladares Herrera just happened to create a stunning icon of one of the world’s fastest and most beautiful automobiles, the winner of IOTY (yeah, we made it into an acronym) wasn’t a very difficult choice.

Congratulations to the wonderfully talented Jaziel, with his stunning Bugatti Sang Noir icon, available for free download over at deviantart. You win… nothing. But hey, wear the icon of the year title with pride – it will look awesome on your resume…