Learn
Learn
Close

They Ask, You Answer

A revolutionary approach to inbound sales, content marketing, and today’s digital consumer.

Learn MoreLearn More

Free Courses in IMPACT+

Dozens of sales, marketing, and content courses inside IMPACT+. Start learning now.

See all coursesSee all courses
Events
Events
Close
IMPACT+ Membership
IMPACT+ Membership
Close
Coaching & Implementation Services
Coaching & Implementation Services
Close

Services Overview

See how you can dramatically increase your inbound leads and sales.

Services Overview

Digital Sales and Marketing Mastery

Fast track your team’s success with IMPACT's most popular service.

Digital Sales and Marketing Mastery

Web Design

Launch a beautiful website that consistently generates leads and revenue.

Web Design

Virtual Sales Training

Equip your sales team with comprehensive training designed to help them close more deals in today's virtual-first world.

Virtual Sales Training

HubSpot Training & Implementation

Train your company to take ownership of HubSpot and get the most out of your investment.

HubSpot Training & Implementation

Case Studies

See dozens of examples of companies succeeding with Digital Sales and Marketing Mastery and They Ask, You Answer.

Case Studies
Become a Coach
Become a Coach
Close

12 Essential Visual Hierarchy Principles Even Non-Designers Should Know [Infographic]

12 Essential Visual Hierarchy Principles Even Non-Designers Should Know [Infographic] Blog Feature

Marcella Jalbert

UX Designer, Host of ‘Creator’s Block’ Podcast, Designer for 50+ Sites on HubSpot

March 16th, 2019 min read

One of the most common things I hear from clients again and again is “Well, I’m not a designer, so I don’t know.”

To which I reply, “You may not be trained as a designer but you have an opinion on design whether you like it or not.”

One of the things that has always fascinated me about design, is that it is literally everywhere, all the time.

Most people don’t stop to think about who designed something or why it was designed the way that it was because they seem so simple. However, in all honesty, that is how good design is supposed to feel.

Good design should be a seamless, smooth, natural experience.

Without even knowing it, you are immersed in a world of design every day. It is actually impossible that you don’t have an opinion on it.

Whether you are able to articulate your feelings in design terms or articulate them at all is a different story.

The good news? Though it may be a little daunting learning some design terms is easy and will help you communicate what’s up in that beautiful, big brain of yours. I promise.

Learning some of these terms will not only help you communicate with your designer, but will also help you understand some of the choices your designer makes as well.

This post from Visme does a great job of summing up some principles of visual hierarchy which I can assure you will be valuable in discussing the design of your website.

Not only is their infographic a quick reference guide of design terms, but they’ve also included an 8-minute video (which I’ll embed below) that helps break down some of these terms in easy to understand examples.

 

 

The infographic below will give you a visual example of all 12 but here are a few standouts that I find are most important for “non-designers” to understand:

Size and Scale: By using shapes and images of varying size and contrast, we can guide our user’s eye to be able to digest content easier, experience a page in a particular order, and find  important elements like a “Get a Free Demo”call-to-action. Larger objects will hold more visual weight and important, while smaller objects become secondary and less important.  

Color and Contrast: This principle actually serves a very similar purpose to size and scale. It helps us to draw out the more important items and a page and dictate what is of secondary information.

One trick I almost always implement on my sites is to create a color-coded user journey. This means selecting one specific color (typically in the yellow, orange, or red families since science tells us these colors create urgency) to be tied to all things bottom-of-the-funnel (BOFU). This could mean a button, link, header, or image that I want to draw my user to and have them take action one.

The other colors you use should contrast your BOFU color so it always draws the users eye. (Don’t know how to contrast colors? Christine will help you brush up on you color theory here.)

Typographic Hierarchy: The idea of typographic hierarchy is to create levels of importance through your content through the use of font weights, sizes, and colors. The simplest demonstration of font hierarchy is good old-fashioned bolding. The reason we bold things in our writing is to make them stand out more or create more emphasis.

Same goes for type handling when we increase font sizes or font weight it is to increase the importance of that content.

