1 / 17

Web Design

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.

demont
Download Presentation

Web Design

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Web Design Color model

  2. 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

  3. 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

  4. 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

  5. Secondary colors • Formed by mixing 2 primary colors • Secondary colors include: • Yellow, magenta, cyan (Additive colors) • Red, green, blue (Subtractive colors)

  6. 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

  7. Primary, Secondary, Tertiary RYB RGB

  8. 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

  9. 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.

  10. 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

  11. 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

  12. 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

  13. Triadic colors • Triadic uses colors that are evenly spaced around the color wheel • Triadic color harmonies tend to be quite vibrant

  14. 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

  15. 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

  16. Square • It is similar to the rectangle, but with all four colors spaced evenly around the color circle

  17. 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/

More Related