The biggest fun (after shading, of course) is printing white letters on a black background. This is a very bold decision; besides, text printed in this way attracts the attention of others no less than a black eye. Therefore, use this technique carefully.

When you print white on black, remember that first you have to create a black background, and then the text white. The black background is created as follows.

1. Select a text block.

It is best to start with a ready-made text. At some point you will end up with black text on a black background, so the text won't be visible. If you have a typed document, the completion of the procedure will be marked by its turning white. (For information about highlighting text, see Chapter 6.)

1. Select a team Format>Borders and Shading.

A dialog box will appear Borders and shading.

Make sure the tab Fill is in the foreground.

If not, click on the tab's shortcut. Tab Fill will appear in the foreground (see Fig. 19.5).

1. In area Fill select black color.

This is the fourth square from the top in the first column; you will see a message in the field to the right of the color picker Black.

1. Click the button OK to part with dialog box Borders and Shading.

Now you can't see anything because you're looking at black text on a black background. (Actually, if the text is selected, you will see a stunning sight: a large white block floating in the black sea. Don't be scared!)

With the block still selected, change the text color to white. To do this, use the button Font color on the formatting toolbar.

A drop-down palette will appear.

1. Select an element in the palette White.

(This is the last square of the palette, located at the bottom right. If you move the mouse pointer over it, a tooltip with the word White will pop up.) Click on this square to change the font color.

Now you should deselect it. The text will become visible on the screen: white letters on a black background.

• Word displays inverse text quite effectively on the screen, especially when it is selected. I bet you anything - you will never be able to “lose” such text even in a very large document!
• I don't recommend inverting large chunks of text. On many printer models, such text is printed “no matter”. This technique works best for highlighting headings and small pieces of text.
• If you have problems printing inverted text, change your printer settings. In the dialog box Seal click on the button Options. In area Printer click on the button Properties. As a result, a dialog box will appear on the screen Printer properties. Click on the tab icon Graphic arts. In area Graphics mode check the box Dot graphics. Click the button OK to close the dialog box Printer properties.

When conducting audits, we often have questions about the compatibility of the font color and the background of the site. Sometimes the project designer chooses such a combination that his imagination hurts the eyes. The infoblog contains several articles on background color and font color, and I will try to combine them together. In this article, I will break down the primary colors used for font and background.

The best explanation is a clear visualization of what you are trying to convey to the audience. In this regard, I suggest you immediately look at the image; it will just outline the combination of background colors and font:

Now a little theory about background and font color combinations.

White - openness and neutrality

This is the background of black or blue font in a notebook, as well as the color of the font on the black background of the blackboard in the classroom, laid down for us since childhood. The contrast of a white font goes well with red, green, blue and black backgrounds, and a white background with the same font colors. The effect of white font on the user with different background colors:

• red background - attracting attention to information;
• black background - increased attention to background information and conclusion;
• green background - soft information about problems;
• blue background - convincing formation of the essence of information.

Blue - tenderness and softness

It is the color of harmony, friendship, affection and kindred spirits. The blue font does not contrast well against the backgrounds shown, but the blue background pairs well with the black, red, yellow, and white font colors. The blue background is used to lull the visitor's caution into action and also encourages him to make innovative decisions.

Yellow - sociability, sociability and openness

This is the color of balance and inner harmony; it is well remembered and perceived by cheerful, active people. Color activates the development and activity of thought; it is not for nothing that one of the directions for presenting information is called the “yellow press”, since it provides a long discussion of its information. The yellow font color contrasts well with the black, blue, green and red background, and the background with the black, blue, green and red font colors. The effect of yellow font on the user with different background colors:

• black background - tertiary information and conclusion;
• green background - soft information about small possible problems;
• blue background - convincing formation of the detailed essence of business information.

Green - relieving nervous tension and acuity

This is the color of calm, reduction pain and fatigue, formation of balance. Associations evoked by color are freshness and naturalness. The contrast of the green font goes well with the yellow and white background, and the background with the yellow and white font. The effect of green font on the user with different background colors:

• white background - drawing attention to nice information;
• yellow background - display of unpleasant information;
• blue background - remembering the essence of business information.

Brown - stability, realistic mood

• white background - enhances the attributes of information;
• yellow background - strengthens the guaranteed result in the user’s mind;
• blue background - strengthens the cohesion of users in the team.

Red - tension, attention, action

• white background - highlight important information;
• black background - boredom;
• yellow background - association of users;
• blue background - the desire of new users to unite.

This is not a complete list of colors used in website designs, but I think my article will help you when conducting your next audit and getting better feedback.

Mmmmmm... here I quoted a post about how to remove radio creep from your blog. I read it carefully - what a long procedure, between us!
But that’s not about that now. About frames, background and font color and about your eyes and psyche. Because what is written in red on black is, in my opinion, a disaster for your vision and mood.)))))))))))))))))))))))))))))) )))))))))))))
So.

