Color Theory 101: A Complete Guide to Color Wheels & Color Schemes

When you're sifting through your News Feed, what tends to catch your attention? More likely than not, it's YouTube videos, pictures, animated GIFs, and other visual content, right?

While text-based content is always important when seeking answers to a question, creating visuals such as infographics, charts, graphs, animated GIFs, and other shareable images can do wonders for catching your readers' attention and enhancing your article or report.

I know what you might be thinking: "I don't know how to design awesome visuals. I'm not creative."

Hi. I'm Bethany, and I will be the first to tell you that I'm not naturally artistic. And yet, I found a strength in data visualization at HubSpot, where I've spent most of my days creating infographics and other visuals for blog posts.

So, while I wouldn't say I'm naturally artistic, I have learned how to create compelling visual content. So can you.

And you can do this by learning color theory. Consider this your introductory course, and we'll be covering the following topics:

• What Is Color Theory?
• Why Is Color Theory Important in Web Design?
• Color Theory 101
• Additive & Subtractive Color Theory
• The Meaning of Color
• The Seven Color Schemes
• How to Choose a Color Scheme
• Color Tools

What is color theory?

Color theory is the basis for the primary rules and guidelines that surround color and its use in creating aesthetically pleasing visuals. By understanding color theory basics, you can begin to parse the logical structure of color for yourself to create and use color palettes more strategically. The result means evoking a particular emotion, vibe, or aesthetic.

While there are many tools out there to help even the most inartistic of us to create compelling visuals, graphic design tasks require a little more background knowledge on design principles.

Take selecting the right color combination, for instance. It's something that might seem easy at first but when you're staring down a color wheel, you're going to wish you had some information on what you're looking at. Understanding how colors work together, the impact they can have on mood and emotion, and how they change the look and feel of your website is critical to help you stand out from the crowd — for the right reasons.

From effective CTAs to sales conversions and marketing efforts, the right color choice can highlight specific sections of your website, make it easier for users to navigate, or give them a sense of familiarity from the first moment they click through.

But it’s not enough to simply select colors and hope for the best — from color theory to moods and schemes, finding the right HTML color codes, and identifying web-accessible colors for products and websites, the more you know about using color, the better your chances are for success.

Read on for our designer’s guide to color theory, color wheels, and color schemes for your site.

Color Theory 101

Let's first go back to high school art class to discuss the basics of color.

Remember hearing about primary, secondary, and tertiary colors? They're pretty important if you want to understand, well, everything else about color.

Primary Colors

Primary colors are those you can't create by combining two or more other colors together. They're a lot like prime numbers, which can't be created by multiplying two other numbers together.

There are three primary colors:

• Red
• Yellow
• Blue