Leading Lines: These can be used in subtle or ways like a background pattern with angles lines urging the user down the page, or more direct ways like and arrow pointed at a CTA. Either is an efficient tactic that should not be overlooked.

To see visual examples of these principles (and more) check out the full infographic and video from Visme below.

 

Created using Visme. An easy-to-use Infographic Maker.

Want to learn more about digital sales and marketing?

Master digital sales and marketing when you join IMPACT+ for FREE. Gain instant access to exclusive courses and keynotes taught by Marcus Sheridan, Brian Halligan, Liz Moorehead, Ann Handley, David Cancel, Carina Duffy, Zach Basner, and more.

Sign up for free
Take a peek

Access hundreds of FREE courses and keynotes

Free Course
Digital Sales & Marketing Framework for Today’s Buyers
By: Marcus Sheridan
View Course Preview View Course Preview
Free Keynote
A New Way to Compete & Win
By: Brian Halligan
View Course Preview View Course Preview
Free Virtual Keynote
How To Genuinely Feel Confident, Be Likable, And Build Trust On Camera
By: Liz Moorehead
View Course Preview View Course Preview
Free Keynote
The Future of Marketing is Conversational​
By: David Cancel
View Course Preview View Course Preview
Free Deep Dive
HubSpot On a Budget: Getting Started with HubSpot Starter Hubs
By: Courtney Caldwell
View Course Preview View Course Preview
Free Course
Assignment Selling: Content is Your Greatest Sales Tool
By: Marcus Sheridan
View Course Preview View Course Preview
Free Keynote
The Big, Bold, Brave New World of Marketing​
By: Ann Handley
View Course Preview View Course Preview
Free Course
Investing in Incredible Digital Sales and Marketing Results
By: Chris Duprey
View Course Preview View Course Preview
Free Course
How To Show Your Content Makes Money With HubSpot Marketing and Sales Hubs
By: Liz Moorehead
View Course Preview View Course Preview
Free Virtual Keynote
The Visual Sale
By: Marcus Sheridan & Tyler Lessard
View Course Preview View Course Preview
Free Keynote
Marketing Tech: What’s Now, What’s Near and What’s Not Anytime Soon?​
By: Dharmesh Shah
View Course Preview View Course Preview
Free Course
Inbound Lead Generation & Conversion Optimization
By: Carina Duffy
View Course Preview View Course Preview
Free Virtual Keynote
Fundamentals of Videography: You Can Be a Great Videographer Too
By: Zach Basner
View Course Preview View Course Preview
Free Deep Dive
The Ultimate Customer Service Toolkit for Any Budget
By: Andriti Gulati
View Course Preview View Course Preview
Free Course
6 Topics Subject Matter Experts Need to Address
By: Kevin Phillips
View Course Preview View Course Preview
Free Keynote
Fanocracy: The Power of Making Business Personal​
By: David Meerman Scott
View Course Preview View Course Preview
Free Keynote
The Power of Pillar Content
By: Liz Moorehead
View Course Preview View Course Preview
Free Keynote
SEO for the Future
By: Franco Valentino
View Course Preview View Course Preview
Free Course
Fundamentals of Social Media Marketing
By: Stephanie Baiocchi
View Course Preview View Course Preview
Free Deep Dive
A Practical Guide To Video Graphics
By: Colton Trcic
View Course Preview View Course Preview
Free Session
How To Get Your Community To Know, Like, And Trust You With Video
By: Marki Lemons Rhyal
View Course Preview View Course Preview
Free Course
Video Sales and Marketing Strategy
By: Zach Basner
View Course Preview View Course Preview
Here Are Some Related Articles You May Find Interesting

Want to Contribute Content to impactplus.com? Click Here.

IMPACT+ Sign Up
A FREE online learning community with on-demand courses, hundreds of expert-led sessions, thousands of your peers ready to support you, and much more.
Check it out
Hundreds of courses and recorded keynotes, completely FREE
Check it out
Access hundreds of digital sales and marketing courses and recorded keynotes, completely FREE