Posts Tagged ‘Badges’

Buttons, badges and pins stand for a medium which is often underestimated and not taken seriously. That's a pity, because designed properly, badges and buttons can effectively communicate ideas to your potential customers and impress them with something creative and beautiful.

Buttons are powerful because they show what is important to the person wearing it, which ideas he or she supports and what kind of a person you are dealing with. Some buttons can make people pass away with a subtle smile, the other ones can send a message to the world, and as such, pose a very powerful medium to explore. Which is why we, designers, can make use of them, packaging ideas in small and "portable" objects of daily life.

In this post we cover some interesting ideas for design of buttons, badges, pins and clips — traditional handcraft which can be attached to cloth, bags, documents and whatever you can think of. You may use them to deliver some idea or message, in web design (e.g. Missy makes use of them) or in the merchandise for promotion purposes.

Not all examples presented below fit to all environments; some of them are more likely to be used in informal environments. You don't want to have a Bart Simpson screaming at your boss during the job interview, do you? You may want to check out some ideas for laptop sleeves, skins and stickers as well.

Visual design elements can considerably improve the readability of the page. Using them, you can make it easier for your users to scan the presented content and find the information they're actually looking for. Icons can draw reader's attention to the key aspects of the article and visualize the topic of the post. Buttons can be used to motivate users to some particular actions; and templates are supposed to help designers to create user-friendly interface elements right away. And whatever aim you'd like to achieve, free visual design elements are always useful - simply because they can give your text content a better visual appearance.

We've selected fresh high quality icons, buttons, vector graphics, templates and layouts. You might know some of them, but hopefully not all of them. Not all listed freebies can be used for commercial projects, however you can use all of them in your private projects of for you personal purposes. Please read the disclaimers carefully before using icons - they're changing from time to time.

You can also scan through the icons-related articles we've published before:

Web 2.0 can be beautiful. In fact, many designers manage to create really amazing, particularly dark and fresh web-designs, which are visually appealing and make a great first impression. However, if you are planning on designing a web 2.0-project, you probably should know how and where to start from. Badges, Gradients, Mirror and Shadow Effects as well as Shiny and Glassy buttons are trendy. But do you know exactly how to design them?

We've collected over 65 tutorials, references and related resources, which are supposed to help you to create graphics in Web 2.0-Look. It's nice to have them ready to hand if you need them. It's nice to be able to look at them if you need a source of inspiration.

Web 2.0 dominates. Everywhere and all the time. The new design trends are there, in front of you and me, on the blog you've come from and on the blog you are going to visit next. Every now and again we find new design elements which somehow manage to become essential for every hip, trendy, glossy, stylish web-site which will be developed in the era of its majesty Web 2.0.

SmashingConf isn't the eighth wonder of the world, but we are pretty close. Join us at SmashingConf Oxford on March 16–19 or meet us at the shores of Santa Monica for SmashingConf LA on April 27–30. You won't be disappointed.