{Design Principles} CONTRAST
Contrast is a design principle that is so crucial to creating beautiful branding and web design. But contrast touches all parts of design, not just color. Put simply, contrast occurs when two elements of the design are different - like REALLY different.
So why the hell should you care? (I get it, you've got a business to run... so let's cut to the chase!)
Contrast is a design principle that is so crucial to creating beautiful branding and web design. When you think of contrast, you may think of color - or maybe black and white photography. The higher the contrast, the darker the blacks appear and the lighter the whites appear with little grey in between.
But contrast touches all parts of design, not just color. Put simply, contrast occurs when two elements of the design are different - like REALLY different.
So why the hell should you care? (I get it, you've got a business to run... so let's cut to the chase!)
01. CONTRAST GRABS ATTENTION. Attention gets your audience engaged. An engaged audience clicks through your website, and eventually, they get in touch with you.
02. CONTRAST CREATES ORGANIZATION. It helps your audience flow seamlessly through your About bio, your Services page and your whole site in general!
03. CONTRAST DEFINES THE FOCAL POINT. Think buttons ("Contact Me!"), header text (your mission statement) and photos. Secretly guiding your audience towards what you want them to see or do is this simple little thing called... yup - contrast! 😉
Below is a breakdown of how to create contrast:
POSITION
front/behind
above/below
centered/off-centered
isolated grouped
in/out
right/left
FORM
simple/complex
whole/broken
symmetry/asymmetry
geometric/organic
hard angles/round
DIRECTION
vertical/horizontal
stability/movement
forward/back
clockwise/counter
convex/concave
serif text/sans serif text/script text
Related Posts
HOW TO MAKE A MOOD BOARD
Mood boards help align the aesthetic, color palette, and tone of a project. They get me on the same page with my clients. They can also help get the ideas out of my brain (or off of Pinterest, if I'm wedding planning) and into a clearly organized visual hierarchy.
Mood boards are so crucial to everything I do that's visual. Starting a logo project? MOOD BOARD! Re-decorating my living room? MOOD BOARD! Planning my wedding visuals? MOOD BOARD!
Mood boards force you to select the crucial images that best represent the style of whatever you're getting ready to create. I go a step further and make sure to pick images that include the following:
texture
design elements / inspiration
lifestyle images
color palette swatches
Above is a breakdown of how I organize a sample mood board which each of these elements.
In addition to the elements listed in this mood board layout, you can see that I also have a space for a "feature image" right in the middle. This should be the core mood / style / feeling of the project. It should be whatever resonates with you the most.
I also have a space for whatever else makes sense for the brand or project. I called this "Etc." This can be any image or detail that you find is inspirational but may not fit the other elements.
A good mood board should help keep you visually focused as you move into the next phases of the project.
If you'd like some inspiration, try this or this!
If you'd like to try your hand at creating your own mood board, I've got three free mood board templates you can download here! These are in PDF format, which means you can open them in most design programs.
NEW!
a templated guide to messaging magic
A plug-and-play website copy template for your four core pages (Home, About, Offerings, Contact). Save yourself hours of stress and get templates, examples, and expert guidance that will benefit your business and your bottom line.
