Top 11 Easy-to-fix Beginner Design Mistakes (with visual examples)

Published by Nela Dunato on at 12:18 in Graphic design, Branding

Design is not just for designers. Everyone uses design at some point—whether it’s making a presentation for a conference talk, printing “Lost dog” posters, or creating social media graphics to promote your business. Great design improves the understanding and retention of information, as well as the customer’s perception of your brand.

Failing to improve the design of your visual communications has real impact on the message you’re trying to communicate, as well as your profits.

My business owner friends often send me their DIY designs to critique them. I also teach a graphic design course and get to see how my students’ work evolves over time. Design is not “just a job” for me, so I pay close attention to everything I encounter on a daily basis: price lists, billboards, flyers, business cards, social media posts, etc.

Top 11 Easy-to-fix Beginner Design Mistakes (with visual examples)

Below are some of the most common beginner design mistakes that I notice repeatedly. And by repeatedly, I mean all the time. (Even my partner picked up my habit of dissecting designs wherever we go.)

Taking only a few minutes to fix these newbie design mistakes will pay off, not to mention reduce the chances of designers facepalming when they see your work.

1. Poor visual hierarchy

We use visual hierarchy to draw attention to the most important information, and guide the reader to find out more by varying text size, style and color.

Pieces with poor visual hierarchy either:

  1. have all the information written in the same size, or
  2. they emphasize information that is not the most important.

Beginner design mistakes - Poor visual hierarchy

The left example is pretty clear: all the information looks the same, and nothing stands out.

The second example is a bit tricky: visual hierarchy is present, but it’s wrong. The dog’s name is emphasized, when it isn’t the most important information on the poster. The most important information is “Lost dog”, because that’s what attracts attention and explains what the poster is about. The dog’s name doesn’t explain anything.

How to fix it

What’s the single piece of information that would attract the attention of the person this design is intended for? For an event, it can be the title of the event, or the names of people that will be performing. Make this information large, in bold letters, and in a contrasting color.

What’s the second most important information, after the person has expressed interest? For an event, that could be the date and the place. Make this information slightly smaller than the title, but larger than the rest of the text.

Depending on how many levels of information there are on your design, use smaller headings, until you reach the lowest level of information—body text. This information should be clear and readable, but in a neutral color and normal font weight.

Beginner design mistakes - Good visual hierarchy

2. Text too close to the edge of the graphic

White space is the empty space that surrounds the information on your design (text or graphics). To make reading of the information easy on the eyes, there should be plenty of empty space around it.

On a larger sheet of paper, the margins along the edges of the paper should be at least 2cm (0.75 in). On smaller sizes (like a business card), make them at least 0.7-1.0 cm (0.3-0.4 in).

If you’re using shapes like rectangles, circles or polygons as backgrounds for blocks of text, leave a bit of room between the edges of the shape and the text.

Beginner design mistakes - Text too close to the edge of the graphic

How to fix it

Add more space along the edges! That’s it. Move the text frame in your design app away from the top and the bottom of the canvas, and make sure the frame doesn’t touch the right side or the bottom. If you have room to spare, add more empty space than you think you need.

White space makes designs look classy. Crammed designs look cheap and amateurish.

Beginner design mistakes - Ample whitespace and margins

3. Unclear information grouping

I see this one popping up most often on price lists. Price lists are complicated: there's the item, the amount and the price, and you have to make it clear which amount and price is related to which item. Often what I see is that items are not vertically aligned with the respective sizes and prices, so it’s difficult to guess how much things cost. Usually this happens because people who design the price lists don’t use the tools available in design programs that make this process easy. Instead, they try to align things by hand, which doesn’t work.

Another example is when several services, features or products are presented and laid out on a page in a way that isn't clear which image is attached to which text description. It gets even more confusing when it's not clear which link or button leads to more information about the item.

Beginner design mistakes - Unclear information grouping

How to fix it

Use the built-in tools in design applications that help with aligning information visually, like tables or tabulators. Add more spacing between rows. If it makes sense, use borders or rectangle shapes to visually separate different groups.

Beginner design mistakes - Proper information grouping

4. Random text alignment

When designing a more complex project that has plenty of text, sometimes people vary the text alignment from one section to the next. This makes the design as a whole look inconsistent and sloppy.

One column is aligned left, another one is centered, and then the third one is left-aligned again. Or, the paragraph text on the website is aligned left, while the headings are centered.

Beginner design mistakes - Random text alignment

