Download Source Files
In this comic, you’ll learn about the fundamentals of contrast, which is an important part of design. This comic touches on key areas of contrast like grayscale, tints, readability of text, along with examples and fun explanations. Enjoy this informative comic strip!

Sites Used in this comic
Other posts about contrast:
- Become a Master Designer: Rule Three: Contrast, Contrast, Contrast
- Contrast and Meaning
- 10 colour contrast checking tools to improve the accessibility of your design
- Colour Contrast Check
- How C.R.A.P is Your Site Design?
Subscribe to the Vectortuts+ RSS Feed to stay up to date with the latest vector tutorials and articles.


if only all tutorials were this fun!
beautiful way to teach concepts!
Fantastic! Simple, yet explains some rules that most people wouldn’t consider. Way to be! Keep up the killer work
Nice article! Very useful!
Nice tutorial! Very helpful to beginners like myself. I wouldn’t sweat the small spelling mistake.
Now that was Cool..
Very very usefully for newbies like meh
i praise your aggressive to post comic but it’s not really useful otherwise is extremely time consuming
Very good information. Thanks.
Good !!!
SIMPLE, TO THE POINT, CLEAR & FUN!
Thanks, an excellent tutorial.. my first read and I’m already a huge fan!! XD
Explanations in comics: a really cool way for an explanation, and the content is also interesting so…. thumb up on Stumble Upon!
Thank you
Very fun tutorial and some very good tips too
Nice one, love it
bea-utifull. Thanks a lot Brad.
Really cool comic.
One comment:
“Readers are conditioned to look at larger and darker items as being more important than smaller lighter ones”
I — and everyone I’ve ever mentioned this to — often subconsciously skip over things that are larger and darker as I skim a page looking for something. My conditioning is that they’re normally the thing the page author wants me to look at (adverts, pointless callouts, etc) rather than anything I’m actually looking for.
Great stuff Brad
Very Useful! Keep them coming!!!
A nice way to teach. I like the way. keep it Brad.
This is one unique way to make an article. . . very interesting. . .
This is a great tutorial. Learning at every step in a way that is fast, fun, and hopefully memorable. Nice Job.
Ironically, the present version of owltastic lacks some contrast. The color scheme looks quite like the screenshot above. It’s pretty close to gray and (brown) gray in (blue) gray…
I love your tutorials, so much more fun with a splash of colour