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.
Enjoyed this Post?
Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!
By Brad Colbow
Brad Colbow is an independent web designer living and working in Cleveland Ohio (USA). He is also the creator of the weekly web comic "The Brads" about two web designers trying to start a small company. You can check out the latest comic and the archives on Brad's website.
Join our newsletter!
Freelance Jobs
Create a Tutorial, Get Paid!
Have something to teach the world? Want to earn money doing it? Tutorials, screencasts, and articles published here on Vectortuts+ are largely contributed by readers just like you! We'll pay you great money for good content. Find Out More
simply brilliant !
a really cool way to explain the different types of contrast!
Nice work, Brad !
very friendly approach , good job!
Nice one, BUT: “you’re job”?!????!!!? I mean coooome on, people! It’s second grade stuff!!!
Your job / you’re (as in you are)
We got that fixed. Thx.
nice!
love it! the brads rock!
Wow! What a unique idea on how to explain this concept! I read the whole thing without even noticing it. Thanks for the post, it was really useful!
Nice Brad. You should do more of these (design concept tutorial + cartoon strip).
Excellent tutorial. Love the way you used Hector. Two thumbs up!
what a fun way of explaining contrast! easy to understand and follow!
Love it, Brad!
Absolutely awesome, more of these please! :)
Freakin sweet idea and great execution as well.
Cool!! Interesting way to explain the things.
Brilliantly done, as always Brad.
Great comic Brad!
That was amazing! How you used the comic medium, you just tricked me into reading it completely, before I even realized I was actually LEARNING something. I am completely and sincerely surprised. I’ll keep an eye out for your articles!
Now that’s what I call effectively getting your point across! That was great. I actually read the whole things and wanted more.
It also goes to show that imagery in a blog or article or tutorial are vital to keeping the reader well… reading ;)
Like John said: “Absolutely awesome, more of these please! :)”
great ideas on contrast
loved this!
Indeed, not a designer, but I still read the whole thing because of it’s format and presentation. Good job!
Very helpful and easy to understand, great job!
Nice comic strip. Pity no-one explained the difference between “your” and “you’re” to the author though…
Why don’t you do it?
Great blog! Really useful.
Awesome Brad! Very creative and very clever!
Great idea and equally great execution. More please!
Comic tutorial forces readers to read!
Great tutorial Brad!
funny! and useful!
Dang, thanks for the great feedback everyone, I’ll definitely be doing more of these in the future.
@alex and @Brett Archibald, thanks for pointing out the error guys. You can’t see me, but I’m kicking myself right now and working on getting that fixed :)
In a single word would say excellent, good way to explain this tutorial. very good job.
jeez. another Megan Fisher reference….
Yeah, awesome comic to explain contrast. It took 5mins to read, but probably like 5 hours to make. Thanks!!! hella unique
Love it, a clever and fun way of explaining things.
absolutely cute and instructive; very funny way to teach…and to learn !
Thanks for this lesson.
Awesome and original idea! Love it, and really informative info along with it too!
Cheers!
Awesome comic, Brad. I’ve been following (and tweeting links to) your comic ever since I came across your website, which was from a stumble, I think (was a long time ago).
I hope to see more of your fun+design theory comics – they make the learning experience so much easier, and makes it hard to forget.
Check out his “XHTML, you’re hurt” comic too, designers will understand the geek-humour
http://www.bradcolbow.com/archive.php/?p=106
Nice one
Very cool….it’s a very interesting way of explaining the role of contrast.
More like this….
nice one …thx for the real cute tutstyle lol…
That was awesome, more!
Brad, don’t feel too bad about the spelling errors. I’ve seen a few from other top blog type people. Mistakes happen. We’re only human.
More importantly, GREAT TUT! Will your presentation for the Cleveland Web Standards Association on Tuesday be like this? Will we get to see slides of Hector and you teaching us great stuff? Please, please, please!
Great job. Important content through a simple and clean message. Thank you!
Totally like this style. Great Tips
Wow! Awesome Tutorial. Nice Tips and nice kind of Tutorial :)
thx:)
very cool… congrats :)
Brilliant comic! Used it to learn some guys at the office here some things about contrast :-)
Wow.. total exceptional way to learn and enjoy it at the same time. Hope to see more like this Brad.
Wow man this is awesome, I would like to do somethign like this :). Very helpful and well done, “very” as matter of fact!
A fundamental topic put on stage in a sophisticated way.
This is the way we want to learn about Design. Thx.
Thanks Brad… Your comics are so funny. I love the way you draw it !
I showed some of it to my girlfriend who’s more kind of books reader-writer and she couldn’t understand what I laugh so much about it & then she asked what was XHTML… I would definitively come back here by myself.
Hope you can make a comic of it.