This post was written by
Chloe Canella

IntuiFace and the User Experience Trends of 2017 - Trend #6: Bold Colors & Typography

This is the sixth article in our series about the top user experience trends of 2017 and how to implement them in IntuiFace.

User Experience Trend # 6 – Bold Colors & Typography

Bold Colors & Typography: What are they?

White space doesn’t have to be so white anymore. Visit websites these days and white space may well be filled with rich, beautiful colors. In 2017 there is a shift away from muted and neutral colors like white and grays to bolder, brighter colors.

A driving force behind this trend comes from Google’s Material Design approach. These guidelines emphasize flat, organized, and intuitive approaches to digital experience design.

The embrace of bold, bright colors mixes well with strong typography. In fact, strong typography and courageous font combinations will also be a hit this year. Typography will continue its prominence as as crucial aspect of efficient web and app design. The objective of font selection is to capture user attention and instantly relay the core message.

‍Source http://www.nurturedigital.com/ 
Bold Colors & Typography: When to use them?

Use bold colors to make a statement. Material design and flat design go perfectly with bold colors. You can use the color palette provided by Google to choose and pair the colors you want.

Not every design should use bold colors, of course. Some designers will prefer to stay true to (for example soft and pastel colors which, in fact, go better with other design trends that will be popular this year like hand lettering and textures.

Nevertheless, if you choose bold colors in your design you have to make it stand out with a strong typography.

Bold Colors & Typography– How to use them in IntuiFace?

Just as they are used in website and app design, bold colors and typography can be used in your IntuiFace experiences.

The trend is versatile enough that designers can choose different ways to use it. For example you could have a full screen design with a solid color combined with a bold black or white font - or do the opposite using a black or white background with big, bold, colored lettering. Indeed, when combined with bold typography, vibrant colors create a cool visual for designs that do not have many images or illustration. Just two simple elements can create a powerful visual.

‍Source: http://connectmania.com/ 

Here are different ways in which this trend can be implemented:

Background and Text:

Vibrant color is a great tool for helping important messages stand out from the background. Bright colors, especially against dark backgrounds, provide just the right amount of contrast to draw in the eye. 

Source: http://www.studiolovelock.com/
Buttons and UI Elements:

Bright color is a fun way to bring attention to buttons and calls to action. Consider a color that contrasts dramatically with everything else in your experience for the most impact.

‍Source: https://dribbble.com/shots/1335813-Flatastic-Mobile-UI-Kit
Navigation & Menus:

Color is a great tool when it comes to helping users navigate information-heavy websites. Colored Lines, as illustrated below, use rainbow-like colors to highlight navigation through a site which contains a large number of content sections.

‍Source: http://colouredlines.com.au/
Differentiate Sections:

Bright color cues are also popular in scrolling effects to create clearly defined sections of content where each color scheme represents a different section.

 

As you can see, there are many opportunities to embrace this trend in your interactive IntuiFace experiences. Just be cautious as using bright, bold colors can be overwhelming if used without discipline. So like these colors and fonts, be bold without being aggressive.

Chloe Canella
Chloe Canella

I'm IntuiLab's Customer Success Manager, here to help you succeed and create awesomeness with IntuiFace. 

Guest Blogging
Interested in writing for our blog? Click the button below:
Write for us!
All Articles

What's IntuiFace?

The world's premier platform for creating, deploying and measuring interactive digital experiences without writing one line of code.