• Share:

TREO Wellness App

UX Triggers
Published: January 23, 2019

Want to save this to a collection?

Register for a free account in seconds with just your email. Really.

Register Now
0 Likes

Industry: Health & Beauty
Tags: #Kiosks & Interactive Exhibits, #Website (B2C)

Dominant Color Group: Neutral (63%)

Neutral colors: black, white, grey, brown

Temperature: 91% Warm Colors

Warm colors are yellow-green, yellow, orange-yellow, orange, red-orange, red

Warm colors tend to appear more active and arouse, or stimulate, the viewer. They seem to move toward the viewer or appear closer, or larger, than cool colors.

Color Schemes

Complimentary

If you've picked a dominant color and you're looking to create contrast, pick a color directly across the wheel for a complementary scheme. The two colors will intensify each other for a lively, vibrant scheme.

Analogous

A group of three colors that are next to each other on the color wheel, sharing a common color, with one being the dominant color, which tends to be a primary or secondary color, and a tertiary. Also called Dominance Harmony.

Triadic

The triadic color scheme uses three colors equally spaced around the color wheel. Triadic color schemes tend to be quite vibrant, even when using pale or unsaturated versions of hues, offers a higher degree of contrast while at the same time retains the color harmony.

Color Psychology

White Psychology

Positive: innocence, purity, cleanliness, equality, complete and whole, simplicity, immaculate and neat, self-sufficient, pristine and open, new beginnings
Negative: sterile, stark, fastidious, empty, isolated, cautious, plain, distant, unimaginative, critical, boring

Participants in one study preferred white building interiors and, for moods, they also preferred white for being quiet or being able to focus. source

Eastern: death, mourning, funerals, sadness, purity, age, misfortune
Middle East: purity, mourning

Red Psychology

Positive: action, energy and speed, attention-getting, assertive and confident, energizing, stimulating, exciting, powerful, passionate, stimulating and driven, courageous and strong, spontaneous and determined

Negative: aggressive and domineering, over-bearing, tiring, angry and quick-tempered, ruthless, fearful and intolerant, rebellious and obstinate, resentful, violent and brutal.

The color red causes people to react with greater speed and force. source

Viewing red prior to a strength test inhibits motor output. source

One study discovered that participants showed more cautious behavior in a web-based game when the focal stimuli were colored red (versus blue). These findings demonstrate that variations in the color design of a computerized environment affect risk taking: Red color leads to more conservative choices and behaviors. Source

The color red distorts time perception in men, but not women.  source

Research has shown that with some nonhuman primates, red is associated with greater sexual attractiveness of females, and recent studies found that a woman with red clothes increases attraction behavior in men. source

Eastern: luck, prosperity, happiness, long life, fertility, power
Some Africa: mourning

Red Orange Psychology

A tertiary color created by the combination of red and orange.

If your color is more red

Positive: action, energy and speed, attention-getting, assertive and confident, energizing, stimulating, exciting, powerful, passionate, stimulating and driven, courageous and strong, spontaneous and determined

Negative: aggressive and domineering, over-bearing, tiring, angry and quick-tempered, ruthless, fearful and intolerant, rebellious and obstinate, resentful, violent and brutal.

The color red causes people to react with greater speed and force. source

Viewing red prior to a strength test inhibits motor output. source

If your color is more orange

Positive: sociable, optimistic, enthusiastic, cheerful, self-confident, independent, flamboyant, extroverted and uninhibited, adventurous, the risk-taker, creative flair, warm-hearted, agreeable and informal

Negative: superficial and insincere, dependent, over-bearing, self-indulgent, the exhibitionist, pessimistic, inexpensive, unsociable, and overly proud

Orange Psychology

Positive: sociable, optimistic, enthusiastic, cheerful, self-confident, independent, flamboyant, extroverted and uninhibited, adventurous, the risk-taker, creative flair, warm-hearted, agreeable and informal

Negative: superficial and insincere, dependent, over-bearing, self-indulgent, the exhibitionist, pessimistic, inexpensive, unsociable, and overly proud

Energizing - used to push for action, as in impulse buying

Eastern: happiness, spiritual

Grey Psychology

Positive: reliable, conservative, dignified, neutral, impartial, professional, mature, intelligent, classic, solid, stable, calming, subdued, reserved, elegant, formal and dependable

Negative: indecisive, non-emotional, indifferent, boring, sad, depressed, lifeless, lonely, isolated

Golden Ratio

The Golden Ratio, or Fibonacci Sequence, describes the perfectly symmetrical relationship between two proportions. Although not always used consciously in design, our brain subconsciously perceives structures following this formula as more intuitive or more attractive.

TREO Wellness App | Golden Ratio
Overlay Type
Overlay Display
Board Image Opacity
Golden Ratio Scale
Rotate