This isn’t the best way to use text alignment, for two reasons:

  1. Variation in text alignment can make the text more difficult to scan and read (see #5). People might skip over some sections because the next line wasn’t where they expected it to be.
  2. It just looks bad. Even people who are not designers notice that something is amiss (even if they’re not sure what it is).

How to fix it

Here are some ground rules of good text alignment:

  • Keep alignment consistent across the section (for example, in all columns).
  • Whenever larger areas of text are involved, use left or justified* alignment.
  • Reserve centered text for very short captions (see #5).
  • Avoid right aligned text—it’s the most difficult text alignment to read.

Beginner design mistakes - Proper text alignment

* Justified text isn’t the best option for the web, though. Read about more web typography best practices here.

5. Too much centered text

Sometimes people take the above advice too literally, and decide to center every single piece of text on a website or a brochure. We like using centered text as the design looks symmetrical. Still, it’s not advisable to center large blocks of text, because centered text makes reading more difficult.

When the eyes reach the end of one line, they jump to the beginning of the next line. With left-aligned text, the beginning of the line is always in the same place, so reading is easy. With centered text, the beginning of the line shifts from line to line, so it takes more time for the eyes to find the first word and continue reading. While this delay may take only a small fraction of a second, the impact adds up on long-form text such as blog posts, sales pages, brochures and documents.

Beginner design mistakes - Too much centered text

How to fix it

Reserve centered text for large headings and smaller blocks of information (posters, business cards, presentations, social media graphics etc.). Do not use centered text alignment for longer paragraphs.

Beginner design mistakes - Proper text alignment

6. All caps (or small caps) in body text

Body text, body copy or paragraph text is a longer block of text consisting of sentences and lists. (The text you’re reading right now is body text.) The most important purpose of this text is to provide information in a clear, easy to read and legible way. Avoid any design treatment on the body text that would impair clarity, legibility and readability.

Contrary to popular belief, ALL CAPS TEXT is not clearer or more easy to read in most cases. (If that were true, all traffic signs would be written in all caps, and many—if not most—are not.)

Beginner design mistakes - All caps in body text

How to fix it

Use lowercase text in paragraphs, lists, quotes, and any text that runs longer than a single line (or two at most).

Use all caps or small caps sparingly, to highlight or differentiate smaller blocks of text (titles, headings, subheadings, website menu items, buttons, etc.).

But what if the font you want to use only has an uppercase and a small caps option? There are certain fonts that don’t have lowercase letters (Trajan Pro is a very popular one). These fonts were not designed or intended for body copy—use a different font instead. There are thousands of free fonts to choose from, there’s no need to stick with one that’s inappropriate.

Beginner design mistakes - Lowercase body text

7. Poor color contrast

Even professional designers are guilty of this one. Many websites today have body text that’s impossible to read because it’s too light. Black text isn’t cool anymore, I suppose.

Poor color contrast impacts clarity and readability of the information. Be aware that not all people have as great eyesight as you, and may not have a computer display with a good contrast. If you can read the tiny gray letters well, this doesn’t mean that everyone can.

Beginner design mistakes - Poor color contrast

How to fix it

Choose text and icon colors that are much darker or much lighter than the background. Test the design on different devices to see if there's a shift in color contrast that makes the text hard to read.

Use tools like Colour Contrast Checker or Contrast Ratio to ensure your color combinations comply with the Web Content Accessibility Guidelines.

Beginner design mistakes - Good color contrast

8. Illegible fonts

The problem with having so many different fonts at your disposal is that it’s hard to find the ones that are suitable for professional use. Script fonts are the biggest culprits here, and most often used in the arts, wellness and coaching industries.

There are script fonts that work, and there are those that don’t. If you can’t easily tell certain letters apart, it’s not a good font to use. Funky fonts require a certain minimum size to be readable, which only makes them suitable for large headings.

Beginner design mistakes - Illegible fonts

How to fix it

Ask someone else to read your text and let you know how quickly and easily they were able to do it. If you know what the text says you’re biased, so you need a fresh pair of eyes. (I often do this with my hand-lettered logos just to be sure.)

If others are stumbling through your text, the font is not good. Switch to another one that’s clearer and more easy to read.

Beginner design mistakes - Legible fonts

9. Tacky text effects

When newbie designers discover effects (such as drop shadow, stroked letters or gradients), they'll use them at every chance they get. Unfortunately, knowing how to use as many software features as possible does not make a good designer.

You’ll notice that award winning and professional designs almost never use text effects. (The effects they use are often illustrated by designer's own hand, not automatic software functions.)

Tacky text effects are the most obvious sign of an amateur designer. Stop relying on them to make your designs visually interesting, and use other tools at your disposal (color, photography, illustration, icons etc.).

Beginner design mistakes - Tacky text effects

How to fix it

Forget that these features exist. Challenge yourself to refrain from using any effects, styles or filters for at least one month so you force yourself to think more creatively, instead of relying on crutches. Or, if you absolutely have to use effects, use them very sparingly, in a subtle manner.

Beginner design mistakes - Subtle text effects

10. Too many different fonts

Having more than 2 font families in a single document leads to visual chaos.

There are exceptions to this, but only experienced designers can pull it off and make it look classy. Pay attention to professional publications (newspaper, magazines, catalogs) by top brands, and you’ll notice there’s a consistency to how they use fonts.

Beginner design mistakes - Too many different fonts

How to fix it

Use one or two font families at most in all your designs, and you’ll be safe. By “font family” I mean all the fonts of the same name (for example, Myriad Pro or Palatino Linotype). Each font family can have several variations: regular, italic, bold and bold italic. Some professional fonts have even more variations (light, black, condensed, bold condensed etc.)

Vary the weights of the font family you’ve chosen for body text, headings, pull quotes, captions etc. and you’ll be able to create visual interest even with just one font family.

Beginner design mistakes - Two font families at most

11. Too many colors

Unlike in the real world, digital color costs nothing, so it's tempting to include all the colors under the Sun in your design. Try not to do this.

Colors are not only used to draw interest to your design, but also to organize information and drive the visual hierarchy (see #1). If you use too many, you might be creating confusion instead of interest.

I’m not saying that designs can’t be colorful—there’s a time and a place for it, sure. If you’re designing a kids birthday party invitation, feel free to go nuts. If you’re targeting an older audience though, this might not be the best way to go.

Beginner design mistakes - Too many colors

How to fix it

Before you begin designing your next piece, select a harmonious color palette. (You can even choose a ready-made palette from ColourLovers or Adobe Color.)

Pick a color you’ll use to emphasize information (headings, backgrounds, illustrations or icons). Then pick the color you’ll use for calls to action (buttons, banners, links, web addresses etc.) Use a neutral color like black, dark grey, dark blue or dark brown for body text.

Stay consistent with your color palette with all the visual communication pieces you create for the same company. Use the Swatches or Palette function of your design program to save the colors you frequently use, so you don’t have to pick them out manually each time.

Beginner design mistakes - Harmonious color palette

If you need help picking out the right colors for your brand, I have a great resource for this. My free class Revamp Your Brand In One Day leads you through the process of defining your brand strategy, creating a moodboard & choosing the perfect colors and fonts for your brand.

Are you making any of these 11 beginner design mistakes?

Tweet this!

Now you’re ready to rock

Fixing just the issues I’ve mentioned will tremendously raise the bar on your designs. Your next project proposal, presentation, Facebook ad or birthday invitation will look classier and more professional.

From here on, you can move forward to some more challenging aspects, and work your way toward becoming a brand that delights its clients—not only with the value you provide through your products or services, but with every single piece of communication your share with them.

Nela
Nela Dunato

About Nela Dunato

I run a boutique design consultancy that helps creative businesses evolve into premium brands and connect with their dream clients, by crafting extraordinary visual experiences.

On this blog I write about art, design, creativity, business, productivity and marketing, and share my creative process and tips. Read more about me...



Your comments

  • Claudine

    Claudine
    2017-06-03 at 08:04

    I love this! Thanks for writing this post.

    You've actually made me very interested in graphic design lately. I'm in college and I've taken some graphic design classes before but honestly I feel like I learn more from your blog than from my classes. (I think it's because I'm not being graded

  • Lisa Fourman

    Lisa Fourman
    2017-06-05 at 03:36

    Thank you for posting this, Nela! I'm going to have to do some work on my website by the looks of it. Thank you for giving us these valuable tips. I needed them and didn't even know it. I'm glad I signed up for your newsletter. :)

  • Nela

    Nela
    2017-06-05 at 10:38

    @Claudine, I'm thrilled and honored to hear that! :)
    I know what you mean – the "shoulds" and "have-tos" can really drain one's enthusiasm for learning.

    @Lisa, I'm so glad to hear that this was helpful to you, and that you find value in my newsletter! :)
    From my experience, websites are a constant work in progress. Making small adjustments here and there when you can spare a few minutes adds up to big changes over time.

  • Juliet

    Juliet
    2017-08-19 at 00:41

    This is so helpful thank you Nela. Your examples are very clear & make a lot of sense.

  • Nela

    Nela
    2017-08-22 at 13:59

    Thank you, Juliet! :) I'm glad you think so.

Leave a comment