I. Pick Color
1.1 Select Color in the Designer
Click the small triangle on the right side of the background, click More Colors, and click the Custom tab. The HSB or RGB value here is the exact color we need to get, as shown in the figure below.
RGB is a machine-friendly color mode, but it is not humane enough, because our understanding of color is often "what color? Bright or not? Bright or dark?" HSL mode and HSV (HSB) are both based on RGB. It was created as a more convenient and friendly method.
HSB stands for Hue, Saturation, Brightness. HSV stands for Hue, Saturation, Value (Hue, Saturation, Value), also known as HSL, where L stands for English: Lightness.
Hue (H) is the basic attribute of color, which is the usual name of color, such as red, yellow, etc.
Saturation (S) refers to the purity of the color. The higher the color, the purer the color, and the lower it is, it will gradually become gray. The value is 0-100%.
The brightness (V) and brightness (B) are 0-100%.
Note: Microsoft Office series use HSL, while Photoshop etc. use HSB. Fanruan Designer 7.11 and earlier versions use HSB, and version 8.0 uses HSL.
1.2 Color Drawing Tool
If you see a good table and color matching, you can use the drawing tool to get the specific color value, the method is as follows:
You can use the screenshot key PRTSC on the keyboard. Usage: After pressing the PRTSC key, open the system's own drawing tool in the attachment (of course, other things are okay, this is only an example), and then press Ctrl+V, and the following figure will appear.
Click the color picker, select the position to pick the color from the picture, and then click Edit Color, and then the menu for editing the color will pop up. Look at the specific RGU value that is the RGB we need.
1.3 Designer Picks Color Directly
The new version adds the function of designer to pick colors directly, as follows:
1.4 Recommended Colors
Note: The following are all HSB color settings.
II. Table
| 1. The lines of the table should not be too heavy, especially do not use deep vertical lines, and the color of the horizontal lines should also be slightly lighter |
| 2. The color of the meter head is more conspicuous than the color of the meter body |
| 3. The effect will be better when Microsoft Yahei and bold fonts are used for the body of the watch, and it can also be bold |
| 4. The data in the table should be aligned and the cell spacing should be moderate. When aligning, if there is a comparison of the amount of figures, it is best to use the right alignment, generally the center alignment is more |
| 5. Use the frame of the table flexibly, you can get some better effects, and highlight the three-dimensional sense. (Three-dimensional graphs are generally gray, light gray, and silver) |
| 6. Pay attention to the position of the title, center, left or right will have different effects |
| 7. European and American style reports are generally a combination of gray, blue, and dark red. Lines and lines are usually distinguished by the same shade of color, and there is generally no border. |
| 8. You can add some small icons in the header, and the effect is good. If possible, background images can be added to the header and footer |
Below are some examples of tables.
Example 1:
Example 2:
Example 3:
III. Chart (PC)
3.1 Technique One
The chart of the FR designer uses the default color scheme (because the color tone is relatively dark), so it is best to use "gradient highlight" for column and pie charts. If you match the color yourself, you can choose a lighter color, not too bright and too eye-catching. The available colors are: blue, gray, dark red (not bright red), orange, and green. However, the color must not be bright. Also, the colors should match the shades.
From this position, you can get the desired color faster:
a) Choose gray: choose S
b) Choose other colors: choose B
3.2 Technique Two
When designing a chart, it is best not to use floating elements, because many effects cannot be produced.
3.3 Technique Three
Clever use of the rounded borders of the chart area can get good results; there is also the position of the legend, generally high reports, the legend is placed on the left, and the long reports are generally placed on the top or bottom.
3.4 Technique Four
The background color of the chart is very important. It can be used cleverly to get different effects. In the background color, you can also set intervals or gradients to get unusual effects.
3.5 Technique Five
The layout of the chart is very important, it is best to be regular, where there is a circle, pay attention to use a bottom, there is a square also has a circle. All the charts should not appear too messy together.
3.6 Technique Six
Nowadays, the style of the chart is becoming more and more popular with large color blocks, mainly the style of Win8, so when matching colors, you can directly take the color of the Microsoft logo.
3.7 Technique Seven
Choose the right chart, line chart, area chart, column chart, etc., two-dimensional and three-dimensional can be tried, the emphasis is on complementarity. Art design principles, refer to more, check more, pay more attention to details.
Previous：Set Button Vertical Text Display
