WEBVTT

00:00:00.000 --> 00:00:33.274
If you're starting as a designer, you don't  need a lot of colors, just as with fonts.
If you're thinking, 'Okay, I have 60 million colors in that little picker, so let's try to use all of them!'
that's not really the case. What you really need is a *background color*,
a *foreground color* and an *accent color*.
And there are some rules that you  can then look up on your own later,
like the *60-30-10 rule*, which is pretty useful.
But, in general, what you need to really remember from this
is that you need a *background color*,  so in my case it's going to be white.

00:00:33.274 --> 00:01:03.280
Then you need a *text color*, which is going to be some sort of black or dark gray,
and the *accent color for the important actions*.
And one thing that you can actually tweak here is to have that darker color
instead of being pure black, add a little bit of that accent color.
So, in our case, the blue to it, so it's just going to look a little bit more connected to the blue and
it's just going to look better together. So, that's just one way.
And you need *three colors* really to pull off most designs.

00:01:03.280 --> 00:01:31.161
And you can start adding colors once you  feel more comfortable with them.
But when you're starting, really just the less colors the better because
it's just much harder that way to screw it up.
Two of the worst possible color combinations  are mixing red with either very saturated blue
or very saturated green. And if you look at it more closely depending on the type of screen
that you have, you'll see that on the place where they kind of mix together,

00:01:31.161 --> 00:02:01.066
that little line becomes a little bit fuzzy.
If you look at it a little bit longer, it starts to hurt your eyes
in some cases on some screens
because this contrast of those colors works really, really bad together.
So, if you want to make a Christmas app, for example, there are better ways to do it,
but *generally avoid those color combinations* and *always test your colors if they're clashing that way*.
So, you can just place one on top of the other and see if that fuzzy line appears on them.

00:02:01.066 --> 00:02:07.569
And that's one way to actually test it – you know – *by eye*, just looking at it.
If it looks good, then it looks good.