170 likes | 371 Views
Web Design. Color model. Basic color theory. With colors, we can set a mood, attract attention, or make a statement We can use color to energize, or to cool down Color can be a powerful design element if we learn to use it effectively. Color wheel.
E N D
Web Design Color model
Basic color theory • With colors, we can set a mood, attract attention, or make a statement • We can use color to energize, or to cool down • Color can be a powerful design element if we learn to use it effectively
Color wheel • The color wheelor color circle is the basic tool for combining colors • Color wheel provides color combinations that are considered pleasing • These are called color harmonies or color chords • They consist of two or more colors with a fixed relation in the color wheel
Primary colors • Primary colors are 3 colors that can not be mixed or formed by any combination of other colors • Additive Color Mixing • Light mixture • Red, Green, and Blue (RGB) • Subtractive Color Mixing • Paint, ink, dye, or pigment mixture • Red, Yellow, and Blue • Yellow, Magenta, Cyan
Secondary colors • Formed by mixing 2 primary colors • Secondary colors include: • Yellow, magenta, cyan (Additive colors) • Red, green, blue (Subtractive colors)
Tertiary colors • Formed by mixing a primary and a secondarycolors or two secondary colors, in a given color space such as RGB,RYB, or YMC • RGB color space: • Red-yellow, yellow-green, green-cyan, cyan-blue, blue-magenta, and magenta-red • RYB color space: • Yellow-orange, red-orange, red-purple, blue-purple, blue-green & yellow-green
Primary, Secondary, Tertiary RYB RGB
Warm and cool colors • Warm colors are vivid and energetic, joyful, Interesting, and attractive • Cool colors give an impression of calm, mysterious, and create a soothing impression • White, black, and gray are considered to be neutral
Warm and cool colors • Warm colors are often said to be hues from red through yellow, browns and tans included; • Cool colors are often said to be the hues from blue green through blue violet, most grays included.
Color harmony • Harmony is something that is pleasing to the eye • When something is not harmonious, it's either boring or chaotic • Color harmony delivers visual interest
Analogous colors • Analogous colors are any three (or four) colors which are side by side on the color wheel • such as yellow-green, yellow, and yellow-orange. • They are often found in nature and are harmonious and pleasing to the eyes
Complementary colors • Complementary colors are any two colors which are directly opposite each other • such as red and green • And red-purple and yellow-green • It works well when we want something to stand out • Not so good for text
Triadic colors • Triadic uses colors that are evenly spaced around the color wheel • Triadic color harmonies tend to be quite vibrant
Split-Complementary • In addition to the base color, it uses the two colors adjacent to its complement • It has the same strong visual contrast as the complementary color scheme, but has less tension • It is a good choice because it is difficult to mess up
Rectangle • It uses four colors arranged into two complementary pairs • We should pay attention to the balance between warm and cool colors in your design
Square • It is similar to the rectangle, but with all four colors spaced evenly around the color circle
References • http://www.colormatters.com/color-and-design/basic-color-theory • http://www.tigercolor.com/color-lab/color-theory/color-theory-intro.htm • http://en.wikipedia.org • https://kuler.adobe.com/create/color-wheel/