Mobile app version of vmapp.org
Login or Join
Cugini998

: What is a good color scheme to use in describing layers of an application? In the technical documentation of my application I want to split up the modules in different layers, e.g. (starting

@Cugini998

Posted in: #ColorTheory #InformationArchitecture

In the technical documentation of my application I want to split up the modules in different layers, e.g. (starting from the top):


Reporting layer
Business logic layer
Volatile data layer
Basic data layer
Database layer


A global image of the application will show all these layers, but I want specific documentation pages to also refer to the same colors.

I want to have a separate color for each of the layers, sufficiently different to make it clear in separate documentation files what we are talking about (based on the color), but still enough pleasing to the eye so that the global image doesn't look ugly.

The color scheme is not going to be used as a global color scheme throughout a web site, but just to indicate the different layers.

Any suggestions?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Cugini998

2 Comments

Sorted by latest first Latest Oldest Best

 

@Merenda852

Since you are looking for five different colors, one option could be to selct colors with a hue distance of 72° (= 360° in total).

I tried this with the color schemer here. Then I adjusted the red-orange color a little (increasing saturation) and rearranged the set because I wanted the business logic layer to be "blue".

Here's the result:

10% popularity Vote Up Vote Down


 

@Harper654

@scott is right in his comment; but I am going to take the chance at an answer in a general fashion.

If you are looking for colour palettes and basic rule-of-thumb as regard to contrast, associative colour theory etc, then yes, there are basic helpful rules.

What you seem to want is five colours. You need to associate the colour with the content, so if your colours are meant to "teach" the user that - for ex - blue means basic data layers, than you need to use this colour in the actual content (headings? font colours? underline? icons? borders?). There need to be a "reference" in the content, so to speak.

You do not need to use these colours as global colour scheme of course, but I would then keep the global pretty neutral. People will pick up on subtleties, so you do not have to use glaring primary colours or massive hints. Just a decent contrast. You might have colour-impaired users, so do not skip explanatory text.

To create basic colour palettes that works reasonably well, there are a number of online generators:

Adobe Kuler

color scheme

to name but two.

(In information architecture, gray is usually the colour used for "inactive" or "unchangeable" content.)

I do not entirely understand what you mean by layers in a web application and what the actual content may be, but associative colours could have already widespread use.

Edit: one way to think about it, is cartography and mapmaking for colours that work well in proximity. Try the colorbrewer.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme