Design Buzz Logo Affiliated Business News
41
Infographics (or information graphics) are a graphic visual representation of information, knowledge or data. These special graphics are known to present, clearly and quickly, complex information like signs, technical writing, journalism, maps and education. Scientists, statisticians and mathematicians use infographics to develop and communicate certain concepts by using only one symbol to process the information.
Student Bullying infographic

Information design is close and strongly related to the field of information graphics. Infographics actually represent a certain discipli
Read More
ne within the field of information design. Richard Wurman, the founder and author of the TED is considered to be the father of the phrase “information architect” and you may have seen that many of his books helped propel the notion of “information design”, turning it from a concept to an actual job category.
In short, what is an infographic and what is its use?

- it helps you understand the information faster;
- it is a creative visual explanation which helps you understand, do or find something more easily;
- it is a visual design and, when necessary, it integrates pictures and words in a dynamic, fluid way;
- it is an universally understandable graphic;
- it is a stand alone graphic and it is completely self explanatory;
- it can reveal information that was previously hidden or submerged.
Regular vs. Royal Weddings

Click on the title to go to the source or on the image to see the whole infographic
Which are the elements of an information graphic?

As the name states, the basic element of an information graphic is the information, data or knowledge that the specified graphic wishes to present.
- When it comes to data, the graphic designer or creator may use some automated tools like graphic software in order to represent the data with boxes, lines, arrows and other pictograms and symbols.
- Infographics sometimes feature a key which defines the visual elements of the graphic in plain English.
- In creating information graphics, scales and labels are also pretty common.
The elements included in an info graphic don’t have to be a realistic or exact representation of the data, it can be a simplified version.
Home Improvement Trends in 2011

Click on the title to go to the source or on the image to see the whole infographic
What makes a good info graphic?
Design – One of the most important aspects of an infographic is the design, because it’s all about the visual perspective. It must look nice from the first glance, to capture your attention. You should choose carefully the fonts and the colors you plan to use in your info graphic. Even if the overall look is based on a certain subject, the info graphic should be easy to read – so choose fonts that are easy to read, complementary colors, a font point that is big enough to read without needing a magnifying glasses.
10 Reasons You Should Vacation in Vail Infographic

Click on the title to go to the source or on the image to see the whole infographic
Data – This element is as important as the design, so the info graphic should be grounded in hard data. When adding information to an info graphic, you need to do have good sources to review and you need to get your facts and statistics from a reliable source.
One more thing: if the data you found is older than 18 months, you should really dig for some new data sources  – if that doesn’t work out, you should think of conducting your own research and you can start by gathering some proprietary data. The newer your data is, the better it will be perceived by viewers.
Christmas Tree Facts Infographic

Click on the title to go to the source or on the image to see the whole infographic
Clever Visualizations – In order to impress you, an infographic needs to get out of the box, meaning it must present data and information in a way that surprises you but in the same time it makes perfect sense. So you must push the design beyond pie charts and bar graphs – be creative and clever!
Point of view – It’s not enough to do some research and to compile an info graphic based on that info. The purpose is to create a great info graphic, which has a strong point of view (a thesis) and can educate and persuade people. If you have a great quality design and you back that up with a great point of view you are sure to have an exceptional piece of work.
The anatomy of an infographic – Solving Global Warming

 
Shareability – It’s not just about creating the ultimate info graphic, you also have to share it with every one and earn some exposure. Viral content is considered too interesting not to share. You need to make people say “This is awesome, I need to share this with my friends!”. So make it happen! Embed badges, codes, Facebook and Twitter buttons or anything else you can think of to make sharing the info graphic as easy as possible.
The success of an info graphic comes from the number of views it has, so you need to make sure as many people as possible are exposed to your work.
Infographics about Internet
The Internet can be a source of interesting and revealing facts and statistics. Graphic designers and creatives of all types tried to give us an idea with their info graphics about how big is the Internet and how fantastic statistics can be. The info graphics presented below are executed quite well, having an easy to understand presentation and a creative manner.

The Internet: Infographic

How Bigger The Internet Would Become By 2020


Social Media Infographics
Social media has known an increasing impact on communicating information in the past few years. In the same manner, info graphics have become a preferred method of communicating facts, data, figure and statistics about a certain topic of interest. Social media helped their popularity and growth and now we can find a large number of info graphics targeted at social media itself.
Nowadays you can find infographics analyzing the growth and the history of social networks or a certain social network or infographics with various social network related statistics and comparisons – all that information you could need on this subject in an easy to read and comprehend format, how great is that?
The Boom of Social Sites


Social Media Demographics: Who’s Using Which Sites?

The CMO’s Guide To The Social Media Landscape

If you want to read about how you can create a visually powerful infographic, check out this awesome post by Sneh Roy.
Your turn now.
Do you know any other great infographics?



Infographics – Enter the World of Clever Representation of Information is a post from Pixel77 – Graphic design blog with tutorials, resources and inspiration.
60
I came across the amazing works of Can Soner while searching for some awesome inspiration. I found his work so fabulous and I was surprised to see that he can design warriors and monsters as well as children illustrations! And I said wow, this guy is really talented and he must really enjoy doing both type of illustrations. I wanted to know more about Can and his work, so I interviewed him, check it out.

When did you start your career as illustrator?
I made some freelance illustrations when I was in high school but I started my career as a professional when I came to İstan
Read More
bul in 2000, where I worked as an illustrator in an agency from the first year of university.

