The Most Important Color In UI Design

Posted 11 months ago by Nick Babich

As you probably already guessed this article is dedicated to blue color. Without a doubt, blue is one of the most important colors in UI design, and one of the most frequent. Just look at your smartphone app icons, and you’ll see that a lot of them are blue: Facebook, Twitter, Shazam, Safari, etc.

So why is blue the chosen color?

There are a lot of reasons to use blue, I’ll list a few of them:

Color preference is an important aspect of visual experience

Blue has an association with nature due to this being the color of ocean and sky.

Delta airlines

Blue evokes a sense of balance as well as calm intelligence. That’s why the vast majority of financial services firms use blue.

How visually impaired people see colors

Blue is Facebook’s dominant color, because Mark Zuckerberg is colorblind. As he said, “blue is the richest color for me — I can see all of blue.”

Conclusion

I hope that after reading this article you have a good idea of why blue color is so popular among designers. However, this doesn’t mean that you should go and change the main color in your app/website to blue.

“Blue isn’t the universal best color. There’s simply no universal best color.”

What works on one site or app, doesn’t necessarily work on another. It’s a safe bet to select the color according to the preferences of your target audience:

“Ultimately, the right color for your design is the one that your users think is right.”

Originally published at babich.biz

Get started with Marvel Enterprise

Get started with Marvel Enterprise

From CEOs to marketing, get your entire organisation collaborating in one place.

Get started with Enterprise

I’m a software developer, tech enthusiast and UI/UX lover. http://babich.biz

Related Posts

There are lots of great tools for drawing wireframes today. However, I still prefer my good ol’ paper wireframing kit. In this post I’ll tell you why and explain how paper wireframing will make you a better designer. In 2012 I was planning on taking my wireframing skills to the next level. I had gotten the excellent app Paper by… Read More →

Your portfolio is a story about you and your work — your expression of growth through all the obstacles, surprises, successes and failures. This is your epic. Illuminate the arc of your career and why you matter. For the audience, your portfolio showcases your problem-solving superpowers, hard and soft skills, and your ability to reflect upon your successes and failures…. Read More →

Animation is a big part of user experience. When it comes to transitions in mobile apps, there are a lot of things you can communicate very subtly with animation. Send the message, open Settings, check the box, navigate to another page — these are all moments of change. Animating a transition is an excellent way to reinforce the user’s action…. Read More →