Another kitchen-related design project. The backsplash tile in our kitchen is…well…here it is in all its earth-tone glory:
Why recreate this in Illustrator? Experience. My projects so far have been generally ideas that I came up with myself, which meant that if I couldn’t achieve a desired effect, I could just do something else. But with recreating something that already exists, I’m forced to figure it out.
It isn’t always clear whether the dishes in the dishwasher are dirty, or someone just stopped unloading it halfway through. So in my house we use a magnet to stick a sign to the front of the dishwasher if the dishes are clean. This is what that sign once looked like:
I “commissioned” myself to redo this sign, making the first, tiniest inroads into “designing for a purpose”. To get some color inspiration, I found a photo of dishes on Unsplash.
Recently, I helped a friend with her website. I had just spent the whole day staring at a computer screen, and my eyes were tired. So the first thing I noticed was the contrast between the body text and the background…or rather, the lack thereof.
The page looked something like this:
I have made many similar color decisions myself in the past. When I first started making websites, choosing the colors was my favorite part. The only criterion I used to decide colors for text and background was, “does it look pretty?”
What I didn’t realize at that point was that color choice can make a website difficult to read, and even exclude users from being able to view a website at all.
Web Content Accessibility Guidelines (WCAG)
The Web Accessibility Initiative (WAI) of the World Wide Web Consortium (W3C) has published a set of standards for web content, called the the Web Content Accessibility Guidelines (WCAG for short). Within this document are standards for just about every aspect of web content, including colors, images, video, text, and documents.