What is your educational background?
I went to high school of fine arts in Ankara. Then I came to İstanbul in 2000 for Mimar Sinan University Of Fine Arts and I graduated in 2006.

You have surely worked on several projects so far. What would be the most relevant ones? Which one did you love working on and you considered important to you?
Yes I’m working on so many projects as a freelance illustrator for 12 years such as concept illustrations, comics, storyboards, character designs etc. I love working in most of them but if I have to choose the most important ones I have to say the children books that I’m making for my publishing house in Australia. The reason is I love being a kid when I’m working on them. The books are sold everywhere in the world from Brazil to China, Europe to America and it’s a great satisfaction that thousands of children from all around the world are dreaming with your illustrations.

Can you name 3 designs from your portfolio you like the most?
I can say the cold battle, dwarven king and orc warrior because I’m a big world of warcraft fan :)

Our readers would definitely love to know what hardware and software you use when you create your designs?
Im using Corel Painter and Photoshop.

What are the things that inspire you? Can you name a few websites you use for inspiration?
I try to follow other illustrators website, especially from my country such as Emrah Elmasli. And other portfolio sites such as Deviantart and CGSociety.

When you began your journey as a graphic designer you probably had a few role models, would you name two of your favorite artists?
Im a big Conan fan so first of all John Buscema. And others Frank Frazetta, Alex Ross, Ashley Wood, Hajime Soroyama.

Designing has its ups and downs, what is the most difficult problem you ever faced as a designer?
Sometimes I’m fading out to work. When I have this feeling I leave everything away for a while and clear my head.

How do you get your work out there? Do you promote yourself online in any way?
I don’t have too much time to promote myself. I can’t even update my own website often. I need to improve myself in this matter.

Looking a bit into the future, what do you see yourself doing in 5 years from now?
Well I love being a freelance illustrator but I’m trying to organize some of my friends to open a design agency. Maybe we can make it happen in 5 years.

What advice would you give to the newbie designers?
I’m not a master designer or anything but I can give this advice, focus on one thing that you love doing and improve yourself on it.

What do you think your greatest achievement is so far?
To reach thousands of children with my illustrations.

How much free time you have in a week and how do you usually spend that?
I’m trying to create free time for myself. I don’t draw or anything like that in my free time. I usually go out and have fun with my friends. I love sports. And I’m living in Istanbul, one of the most beautiful cities in the world so I love walking on its streets.

What is your favorite PC game and how many hours you spend playing it?
World Of Warcraft but I quit playing it a couple of years ago because it never ends and it takes too much time from my life. Now I’m playing Pes or fps games occasionally.

I really liked this design. What was your drive to create it?

It was for a chocolate company. I designed characters and 4 islands with different themes. This one is one of them, it’s called Chocolatefall Island :)

Check out more of Can Soner‘s artworks by visiting his website.
Interview with Graphic Designer Can Soner is a post from Pixel77 – Graphic design blog with tutorials, resources and inspiration.
46
So you’re fresh off the benches of school or you are a self taught graphic designer and you are looking for a job. What’s the first thing you do?
PREPARE
1. Existential questions
First of all, you need sit down with a pen and paper and answer a few simple (or not) questions like: what are your motivations? which are your strengths? which are your weaknesses? which is your personal style? where would you like to work? It’s very important to be honest with yourself, to be aware of your skills and to know which ones you need to improve. You may have a graphic desi
Read More
gn degree but trust me, there are so many things yet to be learned!

Source: sxc.hu
2. Portfolio
After you get these things straight, you should put together or update your online and offline portfolio. When you go to an interview you would want to show off only your best work – sometimes less is more. You should also make sure you display examples of different types of work you’ve made – it will demonstrate that you are versatile.
Your portfolio is the most important factor in landing a job so make it look good both online and offline! Make your portfolio easy to navigate and to understand.

Source: slab serif sheriff
When going to an interview, you must have two portfolios on you – one for the employer and one for you. The first one you will be giving away. The appropriate number of works to have in your portfolio is 8 – 12, they interviewers don’t have the time and patience to run through a 50 works portfolio – and you don’t want to annoy them!
Be prepared to answer any questions regarding the content of your portfolio, for example: what is the concept behind this illustration, why did you use these colors and so on.
3. Resume & Cover Letter

Update and print your resume. This document is especially important to a graphic design applicant. You need to pay special attention to it, you can even use some typographic designs which will reflect your type skills – you are, after all, applying for a creative job, so your resume doesn’t have to be so “stiff”.

Source: Michael Anderson via Bart Claeys
You must bring two copies of your resume to the interview, one for the employer and one for you. I know you must think that they already must have your resume, but there is a chance they misplaced it or it got lost along the many application, so why take the chance?
Additional to your resume, you must also have a cover letter which must me tailored to that specific job and it must highlight your experience or strengths which match the company’s needs.
4. Research the Company You Are Interviewing With
Whenever you go to a job interview, it’s important you learn as much as you can about that employer. Visit their website, learn about their services, products and projects, find out the name of the company leaders, prepare some concise questions about the company and the job you are applying for.

Source: sxc.hu

5. Business card
Being in a creative field such as graphic design, you must have a personalized business card (as well as the portfolio and the resume). Your business card should be well designed, simple but memorable and it would be a plus if it’s highly creative. Creating a business card for yourself, as a graphic designer is a difficult task, because that little card represents you and your work, so you should try to make it unique – and, of course, branded.