Think of primary colors as your parent colors, anchoring your design in a general color scheme. Any one or combination of these colors can give your brand guardrails when you move to explore other shades, tones, and tints (we'll talk about those in just a minute).

When designing or even painting with primary colors, don't feel restricted to just the three primary colors listed above. Orange isn't a primary color, for example, but brands can certainly use orange as their dominant color (as we at HubSpot know this quite well).

Knowing which primary colors create orange is your ticket to identifying colors that might go well with orange — given the right shade, tone, or tint. This brings us to our next type of color ...

Secondary Colors

Secondary colors are the colors that are formed by combining any two of the three primary colors listed above. Check out the color theory model above — see how each secondary color is supported by two of the three primary colors?

There are three secondary colors: orange, purple, and green. You can create each one using two of the three primary colors. Here are the general rules of secondary color creation:

• Red + Yellow = Orange
• Blue + Red = Purple
• Yellow + Blue = Green

Keep in mind that the color mixtures above only work if you use the purest form of each primary color. This pure form is known as a color's hue, and you'll see how these hues compare to the variants underneath each color in the color wheel below.

Tertiary Colors

Tertiary colors are created when you mix a primary color with a secondary color.

From here, color gets a little more complicated, and if you want to learn how the experts choose color in their design, you've got to first understand all the other components of color.

The most important component of tertiary colors is that not every primary color can match with a secondary color to create a tertiary color. For example, red can't mix in harmony with green, and blue can't mix in harmony with orange -- both mixtures would result in a slightly brown color (unless of course, that's what you're looking for).

Instead, tertiary colors are created when a primary color mixes with a secondary color that comes next to it on the color wheel below. There are six tertiary colors that fit this requirement:

• Red + Purple = Red-Purple (magenta)
• Red + Orange = Red-Orange (vermillion)
• Blue + Purple = Blue-Purple (violet)
• Blue + Green = Blue-Green (teal)
• Yellow + Orange = Yellow-Orange (amber)
• Yellow + Green = Yellow-Green (chartreuse)

The Color Theory Wheel

Okay, great. So now you know what the "main" colors are, but you and I both know that choosing color combinations, especially on a computer, involves a much wider range than 12 basic colors.

This is the impetus behind the color wheel, a circle graph that charts each primary, secondary, and tertiary color — as well as their respective hues, tints, tones, and shades. Visualizing colors in this way helps you choose color schemes by showing you how each color relates to the color that comes next to it on a rainbow color scale. (As you probably know, the colors of a rainbow, in order, are red, orange, yellow, green, blue, indigo, and violet.)

When choosing colors for a color scheme, the color wheel gives you opportunities to create brighter, lighter, softer, and darker colors by mixing white, black, and gray with the original colors. These mixes create the color variants described below:

Hue

Hue is pretty much synonymous with what we actually mean when we said the word "color." All of the primary and secondary colors, for instance, are "hues."

Hues are important to remember when combining two primary colors to create a secondary color. If you don't use the hues of the two primary colors you're mixing together, you won't generate the hue of the secondary color. This is because a hue has the fewest other colors inside it. By mixing two primary colors that carry other tints, tones, and shades inside them, you're technically adding more than two colors to the mixture — making your final color dependent on the compatibility of more than two colors.

If you were to mix the hues of red and blue together, for instance, you'd get purple, right? But mix a tint of red with the hue of blue, and you'll get a slightly tinted purple in return.

Shade

You may recognize the term "shade" because it's used quite often to refer to light and dark versions of the same hue. But actually, a shade is technically the color that you get when you add black to any given hue. The various "shades" just refer to how much black you're adding.

Tint

A tint is the opposite of a shade, but people don't often distinguish between a color's shade and a color's tint. You get a different tint when you add white to a color. So, a color can have a range of both shades and tints.

Tone (or Saturation)

You can also add both white and black to a color to create a tone. Tone and saturation essentially mean the same thing, but most people will use saturation if they're talking about colors being created for digital images. Tone will be used more often for painting.

With the basics covered, let's dive into something a little more complicated — like additive and subtractive color theory.

Additive & Subtractive Color Theory

If you've ever played around with color on any computer program, you've probably seen a module that listed RGB or CMYK colors with some numbers next to the letters.

Ever wondered what those letters mean?

CMYK

CMYK stands for Cyan, Magenta, Yellow, Key (Black). Those also happen to be the colors listed on your ink cartridges for your printer. That's no coincidence.

CMYK is the subtractive color model. It's called that because you have to subtract colors to get to white. That means the opposite is true — the more colors you add, the closer you get to black. Confusing, right?

Think about printing on a piece of paper. When you first put a sheet in the printer, you're typically printing on a white piece of paper. By adding color, you're blocking the white wavelengths from getting through.

Then, let's say you were to put that printed piece of paper back into the printer, and print something on it again. You'll notice the areas that have been printed on twice will have colors closer to black.

I find it easier to think about CMYK in terms of its corresponding numbers. CMYK works on a scale of 0 to 100. If C=100, M=100, Y=100, and K=100, you end up with black. But, if all four colors equal 0, you end up with true white.

RGB

RGB color models, on the other hand, are designed for electronic displays, including computers.

RGB stands for Red, Green, Blue, and is based on the additive color model of light waves. This means, the more color you add, the closer you get to white. For computers, RGB is created using scales from 0 to 255. So, black would be R=0, G=0, and B=0. White would be R=255, G=255, and B=255.

When you're creating color on a computer, your color module will usually list both RGB and CMYK numbers. In practice, you can use either one to find colors, and the other color model will adjust accordingly.

However, many web programs will only give you the RGB values or a HEX code (the code assigned to color for CSS and HTML). So, if you're designing digital images or for web design, RGB is probably your best bet for choosing colors.

You can always convert the design to CMYK and make adjustments should you ever need it for printed materials.

The Meaning of Color

Along with varying visual impact, different colors also carry different emotional symbolism.

• Red — typically associated with power, passion, or energy, and can help encourage action on your site
• Orange — joy and enthusiasm, making it a good choice for positive messaging
• Yellow — happiness and intellect, but be wary of overuse
• Green — often connected to growth or ambition, green can help give the sense that your brand is on the rise
• Blue — tranquility and confidence, depending on the shade — lighter shades provide a sense of peace, darker colors are more confident
• Purple — luxury or creativity, especially when used deliberately and sparingly on your site
• Black — power and mystery, and using this color can help create necessary negative space
• White — safety and innocence, making it a great choice to help streamline your site

Worth noting? Different audiences may perceive colors differently. The meanings listed above are common for North American audiences, but if your brand moves into other parts of the world, it’s a good idea to research how users will perceive particular colors. For example, while red typically symbolizes passion or power in the United States, it’s considered a color of mourning in South Africa.

While it’s possible to create your website using a combination of every color under the rainbow, chances are the final product won’t look great. Thankfully, color experts and designers have identified seven common color schemes to help jumpstart your creative process.

Let’s examine each in more detail.

1. Monochromatic

Monochromatic color schemes use a single color with varying shades and tints to produce a consistent look and feel. Although it lacks color contrast, it often ends up looking very clean and polished. It also allows you to easily change the darkness and lightness of your colors.

Monochromatic color schemes are often used for charts and graphs when creating high contrast isn't necessary.

Check out all the monochromatic colors that fall under the red hue, a primary color.

2. Analogous

Analogous color schemes are formed by pairing one main color with the two colors directly next to it on the color wheel. You can also add two additional colors (which are found next to the two outside colors) if you want to use a five-color scheme instead of just three colors.

Analogous structures do not create themes with high contrasting colors, so they're typically used to create a softer, less contrasting design. For example, you could use an analogous structure to create a color scheme with autumn or spring colors.

This color scheme is great for creating warmer (red, oranges, and yellows) or cooler (purples, blues, and greens) color palettes like the one below.

Analogous schemes are often used to design images rather than infographics or bar charts as all of the elements blend together nicely.

3. Complementary

You may have guessed it, but a complementary color scheme is based on the use of two colors directly across from each other on the color wheel and relevant tints of those colors.

The complementary color scheme provides the greatest amount of color contrast. Because of this, you should be careful about how you use the complementary colors in a scheme.

It's best to use one color predominantly and use the second color as accents in your design. The complementary color scheme is also great for charts and graphs. High contrast helps you highlight important points and takeaways.

4. Split Complementary

A split complementary scheme includes one dominant color and the two colors directly adjacent to the dominant color's complement. This creates a more nuanced color palette than a complementary color scheme while still retaining the benefits of contrasting colors.

The split complementary color scheme can be difficult to balance because unlike analogous or monochromatic color schemes, the colors used all provide contrast (similar to the complementary scheme).

The positive and negative aspect of the split complementary color model is that you can use any two colors in the scheme and get great contrast ... but that also means it can also be tricky to find the right balance between the colors. As a result, you may end up playing around with this one a bit more to find the right combination of contrast.

5. Triadic

Triadic color schemes offer high contrasting color schemes while retaining the same tone. Triadic color schemes are created by choosing three colors that are equally placed in lines around the color wheel.

Triad color schemes are useful for creating high contrast between each color in a design, but they can also seem overpowering if all of your colors are chosen on the same point in a line around the color wheel.

To subdue some of your colors in a triadic scheme, you can choose one dominant color and use the others sparingly, or simply subdue the other two colors by choosing a softer tint.

The triadic color scheme looks great in graphics like bar or pie charts because it offers the contrast you need to create comparisons.

6. Square

The square color scheme uses four colors equidistant from each other on the color wheel to create a square or diamond shape. While this evenly-spaced color scheme provides substantial contrast to your design, it’s a good idea to select one dominant color rather than trying to balance all four.

Image Source

Square color schemes are great for creating interest across your web designs. Not sure where to start? Pick your favorite color and work from there to see if this scheme suits your brand or website. It’s also a good idea to try square schemes against both black and white backgrounds to find the best fit.

Image Source

7. Rectangle

Also called the tetradic color scheme, the rectangle approach is similar to its square counterpart but offers a more subtle approach to color selection. 

Image Source

As you can see in the diagram above, while the blue and red shades are quite bold, the green and orange on the other side of the rectangle are more muted, in turn helping the bolder shades stand out.

Image Source

No matter which color scheme you choose, keep in mind what your graphic needs. If you need to create contrast, then choose a color scheme that gives you that. On the other hand, if you just need to find the best "versions" of certain colors, then play around with the monochromatic color scheme to find the perfect shades and tints.

Remember, if you build a color scheme with five colors, that doesn't mean you have to use all five. Sometimes just choosing two colors from a color scheme looks much better than cramming all five colors together in one graphic.

1. Prioritize the user experience, first.

Before you add color to your website, app, product, or packaging, get the basic design downpat in greyscale.

This lets you focus on what matters most: User experience. Instead of focusing on the color scheme of your overall site or the hue of specific buttons or links, make sure everything works like it’s supposed to. Make sure links aren’t broken, product pages are up-to-date and email opt-ins are ready to go.

Here’s why: Even the best-looking website or product with perfect color selection won’t be enough to keep visitors if they can’t find what they’re looking for.

2. Leverage natural inspiration.

Once your site operations are solid, it’s time to start selecting colors.

Not sure what looks good? Take a look outside. Nature is the best example of colors that complement each other — from the green stems and bright blooms of flowering plants to azure skies and white clouds, you can’t go wrong pulling context from natural colors and combinations.

3. Set a mood for your color scheme.

With a few color choices in mind, consider the mood you want your color scheme to set. If passion and energy are your priorities, lean more toward red or brighter yellows. If you’re looking to create a feeling of peace or tranquility, trend toward lighter blues and greens.

It’s also worth thinking negatively. This is because negative space — in either black or white — can help keep your design from feeling too cluttered with color.

4. Consider color context.

It’s also worth considering how colors are perceived in contrast.

In the image below, the middle of each of the circles is the same size, shape, and color. The only thing that changes is the background color.

Yet, the middle circles appear softer or brighter depending on the contrasting color behind it. You may even notice movement or depth changes just based on one color change.

This is because the way in which we use two colors together changes how we perceive it. So, when you're choosing colors for your graphic designs, think about how much contrast you want throughout the design.

For instance, if you were creating a simple bar chart, would you want a dark background with dark bars? Probably not. You'd most likely want to create a contrast between your bars and the background itself since you want your viewers to focus on the bars, not the background.

5. Refer to your color wheel.

Next, consider your color wheel and the schemes mentioned above. Select a few different color combinations using schemes such as monochrome, complementary, and triad to see what stands out.

Here, the goal isn’t to find exactly the right colors on the first try and create the perfect design, but rather to get a sense of which scheme naturally resonates with your personal perception and the look of your site.

You may also find that schemes you select that look good in theory don’t work with your site design. This is part of the process — trial and error will help you find the color palette that both highlights your content and improves the user experience.

6. Use the 60-30-10 rule.

Often used in home design, the 60-30-10 rule is also useful for website or app design. The idea here is to use three colors: A main color for 60% of your design, a secondary color for 30% of your design and an accent color for the last 10%.

While these aren’t hard-and-fast numbers, they help give a sense of proportion and balance to your site by providing a primary color with secondary and accent colors that all work together.

7. Draft multiple designs.

Draft and apply multiple color designs to your website and see which one(s) stand out. Then, take a step back, wait a few days and check again to see if your favorites have changed.

Here’s why: While many designers go in with a vision of what they want to see and what looks good, the finished product often differs on digital screens that physical color wheels — what seemed like a perfect complement or an ideal color pop may end up looking drab or dated.

Don’t be afraid to draft, review, draft again and throw out what doesn’t work — color, like website creation, is a constantly-evolving art form.

Put simply? Practice makes perfect. The more you play with color and practice design, the better you get. No one creates their masterpiece the first time around.

Color Tools

There's been a lot of theory and practical information for actually understanding which colors go best together and why. But when it comes down to the actual task of choosing colors while you're designing, it's always a great idea to have tools to help you actually do the work quickly and easily.

Luckily, there are a number of tools to help you find and choose colors for your designs.

Adobe Color

One of my favorite color tools to use while I'm designing anything — whether it's an infographic or just a pie chart — is Adobe Color (previously Adobe Kuler).

This free online tool allows you to quickly build color schemes based on the color structures that were explained earlier in this post. Once you've chosen the colors in the scheme you'd like, you can copy and paste the HEX or RGB codes into whatever program you're using.

It also features hundreds of premade color schemes for you to explore and use in your own designs. If you're an Adobe user, you can easily save your themes to your account.

Illustrator Color Guide

I spend a lot of time in Adobe Illustrator, and one of my most-used features is the color guide. The color guide allows you to choose one color, and it will automatically generate a five-color scheme for you. It will also give you a range of tints and shades for each color in the scheme.

If you switch your main color, the color guide will switch the corresponding colors in that scheme. So if you've chosen a complementary color scheme with the main color of blue, once you switch your main color to red, the complementary color will also switch from orange to green.

Like Adobe Color, the color guide has a number of preset modes to choose the kind of color scheme you want. This helps you pick the right color scheme style within the program you're already using.

After you've created the color scheme that you want, you can save that scheme in the "Color Themes" module for you to use throughout your project or in the future.

Preset Color Guides

If you're not an Adobe user, you've probably used Microsoft Office products at least once. All of the Office products have preset colors that you can use and play around with to create color schemes. PowerPoint also has a number of color scheme presets that you can use to draw inspiration for your designs.

Where the color schemes are located in PowerPoint will depend on which version you use, but once you find the color "themes" of your document, you can open up the preferences and locate the RGB and HEX codes for the colors used.

You can then copy and paste those codes to be used in whatever program you're using to do your design work.

Finding the Right Color Scheme

There's a lot of theory in this post, I know. But when it comes to choosing colors, understanding the theory behind color can do wonders for how you actually use color. This can make creating branded visuals easy, especially when using design templates where you can customize colors.

Editor's note: This post was originally published in October 2018 and has been updated for comprehensiveness.

 

Color Theory 101: A Complete Guide to Color Wheels & Color Schemes was originally posted by Local Sign Company Irvine, Ca. https://goo.gl/4NmUQV https://goo.gl/bQ1zHR http://www.pearltrees.com/anaheimsigns

Which Social Media Channels Do Consumers Spend the Most Time On? [New Data]

Every day there’s something new on social media.

Recently, Twitter introduced Twitter Blue, a premium subscription-based version of its platform.

TikTok took the social media world by storm back in 2020 and still remains the most downloaded app of 2021, according to Social Media Today. Instagram is regularly adding new features to its platform, recently testing a new affiliate tool for influencers.

The question is, how are these changes impacting how consumers behave online? Are users moving away from Facebook?

Let’s see what the data says and what it means for brands.

We surveyed 301 people and asked, "Which social media platform do you spend the most time on each week?" The response was kind of surprising.

Despite YouTube’s steady growth over the past year and the rise of TikTok and Clubhouse, Facebook remains the top social media platform. YouTube follows, with the gap between the platform and Facebook much smaller in larger surveys.

So, what does this information really mean?

Well, in a broad sense, it means you should consider having a presence on these platforms. However, don’t delete your Instagram account just yet – better yet, don’t delete it at all.

I’ll explain why in the next section.

Should brands limit their efforts to the most popular platforms?

There’s no single, clear-cut answer to this... but typically, no.

While most consumers may spend most of their time on Facebook and YouTube, that doesn’t mean you should dedicate all your efforts entirely to those platforms.

Why? That may not be where your audience lives.

Generality is the enemy of marketing. Imagine running a social media ad that targets everyone. Or having a target audience comprising all of Gen Z.

This sort of one-size-fits-all isn’t conducive to your brand’s growth. In fact, it is likely keeping you from making progress, as you waste time and resources on broad strategies that may not work for your specific market.

It’s like going to a party and only getting an address for the neighborhood. Sure, you could drive around and knock on every door until you find the right one, but by that point, you might be tired, hungry, and out of gas.

When you zero in on a specific audience and strategy, you can gain more valuable insights and get a higher return on investment.

Data, just like the one above, should be used as a general guide to understand consumer behavior. However, it shouldn’t dictate your entire strategy. Your own consumer data and user persona(s) should.

For instance, let’s say you’ve discovered through market research that your audience enjoys consuming information mostly through blogs and podcasts. That’s a good indicator of where you should focus your efforts. In a few years, that data may change, in which case, your team should be flexible and move to where your audience is going.

Here’s what you should consider when determining where to direct your efforts:

• Where your audience lives
• The type of content you’ll be creating
• The channel that converts the best

There are a few ways to figure out where your audience "hangs out" online. First, you can check the demographics by platform – this will give you a general idea of the audience.

For instance, TikTok mostly caters to a younger audience between 10 to 29 years old while most Instagram users are between 18 to 34 years old.

You can also reach out to your target audience directly through polls and survey to find out where they spend their time. In addition, look to your competitors.

See where they’re focusing their efforts and if they are successful, that may be a good indication of where you should be. Like when you’re not sure you went to the right place but see someone you know parking and you can let out a sigh of relief.

Next is the type of content you’ll be creating.

Say your audience enjoys video content the most (think webinars, lives, video tutorials). In this case, your audience would be well suited for YouTube, Instagram, and TikTok, all of which have video editing and publishing features. You can then repurpose your content for each platform.

Another factor to consider is how each channel is contributing to your goals. This is where the importance of data comes in.

You may be posting every day on TikTok and find that the rare times you post on Facebook, you get much higher engagement and conversion rates. While there could be several reasons for this, you may want to redirect your attention to Facebook as it is providing the best return on investment.

Next, we’ll cover what software can help you keep track of your social media data.

Top Social Media Analytics Software

1. HubSpot

With HubSpot’s social media management software, you can track your social strategy from beginning to end.

Image Source

With a user-friendly dashboard, you can see exactly how your published posts are performing, which channels are bringing traffic to your website and generating leads, and more.

You can also filter your reports by campaign, account, and date range so you can narrow down the exact information you’re looking for.

In addition, HubSpot’s social media software allows you to:

• Schedule posts.
• See how your competitors measure up.
• Track and monitor conversations surrounding your brand on every platform.
• Export and analyze relevant reports.

The social media tool is available within HubSpot’s all-in-one CRM platform for mid- to large-size businesses.

2. HootSuite

HootSuite empowers your team to make decisions quickly with real-time data on your social strategy.

Image Source

The social media software takes some of the guesswork out so that you can focus on the most important insights. With customizable dashboards, you can also get a quick overview of your key metrics and identify what’s driving traffic and sales.

Ranging from $49/month to custom pricing for enterprise-level businesses, you can find a plan that meets your needs and is scalable.

3. Sprout Social

If you have multiple social channels running at full speed and you’re overwhelmed with the data, Sprout Social can help.

Image Source

The platform helps you manage your data and create ready-to-go reports to share with stakeholders.

In addition, you can use competitive intelligence to benchmark your performance and make informed decisions that will promote your brand’s growth.

Sprout Social’s pricing is based on a subscription model and ranges from $99 to $249 a month.

Now that you know where consumers spend their time online, the real work begins. Experiment with various strategies to see what resonates best with your audience, always using data and your user personas to inform your decisions.

Which Social Media Channels Do Consumers Spend the Most Time On? [New Data] was originally posted by Local Sign Company Irvine, Ca. https://goo.gl/4NmUQV https://goo.gl/bQ1zHR http://www.pearltrees.com/anaheimsigns

Infographic Resumes: 6 Hiring Managers Weigh In

The modern job search is incredibly competitive, and technology has made it easier for your resume and job application to be overlooked and discarded before you even make it to the interview.

Luckily, technology is also here to help. There's no longer a template for how to apply for a job — you can use social media, websites, and even interactive campaigns to get your name noticed by a recruiter.

One resume format you may not have considered? Infographics. A highly engaging and visually appealing infographic that explains your skills and qualifications might help you stand out in the crowd and serve as a work sample when applying for a job.

It's important to note that an infographic resume won't be appropriate for all job applications. If you submit a resume in this format through an automated system, you could disqualify yourself if the technology can't read visual information, so it's best to stick to the format prescribed by the job posting.

Additionally, while an infographic resume might be a good idea for a more design-related role, it's likely not a good idea for most non-design roles. Here, we'll explore what six hiring managers have to say about infographic resumes — plus, how to make one for yourself.

How to Make an Infographic Resume

1. Start with a good structure. 

You'll want to start by figuring out which tool you're going to use to create your infographic. You might choose to create one in Powerpoint, or use pre-made infographic resume templates on a design website like Canva or Venngage. 

Once you choose your tool, you'll want to identify a good structure. Do you want your name and a brief opening description at the top? Would you prefer to put the Education section at the beginning, or end? Are you going to include previous positions, or focus on just the current one? 

Additionally, you might want to figure out whether you're going to focus more on icons and images, or data. 

For instance, take a look at the differences between these two Venngage infographic resume templates: 

In the first Kyle Fisher example, you'll see he's structured it so there's plenty of white space; he's also highlighted creative and software skills, and left space for hobbies. 

In the second Linda Jackson example, on the other hand, you'll see technical skills and educational training take up the majority of the space on the resume, along with work experience at the bottom. 

When comparing these two infographic resumes, you'll see the structure is vastly different. Similarly, consider the role for which you're applying and which information is critical to demonstrate on your resume as it relates to the role — and which you can skip. 

2. Take note of everything you want to include in your infographic resume. 

Once you've chosen a structure, pull up an existing resume and take note of everything you want to transfer over to the infographic resume. 

For instance, if you want your infographic resume to be data-heavy, write down a few key metrics related to your current role, such as "43% YoY growth" or "12% increase in MRR". It's easier to design your infographic resume once you know what you'll need to include. 

3. Choose a good color scheme. 

A cohesive color scheme is a critical component of any good design, and this is no exception. Consider using clean, complementary colors — like white, black, and orange, or yellow and teal — to help your resume stand out without becoming too distracting. 

4. Have a strong opener. 

This is a best practice for any resume, but particularly for an infographic, you'll want to start with a good, powerful opener. In the examples below, for instance, I put: "Passionate, creative, and driven Elon graduate with leadership experience and strong communication skills." 

Ultimately, your opener is your value proposition — what will you bring to the role that the hiring manager can't find elsewhere? 

5. Use good design principles. 

Finally, an infographic resume should use the same design principles as anything else. 

These include: 

• Creating balance, using either symmetrical or asymmetrical designs. 
• Leveraging contrast to highlight certain elements. 
• Using movement to create a narrative and provide a high-quality user experience. 
• Ensure there's unity in your design — i.e. your composition's elements are in agreement. 

Take a look at Everything You Need to Know About the Principles and Types of Design for additional information regarding design principles.

6 Hiring Managers' Opinions on the Infographic Resume

To explore when — if ever — infographic resumes are a good idea, I reached out to a few HubSpot recruiters to get their take. 

Kenny Nestle, a HubSpot G&A Recruiter, told me: "I personally love infographic resumes. It's different and stands out from your typical resume, and it's easy on the eyes."

Nestle adds, "I've had candidate share graphics on the types of roles they've supported, as well as metrics related to their current role."

Devon Brown, an Executive Recruiting Manager at HubSpot, echoes Nestle's perspective, telling me, "I love when candidates use infographics as an opportunity to highlight their creative or design abilities."

However, she urges candidates to ensure their design is clean and easily digestible. "It has to be formatted in a way that makes it just as easy to read as a typical resume," Brown advises. "The flow of information, and how it's presented, is critically important if a candidate chooses to go this route."

Not every recruiter feels that infographics are a good idea. Technical Recruiter Sarah Magner, for instance, says, "I could see why people applying for design, marketing, or branding roles might use an infographic to set themselves apart, but I've always found them to be a bit distracting. Plus, the graphics can take away from the actual content on the resume."

"I'd prefer an easy-to-read resume over a pretty one," Magner adds. 

Tríona O'Sullivan, HubSpot's Global Marketing Recruiter, agrees with Magner that infographic resumes are typically not a good idea. She told me, "It can be great to see the creative side, but sometimes a candidate can spend so much time designing the template that they miss out on key information, details aren't aligned, or there are really obvious spelling and grammar issues in the mix."

O'Sullivan adds, "Given how competitive and busy the job market is today, it's more important to ensure your resume is easy to review, and states your experience and achievements clearly and quickly, since that's what someone is going to look for first when reviewing."

Amelia Towle, HubSpot's Head of Brand Infrastructure & Design Team Manager, spoke with her Design team on the potential merits of an infographic resume, but agrees that it's typically not a good idea. Towle told me, "If I think about the purpose of a resume, it's a document that your intended audience typically wants to scan as quickly as possible to glean information in an efficient way. If you drastically alter the format, you are perhaps forcing extra cognitive load on a busy recruiter who is just trying to narrow down a potentially vast pool of applicants."

Additionally, Towle told me that if a big company is using software to scan resumes, changing the layout might result in the resume being impossible for the scanner to interpret. 

Ultimately, she believes infographics are typically unwise, unless it fits the business for which you're applying: "If it's a huge HubSpot-sized organization, you might be shooting yourself in the foot by altering format beyond what is expected. But if it's a tiny agency that is solely design-focused, it might be helpful to stand out."

Towle adds, "Infographics-for-the-sake-of-infographics has arguably had its day, so in that case, you might want to conceive of something new."

Finally, there are some recruiters who don't necessarily care one way or the other. As HubSpot Marketing Recruiter Erica Matos told me, "I don't really care about what a resume looks like — instead, I look at the content and make sure they have experience that aligns with what I'm looking for. I'd always love something visually appealing, but if I can't clearly gauge the candidate's actual experience, it's not going to help them get the job."

You'll only want to create an infographic resume if it makes sense for the role. If the role is design-related, then an infographic resume can help you display some of your skills.

However, even if the role is design-related, there are some risks associated with infographic resumes — including difficulty downloading or viewing across devices, and the design elements detracting from the resume itself. 

For this reason, you might consider alternative methods to showcase your skills.

For instance, O'Sullivan told me, "While I don't love super creative infographic style resumes, I love when someone hyperlinks to their portfolio or website, etc. That's an amazing way to showcase both their experience and their thought process when it comes to applying for roles. If I see a hyperlink for one, 99% of the time, I will go and check that out."

If you do choose to create an infographic resume, take a look at a few of these examples for inspiration. 

Infographic Resume Examples

1. The colorful, graphic-heavy infographic resume. 

The resume I created below uses plenty of visuals and numbers to highlight relevant information. For instance, there's a graph to showcase the blog posts I've written that have earned a spot on the first page of Google; there's a large "12" to highlight the years of content creation under my belt; and there's even an image of 10 stick figures to demonstrate my individuality. 

Consider how you might use one font, and a complementary color palette, to create a similar infographic. I designed this one using one of HubSpot's free infographic templates, so feel free to create the same one using the templates, as well. 

2. The data-heavy infographic resume. 

In the following infographic resume (also created using HubSpot's templates), you'll see I've highlighted most of my accomplishments using data — such as the 45% YoY growth, 1,400 additional subscribers, or 24,000 hours managing deadlines. 

I also used icons of a smiley-face, pencil, and painter to demonstrate some of my skills in more visual form. 

What do you think? Ready to take your resume to the next level? Grab some starter templates below.

Infographic Resumes: 6 Hiring Managers Weigh In was originally posted by Local Sign Company Irvine, Ca. https://goo.gl/4NmUQV https://goo.gl/bQ1zHR http://www.pearltrees.com/anaheimsigns

The Ultimate Guide to Instagram Stories Ads in 2021 [+ New Data]

Ah, Instagram Stories — the one-stop-shop to find short, engaging content from high school friends, celebrities, and major brands alike.

With over 500 million daily active users, Instagram Stories is an undeniably powerful opportunity to connect with new audiences.

And, if you're not using Instagram Stories as a marketing tool, you should be. In fact, Instagram reports that of the 500 million accounts using Instagram Stories, one-third of the most viewed stories come from businesses.

I can personally attest to the power of Instagram Stories to incentivize purchasing decisions. For instance, the other day I was mindlessly scrolling through Stories when I came across an ad for Crest 3D whitestrips — with a $50 off coupon attached. I swiped up to purchase without ever leaving the app itself.

Here, let's dive into what Instagram Story ads are, and how you can run Instagram Story ads for your own business. Plus, we'll explore examples of Instagram Story ads and best practices to ensure your ads are as powerful as they can be.

What are Instagram Story ads?

Instagram Story ads are vertical ads you can run on Instagram's Stories feature. (To recap, Instagram Stories are photos and videos visible to an Instagram account's audience for 24-hours, and is published separately from the content found on your Instagram profile.)

Instagram allows you to target your ads by reach, video views, traffic, conversions, app installs, and brand awareness. Additionally, unlike an organic Instagram Story, an Instagram Story ad doesn't disappear after 24-hours — instead, you can choose the length of the campaign and frequency of ads on Facebook's ad platform, like any other ad created for Instagram or Facebook.

An Instagram Story ad is immersed seamlessly into a user's Stories viewing experience. Additionally, a user doesn't have to follow your account to see an ad from your brand. For instance, I don't follow Crest on Instagram, but I was still shown a Crest ad.

You have a few different options for ad formatting, including video, photo, or carousel. A video ad plays for up to 15 seconds, an image ad will play for five seconds, and a carousel ad lets brands play three separate pieces of content (video, photos, or both) within one ad.

If you aren't sold on running ads on Instagram Stories yet, consider these facts:

• Instagram users have high disposable income. In fact, 42% of U.S. Instagram users make more than 75k per year. 
• Instagram is the social channel with the second-highest ROI among marketers. 
• Videos on Instagram get 21.2% more interactions compared to images and 18.6% more interactions compared to carousels.
• 71% of U.S. businesses use Instagram. It surpassed Twitter in business users in 2017.
• 500 million Instagram users use the app daily.

If you're convinced Instagram ads could be a good platform for you, let's dive into how you can run your own Instagram Story ads, next.

For the full rundown on all things Instagram advertising, make sure to check out our guide below:

How to Run Instagram Story Ads

1. Go to your Ads Manager, and click "Create", which will bring you to "Quick Creation". If you'd prefer, you can switch to "Guided Creation", instead.

2. Next, select a marketing objective — your options for Instagram Stories include "Brand Awareness", "Reach", "Video views", "Conversions", "App installs", "Lead Generation", or "Traffic".

3. In the Placements section, you'll want to select "Automatic Placements", where Instagram Stories is selected by default. However, if you choose "Manual Placements", check the box for "Stories" under Instagram.

4. Next, set your ad's budget and schedule. 

5. Next, you'll want to choose "Single Image or Video" or "Carousel" as your ad's format.

6. Add videos or images to your ad, and finish including any other details, including headline and description. If you'd prefer, you can use Stories Templates, which will transform your image into an ad automatically, and add movement to grab a viewer's attention.

7. Once you're happy with your ad, select "Confirm" to finish the process.

Instagram Story Ads: Cost, Specs, & Length

There are three separate areas you can place an ad on Instagram: Stories, Feed, and Explore.

For the purposes of this post, we'll focus on the cost, specs, and length of an Instagram Stories ad.

First, all feed photo and video dimensions are supported in Stories (anywhere from 1:91 to 4:5). However, 9:16 ratio is encouraged to fit the full-screen, vertical format of Stories.

Additionally, .mp4 or .mov is recommended for video ads, and .jpg or .png file type is recommended for photo ads.

If you're creating a video ad, 4GB file size is encouraged — and, for a photo, 30MG file size is suggested.

If you're creating a video ad, the length can't surpass 120 seconds. For a photo ad, five seconds is the default for how long the image will be shown.

Finally, the recommended resolution is 1080 x 1920, with a minimum dimension of 600 x 1067.

Instagram ads, including Instagram Story ads, cost between $0.70 to $1.00 per-click on average — although cost varies depending on industry, days of the week, time of year, targeted ages and sexes, ad placement, and plenty of other factors. In some cases, Instagram ads can exceed $5.00 per-click.

Fortunately, you have plenty of control over how much your ads cost by setting a pre-determined budget. You can choose your budget based on how much your company is willing to spend daily, or the total cost you're willing to spend over a campaign's lifecycle.

What Consumers Want to See in Instagram Story Ads [New Data]

It's important to note — if you're planning your own Instagram advertising campaign, you'll want to consider the type(s) of ads that perform best on the platform.

For instance, in a recent survey HubSpot conducted, we found 50% of Instagram users prefer image-based ads that show product shots and light text — which is followed by 31% who prefer video-based ads that showcase real customers.

Perhaps most intriguing, the majority of people (80%) don't necessarily care if an ad includes a discount or coupon. This suggests that Instagram users are more interested in appealing, engaging content that highlight a product's benefits. 

User preferences will vary depending on your audience, industry, and message, but consider keeping this data in-mind when preparing your own Story ad. When in doubt, try A/B testing to figure out which types of ads your own audience prefers.

Let's dive into some other best practices, now. 

Instagram Story Ads Best Practices

With four million active advertisers on Stories as of January 2020, it's going to take a lot to ensure you're able to stand out and drive results.

Here, let's dive into a few best practices to follow when designing your own Instagram Story ad.  

1. Pay attention to speed.

Facebook reports that Instagram Stories are consumed faster "than any other mobile format". People's attention is severely limited when perusing Stories, especially since the content has a 24-hour time limit before disappearing forever.

For that reason, you'll want to ensure you get straight to the point and capture a viewer's attention from the first frame. Unlike other forms of content, suspense isn't usually effective here, especially since images can't surpass five seconds, and videos have a 120-second limit. You'll want to jump the viewer right into the message you're hoping to deliver.

2. Include motion in your ad.

Facebook reports that "ads that use motion perform better." Motion captivates the viewers' attention and can help you tell a story faster than you could with a static image. Even if you're using animation, consider how you might add motion to create more engaging content.

3. Ensure you're using sound in your ad.

60% of Stories are viewed with the sound on, so you'll want to ensure you use sound in your ad to provide optimal value to your audience. Consider how you might use music, sound effects, or voice-over to capture viewers' attention in a new way. If you're unsure which types of sound work best in your ad, try A/B testing to conclude what your audience prefers.

4. Create your ad for Stories first — rather than attempting to repurpose an existing ad made for another vertical.

It can be tempting to simply copy-and-paste the ad you've already created for Facebook or Instagram news feed, but that could result in a less-than-ideal experience for those viewing your ad in Instagram Stories. For one, your ad might not follow Instagram Story sizing best practices, resulting in key parts of your ad being cropped out. Additionally, you'll want to play around with features exclusive to Stories to ensure your ad is as effective as possible.

5. Use your call-to-action wisely.

Ultimately, your Instagram Stories ad won't be effective if you don't include a clear call-to-action you want viewers to follow. You might use language like "Learn More", "Shop Now", or "Swipe Up" to encourage viewers to take action, depending on your goal — for instance, if your goal is brand awareness, "Learn More" tells viewers you simply want to educate them about your brand's offerings, which is a very different CTA from "Shop Now".

Take a look at the examples, mentioned above, for more CTA inspiration.

6. Include text to emphasize key message.

Including text is a best practice for accessibility in general, as it helps viewers' who are hard-of-hearing decipher your ad's message. Additionally, text can help emphasize your key points — for instance, Aveeno's "Get Healthy Looking Skin Every Day" text illustrated their main point, and convinced me to purchase.

7. Test out mobile shots.

Facebook reports, "Mobile shots outperform studio shots for ad recall and intent, while studio shots tend to drive higher brand awareness." For this reason, consider forgoing fancy studio equipment for video shot and edited straight from a mobile phone.

The majority of users consume Instagram's content from their own smartphones, so you might as well try creating content on the same device. And, when in doubt, don't be afraid to A/B test this theory for your own brand, as well.

For more best practices related to advertising in general, take a look at The Ultimate Guide to Mastering the Basics of Effective Social Media Advertising.

Examples of Instagram Story Ads

Below, I've collected a few impressive examples I found on my own Instagram Story feed. While most of these examples are bigger brand names, there are plenty of small-to-medium sized businesses using Instagram

1. Aveeno

Aveeno's Instagram ads are clean and simple, with neutral colors — apart from the brand's signature green — drawing attention to the brand's daily moisturizer. The ad features a short clip of a hand pointing to a shopping cart, with a "Shop Now" swipe-up link. The ad focuses on the brand's product and doesn't distract with people, making it effective for anyone scrolling who's in the mood to refill their moisturizer.

2. Miller Lite

This is an example of an ad that felt tailored towards me, a 27-year-old female in the Boston area. First, the ad features a call-out to the Boston Celtics, immediately capturing my attention. Once I'm intrigued, the ad segues into a picture of their Lite drink, with the text, "Great taste, only 96 calories, 3.2G carbs". In this example, the ad does a good job drawing my attention to the things I care about most: namely, low-calorie alternatives to beer (and Celtics).

3. Trunk Club

This engaging, fast-moving ad shows a few different outfit options on the screen with the text, "Keep what you love, send the rest back". The ad shows a few different outfits, ranging from dresses and cardigans to dress pants and heels, to capture the attention of a wider range of people than it could if it featured only one style. With the plain white background and easy-to-read black text, it's simple, clean, and hard to miss.

4. Febreze

I mean, come on … who doesn't love a puppy? This fun, clever Febreze ad shows an adorable puppy on a couch with the text, "Refresh wherever they roam", with their Febreze product at the bottom of the screen. While most of the other ads in this list featured subdued, plain colors, Febreze goes all out with light blues, greens, and purples, inviting a sense of playfulness and fun into the user's feed.

5. Tractor Beverage Co.

What I love most about Tractor Beverage Co.'s Instagram video is the end, which features a different call-to-action from most of the others in this list. Rather than "Shop Now," this ad reads, "Now Available at Chipotle" with a "Learn More" swipe-up function. As a lesser-known brand, Tractor Beverage Co. wisely aims to use their ad space to increase brand awareness, so that next time you're at your favorite nearby Chipotle, you might give their drink a try.

6. Crest

If you have the means, it makes a lot of sense to include a coupon or discount in your Instagram Story ad, like Crest does in its 3D Whitestrips ad. The $50 off encourages viewers to purchase immediately so they don't miss out on the deal, and the fun, bright colors effectively capture viewers attention. With the limited time allotted in an Instagram Story, it makes sense for these brands to get straight to the point.

7. Kayak

Kayak, a travel search engine, created this impressive, engaging Instagram Story video ad to demonstrate how easy it is for Kayak users to filter flights depending on airline, price, cabin seating, and destination. Kayak served the ads to lookalike audiences based on the characteristics of its current website customers, and saw 5X increase in sales conversions, as well as a 50% increase in overall ROI, with combined ad placements on Instagram Stories, Instagram's news feed, and Facebook's news feed.

And there you have it! You're all ready to begin creating an inspiring Instagram Story ad of your own. Just remember — you know your brand, and your audience, better than anyone. Use these best practices and examples as inspiration, but feel free to A/B test to figure out what works best for your unique business goals and social media objectives. Good luck!

The Ultimate Guide to Instagram Stories Ads in 2021 [+ New Data] was originally posted by Local Sign Company Irvine, Ca. https://goo.gl/4NmUQV https://goo.gl/bQ1zHR http://www.pearltrees.com/anaheimsigns