Blog

    • Colors Trends In Websites In 2015

    While the way designers use color changes dramatically based on trends and time periods, we are definitely designing in the decade of vibrant color.

    Red, orange, pink and bright green, blue and purple have become the focal point of web design projects across a variety of industries. Designers are pairing bright color choices in a way that was almost taboo a few years ago and even straying from the website color choices dictated by company branding.

    Colors have a direct impact on the brain, our thought process and specifically our emotions. They depict personality, feelings, emotions, messages and influence our psychology. Color theory is a separate study by itself. From the point of view of the User Interface (UI) design it can be broadly categorized into three parts – Contrast, Complementation and Vibrancy.

    psychology-of-color

    2015 trend setters

    Flat color palettes

    Two major developments ushered in the emergence of vibrant color in web UI design – high definition displays and the popularity of flat design. While flat design likely played the stronger role in expanding the use of color, the technology behind it made the rich hues feasible.

    With more pixels per inch on screens, the digital rainbow has greatly expanded to suit our maturing taste in design aesthetics. Monitors of every size, from desktop displays to the iPhone – can actually render all the color options designers use today.

    Monotone color schemes

    One of the most popular ways to use vibrant colors, monotone color palettes use a single color with a mixture of tints and tones to create a unified yet nuanced visual design.

    Vibrant color lends itself to monotone palettes because it allows the designer to use a bold, maybe even unconventional color without trying to match it to other colors. As we all know from the complementary, analogous, and triadic color schemes, choosing multiple colors is one of the most surprisingly complex yet impactful decisions for the web.

    Because the background and foreground image are all one color, the remaining elements such as the crisp white lettering, the company logo, minimalist navigation and the call-to-action ghost button are still easy to find on the screen even though they are visually muted in comparison.

    Monotone color schemes are one of the easiest and most effective ways to use a lot of color without falling into the design trap or creating a site that feels chaotic (a common issue with vibrantly colored web interfaces).

    This type of color scheme also allows a company to use colors in ways that might live outside of their traditional branding without worry of matching or issues with readability.

    High contrast color

    Vibrant color is core to the minimalist design trend as well. Pops of color provide emphasis and points of entry in stripped-down designs that might otherwise be lacking.

    High contrast refers to any color that is very different from the background. In a minimalist context, you’re likely to see any form of color with high saturation against a black, white or gray canvas. Points of great contrast become the visual center of the design, telling users where to look at what to do in a framework that may otherwise be too simple.

    Common color associations

    When it comes to bold color, it is important to consider a little more than just aesthetics.

    Designers need to think about meanings and cultural associations that are connected to certain hues. While these common feelings are not always set in stone, they should be part of the conversation when talking about color for a design project. Let’s examine some of the color associations:

    Pink: Romance, youth, confidence, sensitivity

    Red: Love, passion, danger, urgency

    Yellow: Fun, optimism, happiness, caution

    Orange: Warmth, ambition, enthusiasm, creativity

    Green: Nature, luck, growth, safety

    Blue: Harmony, tranquility, trust, honor

    Purple: Wealth, power, spirituality, calmness

    Beyond 2015

    As the overall design trends start to swing back into outlines that are less flat, color will do the same. Bright, bold color will stick around and work more as an element on its own, rather than as a supporting piece of another trend.

    Designers will return to using some techniques that have fallen out of fashion (such as gradients) and make them captivating again with bright color.

  • Watch video of how it works here