Source: oxidizzy
6. Brand your work
Make sure your branding is consistent on your business card, CV and email signature. Here’s the thing: if you can’t create a brand for yourself, what are the chances you will be able to create for a client? So it’s highly important that you brand yourself on any document and official correspondence, it shows off your graphic skills and interest.
7. Prepare your pitch
Before jumping into showing your portfolio, it’s a good idea to talk a little about yourself. The pitch is a quick description of yourself, your skills and your aspirations. This small speech should last no longer than 1 minute and in that time you must highlight your strongest assets.

It’s a good idea to practice your pitch with your family or your friends, to make sure you get it right and to make you feel more confident in your speaking skills.
8. Spell check
Just think of it as a disaster if you have a typo on your resume, cover letter and anything else you submit. Spelling mistakes are not over looked by the interviewer and most likely, you won’t get the job if you have one – it shows lack of interest and attention. So have a friend or family to double check your materials, maybe there’s something you’ve missed.

Source: Lauren Stolzar
THE INTERVIEW
9. Punctuality
I know it’s common sense, but I just had to stress out this aspect: you can’t be late to a job interview! You should look up directions a day before, maybe even print a map and take in consideration you may run into traffic or get lost – so have a reserve of 30 minutes or so and try to get there 15-20 minutes ahead and let them know you arrived.

10. Dress code
Now this is a creative field and it’s considered to be less restrictive. Nevertheless, you should do some research on the company, see what’s their culture and what’s their dressing code to be prepared. In most graphic design job interviews, you don’t need to suit up (with a tie and everything), but it’s common sense to have a suit jacket and a shirt. Remember, it’s best to be overdressed than underdressed.


11. Firm Handshake
This is available both for boys and girls.Your handshake must be firm and assertive – just don’t squeeze their hand off.

Source: sxc.hu
12. Give away your business card
Now I know that you may think that business cards must be given away at the end of a meeting, but that’s not always the case. Of course, you could do that, but take in consideration that some employers expect you do give them your business card at the beginning of the interview. It will show off from the start that you payed interest to that interview and that you have a great designed business card – thus good graphic design skills.
13. Notebook and pen
This is not necessary, but if you take out a pad or a notebook and a pen it will look as if you are organized, you don’t actually have to write anything on it.

Source: sxc.hu
14. Talk About Your Work
Before showing your work, talk a little about it. Remember tip no. 7 above. Don’t make it too long, this is just to engage the interviewer in a discussion with you. They will be looking at you as you speak and afterwords, they will be looking at your work.
15. Basic Art Skills
You should bring some sketches to the interview. The interviewers may be interested to see the final design, as well as your basic art skills. It’s good to have a few drawings and paintings to demonstrate that you also have solid basic art skills.

Source: cornie47
16. Ask questions
Don’t talk endlessly about yourself. Pay attention to the interviewers body language and verbal responses. When you feel it’s the right moment, ask questions about the organization, it’s projects and the job you are interviewed for. This will help you get some insight on what sort of company you may be working for and it will place you in a positive light because you are interested in them.
17. Pay attention
There will be lots of topics covered and discussed during your interview – regulations, processes and so on. You should really pay attention to everything that’s being said, so that the interviewers won’t have to repeat themselves.

18. Be enthusiastic
Do you want that job? Then tell the interviewers that you really want the job (these days, hardly anyone does this). Be enthusiastic, admit that you are willing to learn (even the interviewers know that no one knows everything) and be passionate about your work – let them know that this is the field you want to build a career in.
19. Be polite
Needless to say, during the interview, you must be as polite as possible. You will probably get some questions about your previous jobs and experiences and it’s recommended that you don’t speak in a negative way about your boss or your old company. Also, there are chances that the interviewers don’t always share your philosophy and have different opinions – if that happens, don’t be rude, just find a nice, polite way to sustain your ideas and beliefs.
20. Promote yourself
A job interview is a time when the company gets to know you and, on the other hand, you get to learn some more about the employer. But most of all, it’s an opportunity to show them that you are the person fit for that job. Be prepared to answer questions like “Why would we hire you? ” and try to be genuine. Don’t be shy and talk about the things you are really good at and let them know how you can benefit their company. In two words: sell yourself! this is the only chance you get.

Source: chrs drby

21. Holidays & Payment
At your first interview, it’s best that you don’t talk about salary, vacations, bonuses or other benefits – inquire about these things only after you’ve received an offer.
But if this discussion comes up, whatever you say, try not to give the impression that you just came there for the money – the employer is more interested about what you can give to the company, and not what you can get from it. They see you as an investment so they must be sure that they make a profitable decision when it comes to hiring you.
Here is a joke I found on this subject, I just had to share it with you, you can learn from it:
Reaching the end of a job interview, the Human Resources Person asked a young Engineer fresh out of MIT, “And what starting salary were you looking for?”
The Engineer said, “In the neighborhood of $125,000 a year, depending on the benefits package.”
The interviewer said, “Well, what would you say to a package of 5 weeks vacation, 14 paid holidays, full medical and dental, a company matching retirement fund for 50% of your salary, and a company car leased every 2 years-say, a red Corvette?”
The Engineer sat up straight and said, “Wow! Are you kidding?”
And the interviewer replied, “Yeah, but you started it”
22. Ask for the interviewer’s business card
At the end of the interview, ask your interviewers their business cards – find out the correct spelling of their first and last names.

POST-INTERVIEW
23. Send an appreciation email
If you followed all the suggestions above it means that everything went well on your interview: you were prepared, you weren’t late, you talked very passionate, you were receptive, attentive, polite, you promoted yourself and they loved your work. So what now?