Table for clarity:

White - openness and neutrality
This is the background of black or blue font in a notebook, as well as the color of the font on the black background of the blackboard in the classroom, laid down for us since childhood. The contrast of a white font goes well with red, green, blue and black backgrounds, and a white background with the same font colors. The effect of white font on the user with different background colors:
red background - attracting attention to information;
black background - increased attention to background information and conclusion;
green background - soft information about problems;
blue background - convincing formation of the essence of information.

Blue - tenderness and softness
It is the color of harmony, friendship, affection and kindred spirits. The blue font does not contrast well against the backgrounds shown, but the blue background pairs well with the black, red, yellow, and white font colors. The blue background is used to lull the visitor's caution into action and also encourages him to make innovative decisions.

Yellow - sociability, sociability and openness
This is the color of balance and inner harmony; it is well remembered and perceived by cheerful, active people. Color activates the development and activity of thought; it is not for nothing that one of the directions for presenting information is called the “yellow press”, since it provides a long discussion of its information. The yellow font color contrasts well with the black, blue, green and red background, and the background with the black, blue, green and red font colors. The effect of yellow font on the user with different background colors:
black background - tertiary information and conclusion;
green background - soft information about small possible problems;
blue background - convincing formation of the detailed essence of business information.

Green - relieving nervous tension and acuity
This is the color of calm, reducing pain and fatigue, and promoting balance. Associations evoked by color are freshness and naturalness. The contrast of the green font goes well with the yellow and white background, and the background with the yellow and white font. The effect of green font on the user with different background colors:
white background - attracting attention to pleasant information;
yellow background - display of unpleasant information;
blue background - remembering the essence of business information.

Brown - stability, realistic mood
This is the color of self-sufficient people. The brown font goes well with the blue, yellow and white colors, and the background with the yellow and white font color. The effect of brown font on the user with different background colors:
white background - enhances the attributes of information;
yellow background - reinforces the guaranteed result in the user’s mind;
blue background - strengthens the cohesion of users in the team.

Red - tension, attention, action
This is an attention-grabbing color. Red font goes well with black, blue, yellow and white background colors, and red background with black, white and yellow font colors. The effect of red font on the user with different background colors:
white background - highlighting important information;
black background - boredom;
yellow background—unification of users;
blue background - the desire of new users to unite.

For some reason, nothing is written about the color black. Here's something I found:

Black- First of all, of course, the color black is associated with something sinister, secret, and terrible. (Black magic, a black cat are symbols of evil witchcraft, devilish forces, a black hand is a character of childhood fears, a black box is a complex, closed system).

Emotions and associations: power, sophistication, nervousness.

The strongest of neutral colors, black, appears on almost any website. It can evoke different associations depending on the colors accompanying it, or dominate them if used in excess.

The power and neutrality of black make it a great choice for large blocks of text, but as a primary color it can create a feeling of nervousness or even be associated with evil.

For most websites, black is used to create a sense of sophistication. The combination of black and white in a minimalist design creates an impression of elegance and style.

Yes, that's it.

As for the frames and fluttering sparkles, they are terribly awkward and tasteless. When I see it on a blog, I just switch to another one. I’ll only read it as a last resort if I desperately need information.

Good luck choosing colors for the background and font!

What I don't like about Chrome is the flickering white background when drawing the page. As far as I understand, this happens at the engine level, and cannot be changed at the user level, even if you change the colors in the OS. I think that at this point we need to throw a stone at the Chrome developers. Why do they determine the color of the canvas themselves, and not take it from system settings OS? The same goes for Skype and a number of other “serious” applications.

Opera

Not so much with Opera. All we could find was the Contrast Changer extension. Or a simpler option in the form of bookmarklet.
As an alternative to Clearly you can use online service Instapaper and their bookmarklet.
Also, the Stylish extension has recently appeared.
Selecting a dark theme. For example, Opera Simple Dark.

alternative to Stylish

Text editor

