What Color should I make that Box/Popup/Widget/Icon…?

My recent project involved designing a dashboard/control panel. What I played around the most with was the colors. I changed the header image to a variety of colors.

In his “7 Rules for Creating Gorgeous UI”, Erik Kennedy’s second rule is to start designing in grayscale, so one can focus on the layout and organization of the elements. It makes sense to me. He also demonstrates how when you design in grayscale, you can just add one color and everything looks visually appealing. Here are two of his examples:

I’m considering changing my portfolio to incorporate this concept. It looks really modern, but also photo-centered, which I’m unsure is appropriate for a UX Design portfolio.

Ian Storm Taylor goes on top say “Never Use Black”. It’s unnatural in the real-world – shadows aren’t black themselves. He pushes for saturation and the use of dark greys, playing around with brightness and hues. I remember considering using black in one of my designs and ditched it for dark grey. It looks much better.

Finally, this resource would be definitely helpful for myself. I have to play a lot around with what color goes well with another. I remember showing a prototype to some friends who instantly comment, “that blue and green don’t go well together” – and they don’t, I never thought they did either. Dribble allows you to see what other designers have usedfor color combinations. I looked up the blue color which I tend to gravitate towards, and just realized how good it looks paired with orange. I never thought of that – I tried green and yellow before, but I’ll definitely want to try orange in the future.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s