Source: L S G
As soon as you get home you should make use of the business cards you received from the persons who interviewed you. You should write a brief email in which you thank them for the interview and for telling you more about the company. Just picture this step as the little thing that can separate you from the other candidates (who were as good as you at the interview).
Your turn now.
What do you do before, during and after an interview? Can you share some more tips with us?
 


20+ Job Interview Tips for Graphic Designers is a post from Pixel77 – Graphic design blog with tutorials, resources and inspiration.
59
Richard Roberts is a talented illustrator who is currently living in Milwaukee, USA. Richard has a background of over five years in illustrating digital artworks, he was featured in publications and worked with clients world wide. Roberts works mostly in the digital illustrations and photo manipulation area, but he is a versatile artist, he uses an array of different styles and takes a variety of projects.
Check out some of his amazing artworks:
Supernova

Advanced Photoshop Issue 70

Advance Photoshop Issue 71

The Cage Keeper

DACS
R
Read More
20;Illustration for an upcoming live exhibition for Designers Against Child Slavery in Columbia, SC. The groups aim is to enable creatives from all over the world to rise up against the child sex trade. The brief was to illustrate a piece representing the abuse of children in some way or form.”

Inner Struggle

Rhian Benson




Tiger Beer

depthCORE XXXVII – Her

Zen – Advance Photoshop Issue 74

If you want to see more of Richards’ awesome work, visit his website, his behance or deviantART profiles.
You can also “like” him on Facebook or follow him on Twitter.
Artist of the Week – Illustrator Richard Roberts is a post from Pixel77 – Graphic design blog with tutorials, resources and inspiration.
46
We just released only the most awesome giga vector Pack ever! The new Giga Vector Pack 8 includes 5 fabulous mega packs you just have to get your hands on: Vintage Mega Pack 10, Vintage Mega Pack 11, Vintage Mega Pack 12, Japan Mega Pack 2 and Floral Mega Pack 7!
All the vectors included in these packs are created in house by the talented artists from Designious. Moreover, get this awesome Giga Vector Pack 8 and save 60% on all the vector packs included. These are all top notch resources, so this is a pretty sweet deal!
Here is a preview of the Giga Vector Pack 8:

Also, ch
Read More
eck out the previews of the mega packs included in this cool giga pack:
Vintage Mega Pack 10

Vintage Mega Pack 11

Vintage Mega Pack 12

Japanese Mega Pack 2

Floral Mega Pack 7

So what you’re waiting for? Visit Designious.com and get your hands on this mind blowing Giga Vector Pack 8!
 
New Awesome Giga Vector Pack 8 from Designious.com is a post from Pixel77 – Graphic design blog with tutorials, resources and inspiration.
66
Typography is believed to date back to the 15th century, so it is as old as the earliest writing systems, but it sky rocketed in last couple of years, becoming an important element in website design and not only.
Although typography has developed since then in a specialized field, it’s only recent that creative users of typeface in web design were able to go beyond the limitations of their operating systems. Today, designers, with the help of the new and improved systems, get the chance to go further than the standard system fonts.

Before we talk about this important qual
Read More
ity of typography in web design – creativity, I would like to go through a couple of reasons why typography plays a big role in web design and some basic short tips on choosing the right type for a website.
The Importance of Typography in Web Design
As Robert Bringhurst states in his book, “The Elements of Typographic Style“,
“Typography exists to honor content.”
Typography is very important in visual communication – it is one of the elements that plays a huge role in the perception, quality and usability of a website design. It’s an integral part of web design that shouldn’t be taken for granted at any cost because the correct use of typography has the power of creating or breaking the whole feel of the web design.

Although excellent typography can be defined as attractive but at the same time completely functional, the real beauty of typography is that it creates a communication bridge with the visitors, providing them with the information they came to the website for. So it’s just not all about graphics – although it plays an important role in web design – it’s also about implementing the right typography in order to create effective results.
Choosing the right type, although it depends mostly on the designer, is essential because it is in a close relationship with the services or the products being marketed and with the message the website is trying to send.

Using a professional type in your design will create the perspective of a more legible and organized website.
Making use of creative fonts and styles will most certainly help get some attention and position in the mind of the users with the impression of a unique website.

The aesthetics of your web design must go hand in hand with its functionality so be careful how you approach typefaces in your design because it may diminish or it can enhance the visual impact of the website. So remember, looks are as important as functionality!
Tips to Consider When Using Typefaces
Limit the number of fonts you use - It’s not a good idea to use too many fonts throughout your website – you can try to make some small adjustments to the existing font or only use two types of font. This helps maintaining a sense of continuity in your design.
Choose the right size for your fonts - The size of the fonts must be in correlation to the theme and the style of the website design – note that some typefaces are designed to be used as small fonts and they don’t have the same effect if they are too big. Moreover, take in consideration that the text size on your website should be readable on different browsers and technologies.

Make your typography legible - When designing a website, you must have the user in mind, after all, the website’s purpose is to communicate information. Your goal is to encourage people to go through the information on your website with ease.

Choose wisely the color of your text - the color of the text must be chosen according to the color of the overall design. Remember that the color of the text shouldn’t overwhelm your design and, on the other hand, it shouldn’t be consumed by it.

Spacing for more readability - make sure you edit effectively the text by giving it line spacing/leading because the placement of space between the words can impact the readability of the copy.

Apply Font-Smoothing - Consider that many of your users may have a windows operating system lower than Vista and that means that it does not apply “font-smoothing” as a default setting. This is important because it can really make a difference on how the viewers see your text.
Creative Typography in Web Design
Although I’ve stated above a series of tips on how to choose the appropriate typography for your website, there are always some exceptions. There is always someone who bends the rules, who wants to be unique, creative or out of the box.

