CSS Filters To Adjust Brightness, Contrast, Opacity, And Inversion

Have you ever added an image to a website only to realize it would look better if it was a little brighter? Maybe the image could use more contrast or a bit of transparency. How about inverting all the colors to their complementary hues?

Continue reading

Learn More About Color By Working In Grayscale

Do you find color difficult to work with? Do you have trouble combining colors in a color scheme? Would you believe me if I told you one way to learn to work with color is to remove the color information?

Continue reading

The Effect Of Luminance and Contrast Ratio On Accessibility

You know it’s important to contrast text with it’s background. Black text on a white background offers the most contrast. Light gray text on a light gray background, not so much. What exactly are you contrasting and how do you know when the contrast is enough?

Continue reading

How To Direct A Viewer’s Eye Through Your Design

Where in your design do people look first? Where do they look next? After that? How much control do you have when it comes to directing the viewer’s eye?

Continue reading

How To Organize Information for Early Visual Perception

Visual perception is a 2-direction process of information flow. Visual data at each end of the process interacts with and influences what happens at the other end. Understanding how the process works allows us to form design principles based on how we perceive our visual environment.

Continue reading