(Design Basic) Color

Copyright

이 모든 내용은 Pluralsight에 Jason Roberts가 올린 'An Introduction to Design'라는 강의의 세번째 챕터를 듣고 정리한 것입니다(https://app.pluralsight.com/library/courses/design-introduction/table-of-contents).

Content

1. Typography

2. Color

3. The Fundamental Gestalt Principles

4. Layout and Organization Principles

Outline

Basic science

Color models

Meaning of colors

Color schemes

Inspiration

The Science of Light, Sight, and Color

The Electromagnetic Spectrum is a range that contains all the frequencies of electromagnetic radiation.

These frequencies ranges

Radio - Microwave - Infrared - Visible Light - Ultraviolet - X-ray - Gamma ray

(long wavelength radiation)                    (high frequency, short wavelength radiation)

Human Sight is a combination of the eye and brain working together. Electromagnetic radiation some of which is in the visible spectrum enters the eye. Within the eye there are different types of receptor cells each of which responds to different parts of the visible spectrum(Roughly these correspond to red, green, and blue light). The eye sends information to the brain that processes this information and results in the perception of color. Strictly speaking the visible spectrum of electromagnetic radiation doesn't contain colors. Color is our perception of those wavelengths. We perceive colors differently but we share the same basic mapping model.

Two systems of color

1. Subtractive color : Start with white light then subtract colors from it to give us the final color

eg. black text on a page reflects nothing from sunlight, it subtracts all the colors

2. Additive color : Start with black and adds different wavelengths of light to it to create colors

eg. The screen is in use each pixel emits light in different combinations of red, green, and blue

Color Models

Color models are ways of representing colors based on numeric values.

The RGB color model represents a given color using three values(Red, Green, Blue)

eg. 255, 255, 0 == Yellow, 0, 0, 0 == Black, 255, 255, 255 == Wight

The CMYK model is a subtractive color model used for color printing.

The four components are Cyan, Magenta, Yellow and the K(effectively means Black)

eg. Red=(Cyan 0,Magenta 100,Yellow 100,K 0), Blue=(100,100,0,0), Yellow=(0,0,100,0), Black=(0,0,0,100), White=(0,0,0,0)

Color and Meaning (Western point of view)

Red : a highly sensual color, tempting and suggestive, danger of blood. It attracts attention more than any other color

The family of reds includes both pale and bright pinks, the red of house bricks and deep reds

Brightest form red represent passionate, hot, sexy, exciting, strong, seductive, aggressive and dangerous

Green : color of nature, relaxing and calming

The green include the citrusy limes, the military olives, the protective turquoise, the sophisticated table 

Harmonious, natural, fresh, lush, agreeable, relaxing, calming

Blue : color of quiet coolness, stillness, tranquility, constancy, sadness, loyalty and dependability

The blues include the electrical bright blues, serious strong deep dart blue

The lighter and sky blues are spacious, peaceful, open, cool, pure, clean, faithful

Orange : enthusiasm and energy, sunset and fire, food and appetites, sharpen mental activity

The oranges include the soft and intimate peaches, spicy fiery gingers

Its brighter more vibrant forms are energizing, dynamic, stimulating, juicy, fun, hot, happy, playful

Purple : mysterious and magical. Purple is a combination of reds and blues but it's more than the sum of its parts

it's a relatively rare color in nature

The Purple include the romantic and calming lavenders, royal opulent deep, deep purples

Spiritual, cerebral, mysterious, meditative, transcendental

Yellow : the color of light, friendly and enlightening

The yellow include the mellow ambers, golden yellows

The brighter yellows are hot, joyous, energetic, extroverted, youthful, vibrant, hopeful

Brown : wholesome and rustic, working the land ,nature past times(hiking and camping), appetite(coffees, chocolate, cigar)

The Browns include the tans, chocolate browns

Balanced, homely, secure, enduring, natural, solid

Black and White : true polar opposites, night and day, fianl simple truth, the simplicity, timeless combination

White is pure, simple, innocent, clean, untouched

Black is strong, sober, heavy, sophisticated, and classy

Cultural Color Differences

eg Red

USA : heat, passion

Mexico, Africa : death

Argentina : craftsmanship

Netherlands : nature

Armenia : communism

China : luck

Thailand : Buddhism

Green : Universally accepted as nature

Color Schemes

Monochromatic scheme : Uses different shades of the same color

Balanced and appealing, but not much color contrast

Analogous scheme : Uses colors that are close to each other on the color wheel

In the Analogous scheme usually stick to all cool or all warm colors

Complementary scheme : provides maximum contrast

In this scheme we can use the main color as the dominant color and its complimentary color for accents

Hard to balance but maximum attention

Triadic scheme : three colors equally spaced around the color wheel

Good color contrast and some harmonry

#색을 옅게해서 contrast를 줄일 수 있다.

Taking Inspiration form the Real World

Summary (생략)

출처

이 모든 내용은 Pluralsight에 Jason Roberts가 올린 'An Introduction to Design'라는 강의의 세번째 챕터를 듣고 정리한 것입니다(https://app.pluralsight.com/library/courses/design-introduction/table-of-contents). 제가 정리한 것보다 더 많은 내용과 Demo를 포함하고 있으며 최종 Summary는 생략하겠습니다. Microsoft 지원을 통해 한달간 무료로 Pluralsight의 강의를 들으실 수도 있습니다.