We all know that there is a list of the most used fonts in web design and you can find information all over the web about these “safe” fonts. The most beautiful part about web design nowadays is that you have the chance of personalizing your website design, making it fit your needs – starting with its design and the typography used.

A mix of vividly created graphics or images and typography has the power of taking web design to the highest level of attractiveness and creativity.

Some of the most creative website designs are the ones of graphic designers, illustrators or other types of creatives. The thing is that creative people like to use various techniques to establish themselves as creative voices on their websites – and that seems natural.

That’s why, creative web designs will most often include hand-drawn illustrations, personalized fonts, organic shapes, full bold colors and other unique elements of design – all destined to leave you with a strong impression of creativity.

The only thing to add here is that the custom handwritten font must be restricted to only a few key areas of text. If you set all of your content in your personalized handwritten font, you may affect the readability of your content. The purpose is to create a design which combines illustrations and typography that will send a message – the message intended by the artist. And that message should reach you, the viewer, and it should give you the sense of high creative energy.

Just think that each one of the elements used contributes to the impact the design has on the viewer’s perception. For example, the colors you use in your design always influences the way people interpret something and the typeface you use brings a meaning to the design through its style, weight, connotation and context.

Nevertheless, it’s not that easy to create a new font type that is decorative, unique and in the same time practical. A creative font used in your design can give the feeling of the website and an insight to the designer’s style or the personality of the owner. It certainly adds character to the website and it can help create a theme for the website – so nothing must be done random, every element of the web design should work in harmony to create one great symphony of meaning.

And although creative fonts have the power to compliment the design and the content of the website, they can also be used too much and can even become annoying or at least distracting – that’s why you should restrict the use of these type of fonts to a maximum of 3 in your design.

Big Typography
Although web design trends are shifting from year to year and it’s overwhelmed with ideas, big typography remains a trend preferred by web designers throughout the last couple of years. The important thing about big typography is that, when used correctly, it helps visitors to pay attention to the part where you want them to focus.

Big typography will also place emphasis on the hierarchy of the content  – there will be a visual contrast between it and the smaller text around it.

Remember that words are one of the most powerful elements you creatives work with – sometimes they are even stronger than the color or imagery. Words can implant information in ones mind, they can create mental pictures and ideas. As a designer, you have the great task of shaping those words to achieve the greatest possible effect.
Your turn now
I gave you only a few examples of creative typography in website designs. Do you know other web designs with creative typography? Please share them with us.
 
 
Creative Typography in Web Design – Breaking the Rules is a post from Pixel77 – Graphic design blog with tutorials, resources and inspiration.
48
This is a weekly post where we share our favorite design related articles from the week that just passed. We received advice from Noupe on how to stay on track and not get distracted when designing, we feasted our eyes with new free fonts from Webdesignledger, we got some insights on creating compelling headline copy from 1stwebdesigner, Smashing Magazine enlightened us with a detailed article about how we can optimize emotional engagement in web design, Sixrevisions gave us some ideas for expanding our web design business, we got some advice from Instantshift on how to manage design criticism
Read More
effectively and much more!
If want to be up to date with all the fresh design articles and resources on Pixel77, follow us on Twitter, on Facebook or subscribe to our RSS feed.
Noupe – Distraction Management: How To NOT Procrastinate / Get Distracted When Designing


Webdesignledger – 7 Brand New Free Fonts for Your Designs


1stwebdesigner – 20 Great Examples of Compelling Headline Copy


Smashing Magazine – Optimizing Emotional Engagement In Web Design Through Metrics


Six Revisions – Ideas for Expanding Your Web Design Business


Instantshift – Design Criticism: How to Manage it Effectively


Speckyboy – 40 Most Creative Resume Design Ever Seen


Inspirationfeed – Branding for Beginners: Where to Start

Inspiredology – Potent Graphic Design to Leverage Companies

Design Informer – Why Can’t We(bbies) Be Friends?

Inspiredm – YouTube: 6 Years and Counting [Infographic]

Designbeep – Ultimate Collection of Free Wooden Icons for Web Designers and Developers

10 File Management Tips for Designers

Which article from the ones above you find most interesting?
 
Favorite Design Related Articles of this Week is a post from Pixel77 – Graphic design blog with tutorials, resources and inspiration.
28
We teamed up with Allbusinesscards.com to bring you a fantastic giveaway. They are throwing in 500 business cards to each of 3 lucky winners. The winners will have the choice of creating their own custom business cards from thousands of templates and the shipment of the business cards is supported by the giveaway sponsor – so you’ll get a set of 500 business cards absolutely for free.

Allbusinesscards.com is a great website where you can choose from thousands of templates for your business card, where they use environmentally friendly ink, all of their products are super
Read More
ior quality and they are delivered in a really short time.
How to win
For a chance of winning this prize, here is what you have to do:
- leave a comment telling us what giveaways would you like to see on Pixel77 in the future
- follow Pixel77 on Twitter @pixel77blog and follow Allbusinesscards on Twitter: @AllBusinessCard
- Like Pixel77 on Facebook
Please note that you must use a real email address in the comment so that we can contact you in case you win and that this giveaway is only available for US and Canadian residents.
The comments will be closed on Thursday the 26th of May. We will announce the 3 lucky winners on Friday.
Good luck to everyone!
 
