Color theory is a body of practical guidance to color mixing and the visual effects of a specific color combination. Color theory encompasses a multitude of definitions, concepts, and design applications – enough to fill several encyclopedias.
The color wheel is a circle with different colored sectors used to show the relationship between color. It helps in choosing colors while designing anything.
Color Wheel starts off with 3 primary colors. They are:
By mixing the primary colors we get secondary colors. They are:
- Purple ( Red + Blue)
- Green (Blue + Yellow)
- Orange (Yellow + Red)
Finally, by mixing primary and secondary colors, we get the tertiary colors. They are:
Basic Color Theory terms
Hue is basically the name of the color. For example, Red, Blue, Orange etc..
Saturation is the intensity or purity of a hue. High Saturation means the color is bright and desaturation means the color looks washed out or greyed out.
The degree of lightness or darkness of a hue is the value of the color.
Shade is a color produced by adding black to a hue.
Tint is a color produced by adding white to a hue.
Tone is a color produced by adding grey to a hue.
- Color Temperatures
Colors can have different psychological effects on a human being. There are basically two types of color in terms of psychological effects. They are regarded as temperatures. They are as follows:
- Warm Colors
Warm colors appear bright, cheerful and happy usually. The common warm colors in the color wheel are red, yellow, and orange.
- Cool Colors
Cool colors appear dark, mysterious and gloomy. The common cool colors in the color wheel are blue, green, and purple.
- Warm Colors
The psychological effect is not always effective. It depends on how you present the colors.
Common types of Color Scheme
- Monochromatic scheme
In this scheme, we use one hue and add white, black or grey to create tints, tones, and shades.
- Complementary colors
In this scheme, we choose the colors that are across from each other on the color wheel. The most common pairs are
- Red and Green
- Purple and Yellow
- Orange and Blue
This scheme can create a great contrast and visual interest. Colors can overpower each other, so keep it in a balance.
- Analogous Scheme
In this scheme, we use 2-4 colors next to each other on the color wheel.
- Triadic Scheme
In this scheme, we use 3 colors that are evenly spaced around the color wheel.
- Split complementary scheme
In this scheme, we choose a base color and the two colors adjacent to its complementary color.
- Tetradic (rectangle) scheme
In this scheme, we use four colors arranged into two complementary pairs.
- Square scheme
In this scheme, we use four complementary colors evenly spaced around the color wheel.
Typography is the style or appearance of text. It is the art of working with text. We only need to know a little typography to make a big difference while typing or designing anything.
Common types of Font
Serif has small lines attached to the end of a stroke in a letter or symbol. It has a more classical look. Hence, it is a good choice for traditional projects.
- Sans serif
Sans Serif doesn’t have small lines attached to the end of a stroke in a letter or symbol. It looks more clean and modern. It is easy to read on computer screens.
- Display fonts
Display fonts have a decorative nature. Hence it is best for small amounts of text like title and headers and more graphic heavy designs. It comes in many different styles like script, blackletter, all caps, and plain fancy.
How to use Fonts
- Fonts can come across as casual, neutral, exotic or graphic. So think about what you are writing and pick a font that fits.
- Less number of fonts used is always better. It is best to limit yourself to 1 or 2 fonts per project.
- If you need more contrast try increasing size, making the text bold, italic or underline. This is a good practice of making combinations that work.
- Opposite Fonts attract each other. You can use font styles that are different but complementary like sans-serif and serif, short with tall, decorative with simple, bold and without bold, and so much more.
Terms of Typography
Hierarchy is used to guide the reader’s eye to whatever is most important. Where you want the readers to begin and where to go next by creating a certain level of emphasis. Establishing hierarchy is simple. The text you want the readers to notice first, make them stand out. You can do it by making them larger, bolder, using a different font or just different in some way. Remember to keep it simple.
Leading is the space between lines of text. Basically leading refers to line spacing. If you don’t know how much to use, do not fear. The default is usually fine. Your goal should be to make the text comfortable to read as much as possible. Don’t make the line spacing too little or too much, it will make it unpleasant to the reader.
Tracking is the overall space between characters. It is basically known as character spacing. It can help to fix fonts that are poorly spaced. Tracking can also help to create artistic effects.
Kerning is the space between specific characters. It varies over the course of the words because each letter fits differently. Some fonts have bad kerning making it look like letters are improperly spaced. Don’t use such fonts. Keep it simple and basic.