Welcome to our web color community. Here you'll find the latest web-focused Palettes and Patterns, as well as Blog, Trends and Forums to help guide your next web design project.

Channels»Web»Blog

Selection of Colors based on Page Layout


.

There are different principles when choosing a color scheme. Based on these you can put together color combination for any type of website. It is essential to know the purpose of the website right at the start. It’s obvious that you would pick different colors for outpatient clinic, for a restaurant etc.

 

Proven color combinations

The basic know-how of every designer is the ability to sense which color scale to apply when creating a website. There is a large number of variables involved in the website building process which can limit the designer’s creativity. One of the factors mentioned previously is the purpose of the website. There exist proven color combinations in this regard. What does it mean?

 

That they simply fit together.

 

On the one hand the individual colors and shades blend in. They may be monochromatic or complementary; or opposite. Simply these are any colors which fit into standardized color schemes.

 

On the other hand there are color combinations that users subconsciously associate with certain type of industry. Furthermore, the right selection of colors increases the click rate and page conversion.

 

As such color combinations are universal for certain website types, they became a guide or an aid for designers. Why to think of something that has already been invented and already brings the results?

 

Why all medical websites are white

Proven color schemes become a must-have for specific types of WordPress templates and websites. The associations these colors invoke for the users are the reason why these color scales can be recycled and repeatedly used for the given industry. And these color combinations will never go out of fashion.

 

White color will always be the designer’s first choice for creating medical websites, websites for doctors or dentists; because it is associated with the cleanliness, airiness and sterile environment (which is characteristic for hospitals etc.).

 

In addition, white color is absolutely perfect for any minimalist business webpage.

 

 

Also, it is not accidental that you come across a blue color whenever you open a bank or insurance website. Blue color (especially in dark shades) combines respectability, reliability and strength - the attributes that clients expect from financial institutions. But also from companies. Blue color will therefore always be a good choice for corporate websites and for Directory portals.

 

 

Analogous to white or blue color, there are also other colors that call up certain associations. Green color is related to environment or healthy lifestyle websites, black color to luxury product pages and so on.

 

How to choose the right color for the layout

Another factor that affects the use of a particular color scheme is the template layout itself. Not all the color schemes can be used universally for each layout type - the arrangement of individual elements can limit the color selection.

 

There are 2 completely different approaches to layout creation - Grid layout (or Card design layout) and Broken Grid layout.

 

Grid layout allows you to experiment with images

When working with Grid layout, you can choose from several color scales depending on the website type. For the presentation and business websites you can use more bold color combinations and shinier shades.

 

Apart from presentations, Grid Layout is often applied for websites with large amount of photos and content, such as portfolios, blogs and case studies.

If the Grid layout is used for portfolio, website color scheme should be simpler. Images in portfolio are highly colorful. Neutral colors should be used as a base, so that portfolio items can stand out. Thanks to simple colors it is possible to add and combine different photos - both color and type. Beware, however, of their composition.

You have to anticipate when using Broken Grid layout

Broken Grid layout is a new approach that violates the rules of organized boxy layout design. Since the main principle of Broken Grid layout is seemingly random placement of elements on the website and their overlapping, the selection of right colors is essential.

 

Therefore we recommend to sensitively consider color scale and ask yourself if it is suitable for this layout type. Will it visually fit together with other graphic elements, embedded pictures or typography?

Source: Multimedia Guides in Culture.pl

 

Where to find inspiration for your next website?

Even though design blogs and portals can be a good source of inspiration for color scale selection, WordPress themes as such often use proven color combinations therefore can provide useful guidance too. It requires some sense for colors, but remember that sometimes less is more, especially if you’re a beginner.

 

You will certainly pick your design WordPress template from 70 unique business and directory templates made by Ait Themes.


Related Articles

Post a Comment

You must be logged in to post a comment.

Search The Blog

Subscribe & Share

Our Latest Tweets

Latest Web Blog Posts

//View More ›

Tags

Latest Web Colors

//View More ›

Latest Web Palettes

//View More ›

Latest Web Patterns

//View More ›