Whether you’ve realized it or not, design plays a huge role in branding. Design goes into every aspect of your corporate identity – from business cards, to web design, to promotional product imprints.
The most important thing to remember is that the purpose of your design is to convey information to your audience. In order to do so, you need to create a design that helps guide their eyes through the document and shows them which information is important, all while maintaining a consistent, cohesive brand image.
You can accomplish that by keeping these design principles in mind:
The first step to any design is to establish a focal point. Ask yourself, “What’s the most important element?” That’s your focal point. You can create a focal point by making it bigger or changing its color and/or texture.
Once you come up with your focal point, then you can go about creating the hierarchy throughout the rest of your design. By arranging design elements with different sizes, colors, and textures you are able to show your audience which information is important.
For example, take a step back and examine the visual elements of this blog post. QLP organizes blog posts so that the headline is the most important, and you can tell because it’s the largest font size. Then subheads stand out among the body text because they are bold, and often a different color. Within the body type important lines are bold or italic, and then there’s the rest of the body type.
Even though you want some elements of your design to stand out, you also want the overall work to remain balanced in order to create a sense of stability. Balance in design means measuring and regulating the visual weight of your composition. Elements that are darker colors, bigger sizes, or rougher textures appear “heavier” than light colors, small sizes, and smooth flowing textures.
You can balance your design through either symmetrical balance or asymmetrical balance. Symmetrical balance has an equal visual weight on both sides, whereas asymmetrical balance is not equal on both sides and requires balancing large, “light” elements with small, “heavy” elements.
Contrast is important in all design as a means of creating interest, variety, and hierarchy. You can use varying colors, sizes, and textures to create contrast in your design. Contrast in color is crucial for web design. There is a certain percent of contrast that must be met in order to ensure readability on your web page, and you can test your site here.
For other elements of your design feel free to go nuts with contrasting colors, but for body type your best bet is black text on a white background. It’s important to note that even though it may look more visually appealing to make your body type gray on a white background, it is hard to read, and as Vincent Flanders calls it, light grey or #666 is “Satan’s CSS.” If the colors of your body type and background are too bright, or too similar, they will be nearly impossible to read and you’ll risk ending up on this list next year.
With all of those different sizes, colors, and textures you still have to make your design look like one cohesive piece. Design unity refers to how each part of the design makes up the whole. Unity can be established through four different techniques: proximity, similarity, repetition, and continuity. Many of these techniques come from a semi-complicated psychological theory, the Gestalt Theory, which refers to how our brains perceive objects and group them together. To make it easier to understand, let’s use pictures.
As you can see above, our minds group objects together based on different properties. We tend to group objects that are close to each other, similar to each other, or repeated. In the first example, each group of dots is seen as separate because of their relationship to each other. In the second example, the gray dots are grouped because they share the same color, as are the black dots. In the third example, the circles are separate from the squares because the same size and shape is repeated throughout the composition. In the last example, the circles are seen as connected due to the implied line they create. Continuity refers to a line (either visible or implied) in the composition that links elements together.
Related to unity, you’re going to want your branding efforts to be visually appealing. You want the elements to be similar and cohesive. Harmony refers to color, texture, line, and shapes. This is especially important in creating a brand image. For example, when designing your logo, you want the typography (fonts) and the images you use to all reflect the same general mood.
Compelling, aesthetically pleasing design will draw customers to your brand, and with these design principles in mind you are sure to establish a killer brand identity. Customers will remember well-designed business cards, promotional t-shirts, and ad material, and they’ll stay and click around on an organized, engaging website. What do you think makes Coke, Nike, and McDonald’s brand images so recognizable? They’ve got stellar graphic designers, and now that can be you!
What do you think? Have you seen any violators of these principles? Which ones bug you the most? On the other hand, which brands have designs that you love?