1500 Business Cards Giveaway from All Business Cards! is a post from Pixel77 – Graphic design blog with tutorials, resources and inspiration.
7
Although CSS3 has not been supported by some browsers yet and many people are unenthusiastic to use it, many other people have enjoyed using it with its features to create many fabulous stuffs. However, there many features that can be gotten by using CSS3 in building a website. We can use the features of JavaScript and images to create website in good performance with features like navigations menu. Below are some great tutorials from the professional designers and developers that maybe useful for you to create awesome menu using CSS3.


How to Build a Kick-Butt CSS3 Mega Drop-D
Read More
own Menu
This tutorial is really worth seeing for someone who want to create a great looking drop down menu by using pure CSS3. You can see this type of drop down menu is often used on e-commerce or large scale websites to save webpage space. This menu is compatible with all browsers handle hover on non-anchor tags.

Create an Advanced CSS3 Menu
The CSS3 will enable you to make good menu without using code and much time. Just get the explanations about how to build buttons using CSS3. The technique will not only support you to create some website menu but also other special features easily such as the nice navigation menu, submit buttons, call to action buttons, and many other buttons you need to have in the website.  

jQuery Style Vertical Menu with CSS3 – No Javascript
Besides, in this tutorial you can also learn about creating animated sliding vertical menu that also uses CSS3 features, such as ‘webkit-transition’ that is useful to animate hover state of the unordered list. You can also apply some shape and depth menu that is completed by background image for every list by design the styling with the ‘webkit-border-radius and webkit-box-shadow’. The styling will make the images as if come from beneath the edge.   

 
CSS3 Dropdown Menu
In this tutorial section, you will be taught about making the menu of Mac-like multi-level dropdown using the border radius, box shadow, and text shadow of CSS3. It will be well supported with Safari, Chrome and Firefox. Other browsers that are non compatible with CSS3 can also work with the dropdown like IE7+, yet the shadow and rounded corners will not be provided.  

 
Create a Slick Menu using CSS3
This tutorial is used by the developer to imitate navigation menu of the website of Dragon Interactive by using CSS without any images and JavaScript. The tutorial is in the form of experimental using CSS3 so that you can see the making directly. You should have the newest webkit browser to see the effects such as the Firefox 3.6 gradients; but not the transitions of fade in and fade out. 

Recreating the OS X Dock with CSS
This tutorial is made by a great person at Zurb that has created many tutorials such as Super Awesome Buttons, Radiocative Buttons, Polaroid Images with Only CSS3 and many more. By experiencing it, you will know that you can get special features from the CSS3 tutorial. They have used newest properties of CSS3 and the basic links list and then make it becomes nice icons OS X dock. This feature will work well with Safari and Chrome but it will not be so good with Firefox.   

Apple’s Navigation Bar Using only CSS
It will teach you about building top level navigation of Apple website that is popular currently. However, it will not be featured by any images; there is only pure CSS 100%.

CSS3-Only Horizontal Drop Line Tab Menu
This tutorial will show you another way to make a dropdown menu with CSS3; the same effective result like recently has been made by WebDesignerWall and showed in the interesting tutorial.  

Accordion Using Only CSS3
By using CSS3: target pseudo class, the accordion effect can be gotten without a need of using JavaScript. Every part of accordion is completed by ID, content region and also heading. A link will come from the header and match with the ID, even as the display will be controlled by a container where the content is wrapped.  

Sweet Tabbed Navigation Bar using CSS3
By using some CSS3 properties, you will be taught about creating Sweet tabbed navigation bar. The properties are such as rgba; opacity, pseudo selectors, text shadow, gradients, rounded corners and also box shadow. This tutorial is the only place where you can learn about the using of many latest CSS3 properties in one time.  

Use CSS3 to Create a Dynamic Stack of Index Cards
This tutorial will teach you about creating the index cards dynamic stack that can be used as menu, it will use CSS3 and HTML. For the dynamic effects, it uses CSS3 features for transforming and transitioning, and also use @font-face, border radius and box shadow for the styling.   

Create the Accordion Effect Using CSS3
This tutorial will teach you about creating accordion effect in another way and variation using webkits CSS transitions. The feature used is the CSS3 target pseudo class. It will be useful to know the item that will be shown rooted in the URL fragment identifier.  

Simple CSS3 Dropdown Menu
CSS3 has many features that can support us making nice user interface. One of the features is box shadow that is useful to make shadow effect. You should understand the using of the dropdown menu with some shadow effect. This tutorial will teach about the making of the effect by using pure CSS.   

Create a Fun Animated Navigation Menu With Pure CSS
Even though the CSS3 provides guide to the basic animations using CSS without scripting, this tutorial will teach about using CSS3 to make unique and fun navigation menu by using the features transforms, @font face, and transitions.   

CSS3 Minimalistic Navigation Menu
This tutorial will teach about practical using of CSS3 animated navigation menu that will work well to be used with the most recent browsers.   

Nicer Navigation with CSS Transitions
The using of CSS Transitions will enable you to reduce the using of JavaScript to make some effects. The properties that support the transition are the webkit-transition, webkit transition duration, and also webkit transition timing function. Moreover, the property that unites the three properties is the webkit transition. This tutorial will teach you about creating the dropdown navigation menu using transitions and traditional CSS.   

CSS3-Only Tabbed Area
This tutorial is about the CSS tricks that deal with the traditional JavaScript tabs. The CSS pseudo selector; target used with ID selector, is the feature used with the major empowering concept. The URL with hash tag of exact ID will be matched by the selector. The features will work well in all browsers and the IE will need a small amount of tweaking.  