Microsoft Word 2010

before and after

To change the interface color:
File > Options > General > User Interface options > Color Scheme: Black. To change the color of the paper (background), you need to change the colors in the OS.
I can't help you with older versions of Office.

Another bonus of “white on black” for mobile devices what is the combination consumes less energy(because it emits less light). How much less? Don't know. I suspect that with prolonged reading it is quite noticeable. It would be interesting to see the statistics.

Vision hygiene

Contrast

As mentioned above, don't use too much contrast (max white on max black). Contrast ≠ readability. Light gray on dark gray is perceived more comfortably. Which shade of gray exactly is selected individually.

Contrast plays a role not only in the image on the display, but also with the world around you. That is, take into account the lighting in the room and try to avoid too much contrast between the lighting and the brightness of the display/colors. This is especially true for night owls. If you're already working in the dark, switch to dark color schemes- your eyes will get tired much less. The contrast between a dark and light theme in a dark room can differ by 20 times or more!

Distance

Don't forget about the inverse square law. If you are used to leaning towards the monitor, then when reading, increase the font size ( Ctrl+) and lean at least 15cm more back. This will significantly reduce the amount of light emitted to the eyes. Of course, the monitor has too large an area to consider it a point light source and apply this law to it. But as a simple example shows, when the ambient light is not too bright, leaning back from a distance of 55cm to 75cm, the illumination from the monitor decreases by 1.5 times (and even more in the dark). The recommended distance from the monitor is 50-70cm.

Breaks

Regular breaks from working at the monitor are more beneficial for vision than all of the above combined. But how does one remember to take regular breaks?

I absolutely loved the Workrave app. Adjustable for different time intervals and pauses of different lengths (for example, 3 short ones every 15 minutes, 1 long one every hour). Able to block the system certain time without the ability to cancel, which is very motivating to get up from your desk :) It has many little conveniences in the settings. For example, a few seconds before blocking, a warning pops up, and if you are too busy and don’t have time to pause, then you just continue working - the application will notice the activity (keyboard, mouse) and cancel the blocking. It also independently determines when you take a break and resets your timer.

Exercises

I suspect that most readers are familiar with the symptoms of computer vision syndrome such as spasm of accommodation (pseudomyopia, false myopia) or dry eye. There is enough information on the Internet on how to prevent these disorders through various exercises and gymnastics for the eyes. The main thing is to do them regularly, at least several times a day. I would like to separately note 2 types.

Human vision is designed in such a way that the normal state of the eyes (when the eye muscles are relaxed) is accommodation into the distance. Since under normal conditions the monitor is located relatively close to the eyes, the ciliary muscle is constantly tense to keep the lens convex to focus on close quarters. This leads to fatigue and spasms of the ciliary muscle (pseudomyopia), and over time to permanent visual impairment. Alternately looking far and near, compensates for this stress, for which you definitely need to break away from the monitor (which Workrave helps well) and periodically exercise at the window for a few minutes.

The second type is face palming.

face palming

Yes, yes, that's it. So every time you react to an epic fail, you have the opportunity to stretch your eyes. This method is also known as palming. There is still a lot of speculation and controversial personalities surrounding this word. Therefore, I will immediately make a reservation that I recommend this exercise Not as a method to improve vision, and as a method to relax the eyes. Darkness provides an opportunity to “rest” the photoreceptors, and the warmth of warm hands dilates the blood vessels of the eyes and stimulates blood circulation. It will also moisten the eyes, since for some reason a person blinks much less when working at a monitor. Well, considering that the brain spends most of its energy on processing visual information, this is also a way to relax the gyrus a little.
(house) and without lighting (at night). Daylight excluded because the result strongly depends on many factors (for example, weather) and has a large scatter in measurements.
Distance. For the long distance I took the length of my arm to be 75 cm. For the short distance - a slope of ~20 cm forward closer to the monitor.
Display brightness. Under conditions without clarification, I carried out measurements twice - with maximum brightness display and, accordingly, minimal.
Measurement results. I compiled all the data into one table. For comparison, I used the ratio between illumination in different conditions. As can be seen from the table, with “average” lighting, leaning back, the illumination decreases by 1.5 times. And in the dark, if you use a dark scheme, then the illumination decreases by 25 times.
Disclaimer! The results of the experiment do not claim to be universal, since the experiment was done “on the knee”. But I dare to assume that similar results will be observed in many everyday situations.
vision

black and white

color

Add tags