Getting started with visual hierarchy

getting started with visual hierarchy

Graphic design is a fantastic way to communicate an idea or message. Learning how to use visual hierarchy in your designs will help make sure the most important information stands out.

Visual hierarchy is the order in which the eye perceives what it sees on a page or screen. To further explain the principles of visual hierarchy, we'll be designing a quote from writer Eric Maisel.

Step #1: Write down your text

Step 1 write or type your words

The first step is to write down what it is you want your design to say. So far, all we've got is a blank canvas with the quote we're planning to use.

Writing down what you want to design opens up the possibilities of what you can do with it. The Black White Simple Quote Instagram Post template may be simple, but it's simplicity allows you more room to play.

Step #2: Scale words in order of importance

Step 2 Scale your design

Next, we need to scale the words in our design in order of their importance. In this case, we're going to emphasize the phrases 'all space', 'in which' and 'create', as these are the key words. Don't be afraid to make important words much larger—the contrast in size will make for a more effective visual design. Remember, the eye will catch the larger words first.

Posters are used to inform—whether it's for an event, a cause, or anything under the sun. It's important to have the text scale properly to let people know who/what, where, and maybe, why. Check out how the Library Photo Classroom Vintage Poster template makes each information stand out with its font size.

Step #3: Pick your fonts

Step 3 choose the fonts you want to use

Now that we've figured out the most important words, we can choose our fonts. Pick fonts that are appropriate for the words you've used in your design. For example, in the image above, we've made the word 'create' bold. This symbolizes the traditional way to 'create'. The more creative you can be with these fonts, the better. In the image above, we've only used two fonts but achieved contrast by using capitals and adjusting the size.

For inspiration on selecting fonts, check out The ultimate guide to font pairing.

The fonts selected help make a design more effective. The theme of the Colorful Strokes Art Party Invitation goes well with its main font, the natural looking, artistic brush font Waterlily—paired with the straightforward Kollektif.

Step #4: Add a graphical element

Step 4 add graphics

In this next step, we're going to add a graphic that reflects the message we're trying to convey. This can help to break up the text and make your designs less wordy. In this case, we're going to use a pencil icon to fit with our creativity metaphor.

Illustrations can help drive a point across or give viewers an idea what your graphic is about without using too many words. Check out the Yellow Music Notes Vocal Trainer Facebook Cover which makes it clear that the person whose name appears here is involved in the music industry.

Step #5: Choose your color palette

Step 5 choose your color palette

Finally, pick a color palette that strengthens the important words. We've chosen colors from the warm side of the color wheel. We've used yellow to brown tones, and the warm colors reinforce the positive quote.

Your color palette will vary depending on the design you're creating. Here's a list we created with different color palettes you can use in your designs.

Some colors work great together, while some may not. With all the other elements mentioned, having the right color combination will make your design easy to read. The colorful but muted palette of the Dark Teal Cassette Vector Retro Wallpaper is a nod to the previous eras' styles that are currently enjoying a revival.

Your secret weapon for stunning design