This talk aims to explore some of the perceptual effects color brings to the web, especially highlighting those that bring a desirable sense of “realness” or “tangibility” to the components. We’ll see how different design paradigms (flat UI/skeumorphic/photographic/etc) approach the problem, and then identify small techniques common to all of them. In particular, we’ll touch on manipulating color quickly using natural color spaces, defining components using gradients & overlays, and ‘cheating’ at textures using noise.
The content covers both theory and real-world techniques & code snippets, and aims to be accessible to all levels, but some previous knowledge of styling or CSS may be helpful.