CSS3 Transition Tutorial – Slide effect menu with the Apple-Style
This tutorial will teach about the using of gradient via CSS, border radius, and transition. The making of slide effect without JavaScript and graphics will be possible with CSS3.  

 
How to Create a Drop-down Nav Menu with HTML5, CSS3 and jQuery

Build a Chunky CSS3 Menu

 
So, those are the tutorial articles that can be accessed and learned about all about CSS3 and how to make a good looking website with it. Are you in plan to make a nice website by yourself? The tutorials will make you enjoy the website building for the features you can get and apply to make a nice looking website. What do you think about many special features of the CSS3 and the tutorial? Hopefully the tutorials will help you much in making nice website


46
Usually, at the end of year, evaluations, plans, tops or analyses are made and, as in any field, these are also made in the one of logo design. To analyze your own activity or the one of a company, it is quite simple to sort out information, in order to realize something concrete and in accordance with reality. Furthermore, a good analysis of one’s previous activity can tremendously contribute to the fulfillment of a plan in the following year.
This year has been a very good one for logo designers, the biggest proof being represented by the increased number of logos posted in diverse webs
Read More
ite galleries or on websites that allow the presentation of personal artworks. This richness is determined by the fact that the public has become more aware that a logo is a necessary thing in the making of a successful brand but also by the launching of HTML5 and CSS3, bringing a breath of fresh air in design and development. Making a top with the most interesting and beautiful logos of 2010 is a very difficult job, especially because there is an impressive number of special accomplishments, not to mention the numerous websites where logo designers can present their works of art but also because of the author’s subjectivity.
Here, you will find the best logos of 2010 and it is very probable to have omitted logos which are at least as interesting but these which are presented here are 100% impressive. I genuinely appreciate any link that sends the person clicking on it to a very beautiful logo (please use the comment box for that). I hope that you will enjoy yourself!


1.Recycling worx

Definitely, one of the hottest colors of the year 2010 was green and, due to the global movement for a health nature, the trend will keep on in 2011. This logo is created for a company which has connections with the idea of a clean environment so the decision of making everything green is wise.
2. Logo to the 30 anniversary of Zenith Sankt Petersburg

A strong logo for a strong team; this has been made for the 30th anniversary of the Zenith Sankt Petersburg football team. The blue color offers an air of freshness but it is also a sign of a positive attitude, things which are very necessary whereas this sport is concerned.
3.Dark Room

2010 represents a turning point in the evolution of television, given the fact that more and more companies in the field have announced their plans concerning television and television sets. It seems that the moment in which 3D television will be accessible at a global level is coming near. This logo has been built with this idea in mind but it has been included in the top also because of the way it was made.
4.Activa

Normally, a logo should not be made using gradients but the effect making of this logo cannot be so easily surpassed. A lot of design rules can be sometimes neglected if the final product is well built or very original and this is a good example.
5.Maximum

A logo is as funny as it is well made. The simplicity of this logo is doubled by a minimalist design which seems to target persons involved in house-related activities. It is very interesting how the elephant plays a double part: his power is compared to the cleaning power but the hilarious construction sends a warm message.
6.Kitten and chickens

The idea of this logo is brilliant, the design allowing any viewer to see two images, the face of a cat but two kittens as well. Did you see it?
7. Auto Detailer

The metallic accents of this logo give a clue regarding the activity domain of the firm which owns it; this logo has been built for a company that is active in the auto industry. The things through which this logo impresses are the complexity of the details and the 3D effect, which is very well done.
8.Black cat

Black cat is another logo which impresses at the hidden sense chapter. The creator writes black cat but the “c” in both words are the eyes of a cat. The imagination of the designer is amazing, a really good work.
9. Plexus puzzles

The richness of colors is amazing; starting with the idea of a puzzle, this logo is based on this concept. The originality of this format is enriched by the unusual font with which plexus puzzles is written. The background which is settling for the eyes is the element that guarantees the success of the logo; you can try to imagine a background which has a very light shade, it would be a disaster, speaking from a coloristic point of view.
10.Airtwist

This is a logo based on two shades, blue and black, the very simple yet futuristic look places it in this top. The sphere shape which is not completely defined and the concentric lines deliver a mobile character, the idea of mobility being also the basic idea of the graphic construction.
11. Connected home

The black and white logos are usually simple but hard to create. Such a logo, because of the simplicity of design, has to have a strong message or one that is interesting in order to be successful. Connected home is a blend between the image of a home and a connector, two notions which apparently have no connection whatsoever.
12.Techie Talk


A superb logo created with a lot of imagination, few letters, a Berlin Sans FB Demi font and few hours spent in Illustrator, this being the perfect recipe for the making of a logo. The color scheme, black and orange, is very appropriate with the design, complementing it perfectly.
13. Matchwing

This is probably the logo with the most obvious futuristic shade from the entire collection. The color scheme, the background or the font used totally confirm that this logo could be easily customized for Captain Picard from the Enterprise ship.
14.Tullamore

This logo clearly expresses the idea of dynamism and variety. The horse, a symbol of speed and elegance, is the vector of speed and the multitude of colors the representative of variety. However, this would all be for nothing, without the talent and the work of a very good designer
15.XIII

Sometimes number 13 can be lucky, sometimes it brings bad luck, however very few people could have considered that 13 is funny. The designer obviously emphasizes the elements of folklore, in some parts of the planet a black cat being a sign of bad luck, so a double effect is obtained.
16.Fast top

