Designers have many tricks up their sleeves and one of the simplest is color blocking—a technique in which large blocks of bold color are photoshopped into the background.
Following brand guidelines can be tough. Style guides are strict and limit everything from the typefaces you’re allowed to use to the colors you can apply. In short, professional design projects can leave your creativity feeling a little stifled—but don’t despair! Color blocking is a great way to spice up your designs while staying on-brand and on-trend. Using the right stock graphics combined with a bold color blocking technique, you can breathe life back into your designs.
From display ads to website heroes, color blocking allows for some freedom by providing plenty of white space in your design.
In our display ad examples, we chose a yellow background to provide contrast with the model’s red hat, resulting in vibrant, playful ads that encourages potential customers to take notice.
We used the golden ratio in order to determine the size of the yellow block, positioned the model to cover a portion of the split between the two sides, and maintained her shadow in the cutouts to create some depth between the model and the background.
By using color blocking, we were able to choose a loud, bold color, and play with the layout design of the ad. All our brand guidelines were met, and creativity was still able to spread its wings.
Now it’s your turn—we’ve gathered some of our favorite stock graphics for use with this technique. What will you create?
|Get the Graphics|