The Golden section method of Web page color matching

Source: Internet
Author: User
Tags format
Color | Web page Well known, there is a golden point of--0.618 in mathematics. It is said that the division is the most aesthetic, from Meimei stature to high-rise building, from art to painting all out of its left, so called "magic" golden point of division. At the same time, people also carried out a lot of research, the results are a lot of "magic" argument. However, we are realists, "magic" is not to talk about, or to see how to use its "magic" to solve my problems- page ColorGolden section of the method.

The prawns who made the baked Chicken (homepage) know that the font color of the background and foreground of the Web page is more troublesome. If the background color and font color collocation is unreasonable, it will make the page effect greatly reduced. If the contrast between the background color and the font color is too large, it will be too dazzling, if the contrast is too small, it will make the page style become too dull. To achieve the best color is really trouble, the custom-〉 viewing effect-〉 unsuitable-〉 from the beginning ...,

To the end we found that most of our valuable time was spent on it. But don't worry, with my " page color of the Golden section" After, you can greatly save your time. Don't fight! Don't fight! I'm going to get to the point. Woo ... )。

The basic principle of the Golden section is this: adjust the contrast (background and foreground) of the color to the position near the 0.618 ratio. Below I take FrontPage 2000 as an example to explain the specific operation.

1. Select the background color (remember the brightness value of the color). Open FrontPage 2000 Right-click, select Page properties, eject the Page Properties dialog box, select the background cell (or the background option under the Format menu), and select any background color you want in the background color options. Then determine (choose olive rgb:0,128,0 Brightness In this example: 60).

2. Select the foreground color. Select the format-〉 font, and choose "Other colors" in the font color. Select Customize after pop-up Color dialog box, pop-up Windows Standard Color dialog box (pictured):

    

3. Calculates the brightness value. If the brightness value of the background color is 0-92, the brightness in the above dialog box is determined as x+148, and the X-148 is defined as between 148-240. Then choose any color you think is reasonable (the brightness value does not change) as the foreground color. The principle of selection is as follows: The maximum brightness value is 240, the golden segment value is 240x0.618≈148, that is, the brightness difference is 148 for the best contrast, so the selected foreground color and background color brightness value at least one between 0-92 or 148-240, the other brightness values are not selected (strongly recommended).




Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.