On the website on which this logo has been posted, an impressive number of comments have been left, varying from very nice to stunning or even perfect; these come from logo designers so these praises are actually confirmations of a high quality work. This has been built for a search engine; I would probably give it a try even if it’s just for this logo.
17.Silfver Creations

I personally consider this logo to be the most elegant from this collection; it impresses through simplicity, discretion, refinement and especially elegance. The first thing that takes it to this position is the color scheme, black being decisive and the blue and white tones amplifying this effect. The font that is used is in accordance with the design, the result being superb.
18. Human resources

This logo should be built for a very active company that is involved in human resources because they let us know this. The logo accentuates the idea that the ones who own it are very attached to their job, so that they will try, through every possible method, to do their job, including using methods that are not at all conventional.
19.Be the star you are

“Be the star you are” and a black background are not apparently a very successful combination but this logo manages to destroy this preconceived idea. As a matter of fact, black is present only to accent to richness of colors, with which the words “Be the star you are” are written, under the shape of a star.
20.Lion bird

What did you see there? A lion or a bird? I saw a truly awesome logo…
21. Step to end poverty

A very mysterious logo but full of meanings, very touching. The designer scores points when it comes to being original but the most important things of this logo is the powerful message, transmitted through a very simple message, without a sophisticated combination of colors or fonts.
22.Lift

I usually don’t drink coffee but, seeing this logo, it instantly made me want to savor one. The 3D effect is very interesting and the color is the one that redeems the essence of this logo.
23. Portrait photos

A logo, despite the fact that it is not a very complex construction, requires a lot of time to be conceived. This very interesting logo has been made in ten minutes (this is what the author declares) but a lot of designers have praised it. This fact comes to complete the idea that a logo is a graphic construction which has a definite purpose the expressing of an idea and not just being present on the header of a website.
24.Ecobox

Ecobox is a logo which can be characterized in three expressions: clean, well done and eco. As I originally said, green was a shade which was trendy this year and the future only seems even greener.
25.Golf night

Very creative, the designer of this logo builds a moon out of a golf ball. Very well done, carefully finished details, so it deserves its place in this top.
26. Carakale

Very elegant and distinctive, this logo inspires quality and seriousness. This has been built to represent the image of a beerhouse; I honestly consider this logo to be more elegant and it would seem more suitable for a company which is active in the financial or real estate field; anyway, it is very beautiful.
27.Harmony Veterinary Clinic

This logo is based on a few symbols which are somehow opposed but the final result is unitary and with a clear message: the not-so friendly relationship between cats and dogs is well known, however by putting them together near a cross, a symbol of tolerance and trust, the effect is impressive. “Harmony Veterinary Clinic” is another example that shows that the idea of a logo can overshadow the way in which the logo actually looks.
28.FFW

If the logo above invokes tolerance, understanding, peace, this one is the exactly opposite. The clearly delimited lines, resembling the ones of a sword or knife are the one that demonstrate the war-like attitude. FFW is the acronym of Free Fight Wear, so its existence is 100% justified.
29. Legoriza

The author of the logo has declared that the biggest challenge in the making of a logo has been the fact of not making something which is industrial and I personally consider that he has succeeded in achieving his objectives.
30.Free Design

Most of the times, variety is associated with freedom and this logo is based on this fact. The same shape but in different positions and with various colors represents a superb way to express such concepts. On the other hand, the graphic realization is amazing as well.
31.Design Fresh

Shewa, the author of this logo, has conceived this logo with the thought of bringing forward the idea of freshness and light blue is the most suitable shade.
32.Royal

This logo is my favorite; elegance, refinement and simplicity are probably the ideal features of a logo which should represent a bank but this incorporates all of them. Everything is a superlative in this logo and any comment is something on the plus side.
33.Amazing Seven

A logo built with a common font but the final result is special. It has made this top especially because of the idea to replace “e” with “ii” in the word “seven”. In this way, the joining of “vii” is actually number seven in the roman numbers system.
34.Happy Holidays

At the end of the year, we could not have inserted a logo that has this theme. It is interesting that it tries to show a side of the holidays which is less happy, the black background being decisive. Overall, Happy Holidays is a very interesting logo.
35.Leaf

With these two leaves, this logo would not be anything else but a boring text with a Sans Serif font, without any sense, black and white colors emphasizing this feeling. The big attraction of this logo is represented by the two leaves which are strategically placed.
36.SA

Elegance and sobriety are the central elements of a logo but the graphic realization of this logo shows the true talent of the maker. It really impresses with the richness and attention with which the details have been worked.
37.Logo Box

This logo, built in dark shades, white-black and grey, has a sense of mystery but at the same time it seems quite futuristic. However, the central combination of these two elements has a very beautiful result.
38.Hot and cold

The connection between the logo and its name is very interesting: “Hot and cold” represented graphically by two parallelograms which intercross, one being yellow-colored, signifying heat and the other one blue-colored, signifying coldness. It is simple and insightful.
39.Second world

A simple logo but one that seems to say a lot.
40.She loves green

If we started this collection with a green-colored logo, it is only natural to finish with the same trend and, by doing that, try to suggest a possible trend in logo design for 2011: the green color.


Join Our Newsletter:


What is Design Buzz?

Design Buzz is a community for all those involved in designing, developing and running websites, web mastering, etc. Here are featured new design trends, news and events, design articles, design software, webmaster tips and tricks, creative tutorials and hand-picked design stuff from all over the world.

Latest Comments
Affiliated Business RSS Subscribers