phetsims / fluid-pressure-and-flow

"Fluid Pressure and Flow" is an educational simulation in HTML5, by PhET Interactive Simulations.
GNU General Public License v3.0
8 stars 5 forks source link

background color control panels #72

Open pixelzoom opened 10 years ago

pixelzoom commented 10 years ago

Control panels in the upper right all have yellow backgrounds. They looks OK, but my aesthetic says that they are a little too saturated. Panel backgrounds should be neutral, not so vibrant that they vie for your attention.

These 2 panels are particularly odd:

SluiceControlPanel has a dark blue background, which really makes the blue water in the tank icons disappear. The blue background grabs your eye more than the controls inside the panel, which is bad. Consider changing color to match other control panels, or something other than blue so that the icons stand out.

FaucetControlPanel has a blue gradient background, which makes it disappear on blue sky background. Maybe that's the effect you're going for. But the gradient goes in the opposite direction as the sky gradient, so it looks weird. And if you want it to blend into the sky, why not loose the control panel background altogether, like you've done for the clock controls on the green grass?

samreid commented 10 years ago

I removed the panels above, which seems like an improvement. In future work, I'd also like to remove the ABSwitch from the sluice control and use a control more like the radio buttons developed in color-vision.

samreid commented 10 years ago

Reassigned to @ariel-phet since it is a design issue.