Color Fundamentals

 

Color Fundamentals I collected paint chip samples from different stores to do alot of assignments for this class. Class projects included making our own color wheel, and mixing colors to create colors and their compliments. Journal assignments included collecting pictures that demonstrated a use of color psychology, mixing a color with different amounts of white, black, gray, its compliment etc. to demonstrate tint, tone, shade, value, intensity etc. and examples of how colors shift depending on background colors. The final project was one image that we reproduced 4 times applying a different color scheme to each image. Each of our color schemes used 8 colors. Monochromatic, Analogous, Complementary, and a color scheme we created. Most people designed logos but we also had web pages, art posters, and interior rooms. Examples of how these projects could look although these images do not use 8 different colors!!!

Information about color for the web not print on my pinterest boards 


Great reference websites for this class:
Basic Color Theory
The Color Theory Quick Reference Poster for Designers
Color Theory for Digital Displays
How to Get a Professional Look With Color
Helps you see how the colors will look on a web page
Color palette generator allows you to save as css or photoshop swatch
Two of my favorites Web Color Trends and color tools
Web safe colors and CSS

Creative Color Wheel

View more PowerPoint from Jacques de Beaufort

The Art of Color Coordination infographic by KISSmetrics.

The Psychology of Colour infographic by basekit.

Color Schemes

I have a tendency to use the same color scheme on all my websites. I am trying to explore other possible color schemes I can use. Several color schemes made from pictures.

I also have great info about color for the web on pinterest 

Colors For the Web

Blue Is Dominating The Web infographic

Select an average of 3 different colors and use them consistently throughout the web site.

Chromatic harmony is one of the most important criteria in order to create a pleasant experience for the visitors. It is strongly recommended that a moderate number of colors should be employed; four or five is ok; more than that not only will they create inconsistency, by they will also cause an eye sore for the visitor making him skip important parts of the site.

How many colors

A site that uses fewer colors is easier to remember than a site that uses many colors. However, this doesn’t mean that you should always limit yourself to one color. Sometimes it’s good to pair your brand color with another color to make your website look and feel more vibrant.

Where to apply colors

You may love your brand color, but that doesn’t mean you should apply it everywhere on your website. There are certain areas where your brand color works best. Interface controls such as navigations, menus, boxes, buttons, links and search fields are areas where you should apply your brand color. This highlights your interface controls, making them easy to see when users need to do a task.

The areas of your website where users read text should not only have high color contrast, but the colors you use should never compete with your brand color. Black and white are the best colors for this because together they make text easy to read and they’ll never compete with other colors. Black text on a white background is the standard convention for text on the web. It has never failed users before, and it won’t fail users now.

Colour Contrast Check

Upload an image to generate a color palette based on the image's primary colors. Useful for quickly grabbing a particular color within an image for inspiration.