Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Evaluate mobile and desktop colors #58

Open
milafrerichs opened this issue Aug 26, 2015 · 8 comments
Open

Evaluate mobile and desktop colors #58

milafrerichs opened this issue Aug 26, 2015 · 8 comments
Milestone

Comments

@milafrerichs
Copy link
Contributor

Right now we have two blue colors.
To get more visibility we discussed to use complementary colors.

Current colors

bildschirmfoto 2015-08-19 um 15 50 11

Two suggestions:

bildschirmfoto 2015-08-25 um 17 38 34
bildschirmfoto 2015-08-25 um 17 37 22

@migurski
Copy link
Contributor

@phae: can we get your eyes on this? We are adding a contrasting color to replace one of the two blues; it will also appear in labels like these from #59:

label colors

The two options above happen to be right in my zone of greatest colorbindness, and it’s hard for me to distinguish between them. I’d love you to weigh in on color choices overall.

@phae
Copy link
Contributor

phae commented Aug 27, 2015

Eyeing...

The fact that it's a problem for your colour-blindness is an issue of its own. :( Ideally I'd want the one that you can see best, @migurski - are either of the two more clearly defined to you?

If they're equally viewable, then my preference is to the first of the two (the darker shade of the orange). The two shades of blue side by side on the graph are definitely harder to see in difference and I'm not feeling the light shade of yellowy orange.

The blue/orange combo coincidentally matches the colour pairing combo we're using on Chime, which is a nice nod towards a unified look and feel for internal-CfA-made apps.

In case you're interested, our shades for Chime are: #2b93d1 (cyan blue), #bfe4f9 (pale blue) and #f26522 (orange), if you want to try those out instead.

@migurski
Copy link
Contributor

The first of the two looks a bit less muddy to me. The contrast with the blue is fine in both, but the second uses a shade of color that I know I’m weak in, so it reads as muddy. I’d be curious to hear what @ericfischer thinks, I know he’s colorblind in a different way than I am.

@phae
Copy link
Contributor

phae commented Aug 27, 2015

The second one looks "muddy" to me too in terms of colour cleanliness, interestingly. It's a very desaturated shade of orange.

It looks like how orange juice tastes after brushing your teeth, if you know what I mean.

@e-n-f
Copy link

e-n-f commented Aug 27, 2015

Thanks for asking. Either of the two-color stacked bars is good for me, with the first being a little better.

@milafrerichs
Copy link
Contributor Author

I created a different set of colors. Base color is now the darker desktop color and the complementary color for it is the brown:
bildschirmfoto 2015-09-01 um 11 52 28

@e-n-f
Copy link

e-n-f commented Sep 1, 2015

From a deuteranope perspective this is much muddier than the previous orange, by the way, although still possible to see.

@migurski
Copy link
Contributor

migurski commented Sep 1, 2015

Yes, I think based on this morning’s conversation we’re going with one of the snappier options above that has a larger value difference.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants