Frontendplace Blog

Sharing Frontend developing ideas

  • Adds

Archive for the 'Uncategorized' Category

find the right color combination

Posted by info on 28th March 2010

Every webdeveloper knows that a good design comes with a well defined colorscheme.. You can find good color weels inside the adobe products but also online adobe gives you the tools. Look at http://kuler.adobe.com/#create/fromacolor to create your own color scheme.

What is a Color Wheel?

A color wheel is an illustrative model meant to aid people in picking colors that look good together. Though there are countless variations of the color wheel, the most common model is a wheel of twelve hues that comprises three core colors and their derivatives. Let’s take a closer look at its construction.

color

Primary, Secondary, and Tertiary Colors

Primary Colors

Three unique colors, known as primary colors, provide the basis for the color wheel. These are red, blue, and yellow. Mixing equal portions of each of these three hues produces white.

primary_color

Secondary Colors

Secondary colors are formed by mixing together equal portions of any two primary colors. These include green, orange, and purple.

secondary_colors

Tertiary Colors

Tertiary colors are the result of mixing a primary color with a neighboring secondary. For example, mixing equal portions of green and yellow creates a hue known as yellow-green. As you can see, the tertiary colors complete the color wheel.

tertiary

Warm and Cool Colors

The colors of the color wheel can be divided into two categories according to the atmosphere and emotions they provoke. Vivid hues that bring about a sense of warmth are labeled warm colors. This includes hues from red-violet to yellow.

Hues that generate the exact opposite feeling are called cool colors. They are more passive than warm colors and tend to be associated with cool temperatures and relaxation. All hues from yellow-green to indigo are considered cool colors.

cool_warm

Neutral Colors

Weaker colors that draw little attention to themselves are known as neutral colors. These include shades of white, black, and gray. Neutrals are very easy to work with since they blend easily with almost any color scheme.

Color Schemes

The color wheel is a valuable tool when it comes to choosing a color scheme. There are a few methods available for using the wheel to select a combination of colors that harmonize with each other.

Monochromatic

Using different shades and tints of one single color is called a monochromatic scheme, which is perhaps one of the safest and easiest to work with. The monochromatic scheme is light on the eyes and gives off a soothing and balanced air. One drawback to this scheme is that accenting focal points of a design becomes more difficult due to the lack of color contrast.

monohromatic

Analogous

One might think of analogous colors as neighbors since they are adjacent to each other on the color wheel. Analogous colors inherently look good together since they have similar origins. This scheme is often found in nature.

The monochromatic and analogous color schemes really have a lot in common. They are both easy to work with and provide an atmosphere of balance. However, an analogous scheme offers a bit more contrast. It is best to avoid adding too many hues and combining warm and cool colors together when working with this scheme.

analogous

Complementary

Any two colors located opposite of each other on the color wheel are termed complementary colors. As implied, complementary colors enhance each other and almost always look great together. You see this scheme in many aspects of your everyday life. For example, the reds and greens of Christmas.

The high contrast between two complementary colors produces a bold, vibrant effect that draws maximum attention to itself. However, this scheme does not always work well in large doses. You can avoid overdoing it by selecting one dominant color and using subtle hints of the other. Note that using two sets of complementaries is known as a tetradic scheme.

complementary

Split Complementary

The split complementary scheme is derived from the complementary color concept. You get such a scheme when you take a base color and the two neighbors of its complementary color (opposite). Though more difficult to balance than a monochromatic or analogous scheme, a split complementary scheme offers the contrast of complementary colors without the intensity.

split_complementary

Triadic

Using any three colors equally spaced around the wheel is known as a triadic scheme. For example, green, orange, and blue. The effect of a triadic color scheme is very similar to that of the split complementary scheme in that it produces a vibrant yet subtle effect. The best way to balance triadic colors is to select one dominant hue and use the remaining two for accent.

color

Applying Color Theory

By no means is color theory meant to be a definitive guide for decorating an interior. It is a system that provides a basic understanding of color and a set of concepts meant to be experimented with. Take some of these schemes and experiment with them to gain your own practical knowledge of color and design. You can start by using one of the many tools available in the internet for working with the above mentioned color schemes as well as others. Look at Kuler from Adobe.

Text source : http://www.belightsoft.com/products/resources/using-the-color-wheel.php

Posted in Uncategorized | Comments Off

WEB 2.0 examples

Posted by info on 18th June 2007

Here are some links for websites that are interesting to take a look at.

http://www.web20searchengine.com/web20/web-2.0-list.htm 

small summary:

Creating and publishing

Sharing

Communicating

Collaborate

Portal

Posted in Uncategorized | No Comments »

An other color tool

Posted by info on 11th June 2007

Here’s another color tool to play with some color schemes

http://wellstyled.com/tools/colorscheme2/index-en.html

colortool

Posted in Uncategorized | No Comments »

A quick look at Microsoft Surface

Posted by info on 4th June 2007

Look here for a quick demo of Microsofts surface
http://www.brightcove.com/title.jsp?title=933742930

Posted in Uncategorized | No Comments »

Wikipedia colorblindness percentage

Posted by info on 17th January 2007

Many times I’ve been asked about the percentage of colorblindness. This is a table from wikipedia (2006-17-01) so not only men can be colorblind but also a very very few women know what it means to see the world differently.

Prevalence of color blindness
  Men Women Total References
Overall - - -  
Overall (United States) - - 1.30% [1]
Red-green (Overall) 7 to 10% - - [2][3]
Red-green (Caucasians) 8% - - [4]
Red-green (Asians) 5% - - [5]
Red-green (Africans) 4% - - [6]
Monochromacy - - -  
Rod monochromacy (no cones) 0.00001% 0.00001% - [7]
Dichromacy 2.4% 0.03% - [8]
Protanopia (L-cone absent) 1% to 1.3% 0.02% - [9][10]
Deuteranopia (M-cone absent) 1% to 1.2% 0.01% - [11][12]
Tritanopia (S-cone absent) 0.001% 0.03% - [13]
Anomalous Trichromacy 6.3% 0.37% - [14]
Protanomaly (L-cone defect) 1.3% 0.02% - [15]
Deuteranomaly (M-cone defect) 5.0% 0.35% - [16]
Tritanomaly (S-cone defect) 0.0001% 0.0001% - [17]

Posted in Uncategorized | No Comments »

photography

Posted by info on 16th August 2006

Just added some pictures I took underwater. Not so much for frontend developers but some friends liked to see my pictures.. still have to incorporate this template inside this site..:(

Posted in Uncategorized | Comments Off

CSS support in Email

Posted by info on 3rd July 2006

Here you can find a list of CSS rules supported in email
http://www.campaignmonitor.com/reports/
Guide_to_CSS_Support_in_Email.pdf

Posted in Uncategorized | Comments Off

Testing your website

Posted by info on 2nd July 2006

On this url you can test your website for different browsers
http://v03.browsershots.org/

Posted in Uncategorized | Comments Off

Multi touchscreen

Posted by info on 29th June 2006

This is one amazing touchscreen project that must be on my blog:
Multi-Touch Interaction Research

Posted in Uncategorized | Comments Off

Starting a new blog

Posted by JoJo on 17th June 2006

After a long time having a very very old website. Started a new site here in the frontendplace. Hope this will be a place I can make my contribution to all the other webdevelopers who are sharing there lessons learned.

Added some scripts , some tutorials in 3D modelling and take a look at my gallery. You can also learn something about me.

This blog has started in 2006. The basic idea being is that this place is also a way to store my idea’s and lessons learned over a lot of year. There are lots of sites and books where I get my recources from (look at the links). And being a multi-media specialist and a 3D developer there are lots of different kinds of knowledge I’ve been gathering. On this place I also want to “store” my lessons learned. Hope I can help others also with this knowledge.

I work on an international IT company and lots of the projects I did, I worked in a team. So my acknowledgment also goes to all the great teams and colleages I’ve been working with.

Posted in Uncategorized | Comments Off