Finalize Color Palette

[jonfroehlich]

Need to finalize color palette for web page. I'd like a bright, fun color palette to fit the spirit of the lab. See this blue for example.

[lstearns86]

I like this color palette, or some other similar palette that is mostly monochromatic but with a single highlight color. What I don't like, though, is the colored blocks around the title and caption text in this picture. It feels messy, and is a bit hard to read. I'd prefer something like they have on the front page of hulu.com, where there is a subtle shadow just behind the text to enhance readability (they may also be carefully choosing images that work well with their caption positioning).

[jonfroehlich]

Yes, I'm a huge fan of single hue color schemes. They are simple and rather easy to pull off compared to multi-hued schemes. I was thinking we would largely do grayscale + one hue or grayscale + a few hues for webpage.

See slides ~78 in my 434 deck on color: http://www.cs.umd.edu/class/spring2016/cmsc434/lectures/Lecture23-UIGraphicDesignI-Color.pdf

Like:

Except that I want our site to have a white background (though dark backgrounds look awesome, I want a brighter look-and-feel for our website).

[jonfroehlich]

Can you put in a few example screenshots of what you mean from Hulu? (Github supports copy/paste of images from clipboard).

[lstearns86]

Here are a couple of examples from Hulu's front page to show what I mean:

They're using a linear gradient on the alpha component coming from the bottom left corner, and also a gray text shadow.

[jonfroehlich]

This looks very nice. I tend not to like drop shadows on text--I think it makes the text look a little messy but we could try it.

Do they also have some sort of opacity layer on the top part to ensure that the menu bar is legible?

[jonfroehlich]

Here are some useful resources for coming up with a color palette.

• COLOURlovers: vast library of color palettes with social stats (e.g., most liked) http://www.colourlovers.com/
• Adobe Color CC: extremely good color exploration tool https://color.adobe.com/
• Paletton: a color scheme designer http://paletton.com/
• Coolors: another color scheme designer https://coolors.co
• Stylify Me: extracts color codes, typography, etc. from websites http://stylifyme.com/
• Dribble Search By Color: search uploaded design artifacts by color https://dribbble.com/colors/BADA55 (change BADA55 to any RGB hex color code that you want)
• Color Brewer: color scheme designer for cartographic visualizations https://coolors.co

[jonfroehlich]

The UW Allen School purple is:

4b2e83

I'd much prefer a lighter color.

[jonfroehlich]

With Purple:

Not a palette per se: