The negative effect of using opposite colors on different pages is caused by the complementary colors induction or afterimage.
The chromatic induction occurs when the retina becomes fatigued due to the excessive concentration of a color and loses its sensitivity to it, perceiving, due to the balance of the nervous centers of the eye, its complementary.
A major research area associated with complementary colors is complementary afterimages. A complementary afterimage is defined as the negative afterimage whose hue is approximately complementary to the hue of the original color stimulus.
The image below shows this effect, keeping the eyes in the center of the image for a few seconds and then shifting to a light background will cause the brain to induce to see the complementary colors for a short time.
Such what happens in the visual effects of Akiyoshi Kitaoka.
But this effect or illusion, sometimes unpleasant, happens mostly when it comes to long exposures in fixed images and the negative feeling lasts for seconds. In fact, many web pages use the effects caused by complementary colors precisely to attract the attention of the receiver.
Consequently, creating a background colors jump in web pages will be distracting? Yes, for the fraction of a second it takes to go from one page to the next or the time that afterimages takes (always depending on the age and characteristics of the reader's vision).
What's the best way to avoid it:
- Avoid maximum contrasts between page backgrounds.
- If changing backgrounds of opposite colors is unavoidable, reduce the percentage of the area that the lightest or brighter color occupies by using wide margins or frames with the darker color.
- Place medium/dark gray wide margins or frames; the gray as color has the ability to neutralize the perceptual power of any other color
- Put quality content so the user is more aware of the content and not distracted by a simple effect produced by a background color changing during an extremely short period of time.