color me crazy rachael kreski | web design
color me crazy | research http://www.empower-yourself-with-color-psychology.com/meaning-of-colors.html • color is a form of non-verbal communication and can continuously change depending upon the energy being expressed by someone at a given point in time • breakdown of the meaning of colors • red: energy, passion, action, ambition and determination (also the color of anger and sexual passion) • orange: social communication and optimism (also a sign of pessimism and superficiality) • yellow: mind and intellect, optimistic and cheerful (also suggest impatience, criticism and cowardice) • green: balance and growth, can mean both self-reliance (also possessiveness) • blue: trust and peace, can suggest loyalty and integrity (also conservatism and frigidity) • violet: imagination, can be creative and individual (immature and impractical) http://www.color-wheel-pro.com/color-meaning.html • red: fire and blood - associated with energy, war, danger, strength, power, determination, passion, desire and love • orange: combines energy of red and happiness of yellow - associated with joy, sunshine and the tropics. Also represents enthusiasm, fascination, happiness, creativity, determination, attraction, success, encouragement and stimulation *highly accepted amongst young people* • red-orange: corresponds to desire, sexual passion, pleasure, domination, aggression, and thirst for action • yellow: color of sunshine - associated with joy, happiness, intellect and energy *don’t use too much yellow - can cause a disturbing effect - also used to promote children’s products - use to highlight most important part of design* • green: color of nature - symbolizing growth, harmony, freshness and fertility - has a strong emotional correspondence with safety - dark green is also associated with money • yellow-green: can indicate sickness, cowardice, discord and jealousy • blue: color of the sky and sea - associated with depth and stability symbolizing trust, loyalty, wisdom, confidence, intelligence, faith, trust and heaven • violet: combines the stability of blue and the energy of red - associated with royalty and symbolizes power, nobility, luxury and ambition - conveys wealth and extravagance - associated with wisdom, dignity, independence, creativity, mystery and magic *75% of pre-adolescent children prefer purple to all other colors - bright purple when promoting children’s products* Overall, the kids websites visited showed bright colors and large, decorative typefaces.
a geometric color wheel - stick with triangles have roll over images of the triangles using the z index
{
red orange yellow green blue violet
{
black and white photographs with color overlay
using handlettering accenting with hand drawn design elements
red-orange orange-yellow yellow-green green-blue blue-violet violet-red
{
chalkboards suggest learning environment
hand lettering on the chalkboard
site map Home
{ red
red-orange
orange
yellow
yellow-green
green
geen-blue
blue
blue-violet
violet
violet-red
wireframes red-orange
orange
yellow
yellow-green
green
geen-blue
blue
blue-violet
violet
violet-red
{
homepage
color me crazy
color me crazy
{
red
individual color pages
icon
color
content home site logo and links to all the pages red icon of red apple and red text red orange icon of carrot and red orange text orange icon of orange and orange text orange yellow icon of squah and orange yellow text yellow icon of corn and yellow text yellow green icon of pear and yellow green text green icon of broccoli and green text green blue icon of water and green blue text blue icon of blueberry and blue text blue violet icon of grapes and blue violet text violet icon of eggplant and violet text violet red icon of strawberry and violet red text
icons red
red orange
orange
orange yellow
yellow
yellow green
green
green blue
blue
blue violet
violet
violet red
mockups
reflection The project Color Me Crazy was created to explore basic HTML and CSS coding. This website was created for the audience of four to seven-year-olds to be visually enticing, as well as to be a learning center for the color wheel.
The website engages the viewer by being interactive and
linking pages together. A visually emphasized learning technique has been applied by using icons of fruit and vegetables that are familiar to the audience. Also, the labeling of the color name in the color being described is resourceful in having the viewer make the visual connection.
The design was based upon the colors of red, red orange,
orange, orange yellow, yellow, yellow green, green, green blue, blue, blue violet, violet and violet red.
The goal of the website was to be playful, as well as to be
a site that the young audience would want to continue navigating. Ultimately, the website was created to be an online location for educational learning of the color wheel.