What color does light yellow go with in web design?

Color collocation of web page art design

The color matching of web page art design is very important, and the technology involved in web page design is essentially more of an art. The following is the color matching of web page artists I have compiled. I hope it helps you!

1. Determine the main color.

At the beginning of web design, the first thing to consider is the color determined for this website. Generally, a general color positioning will be made according to the category of the website and the determined page. On the page, besides white as the background, a large number of colors are the main colors of this page. For example, agricultural websites generally choose green and artistic websites, metropolises choose colored or black ones, and many industrial and commercial websites choose red ones. So different colors give people different feelings, and at the same time let visitors feel the designer's emotions. A slight change in the saturation or transparency of each color will make people's mood have different' changes'.

Red: It can make people's thoughts active, exciting, full of energy and enthusiasm.

Green: between cool and warm colors, it makes people feel harmonious, quiet, healthy and environmentally friendly.

Gold is often paired with white, which makes people feel comfortable and elegant.

Orange: It is easy to create a relaxed, warm and fashionable atmosphere.

Blue: reflects the professional theme, making people feel fresh and fresh. Light blue combined with white can also create a romantic and warm atmosphere.

White: Color matching makes people feel clear and fresh. ;

Black: It makes people feel depressed and sad, and at the same time it makes people feel mysterious and deep.

Gray: create an elegant and gentle atmosphere, but also suppress emotions and produce a sense of decadence.

Choose similar colors.

When matching the colors of web pages, try to control them within three colors. After choosing the main color, match it with similar colors, such as yellow with light yellow and dark pink with light pink, so it is easy to make the colors of the web page harmonious and unified.

Header: you can use the reverse color of the main color, usually dark, and put it in a position that is convenient for visitors and can be seen at the first time.

Text: The text of a web page requires high contrast, such as dark gray characters on a white background and light gray characters on a black background.

Navigation bar: Choose dark background color and background picture, and then match with contrasting text color, so that navigation can clearly and accurately guide visitors' position in the website.

Sidebar: You can choose the left side or the right side. Most secondary pages choose the left column, and few tertiary pages choose the right column. It also plays a role in guiding readers to browse the website information, so that the colors of the subject can be distinguished.

Tail: You can consider using the same color as the sidebar, or the color that echoes the head to avoid the top-heavy page as a whole.

3. Use jumping colors.

In web pages, the colors used to guide the eyes can be some jumping colors, such as some thin lines and buttons. , which can increase the flexibility of web pages and reduce aesthetic fatigue.

Use black and white.

No matter what the main color of the website is, it will be black and white. Adjust the white area of the blank page with white to make the page layout more scientific and reasonable. Black and white show two extremes of brightness. Black and white collocation can show a strong sense of art. As long as it is properly matched, the reflected effect will often be more vivid than colorful pages, and it is often used in modernist websites. Because white has a strong affinity, it can best reflect the purity and softness like snow; The mystery revealed by black is incomparable to any other color, and black can also be used to show noble temperament.

; Web design and production process?

The analysis is as follows:

1. Download and install Dreamweaver first. After opening, create a new web page. You usually choose "HTML" to create a web page. Selecting the "classic" interface will help us to use the software more conveniently.

2. Select the following three interfaces: coding, splitting and design. Generally, the default interface is designed, which is more intuitive for beginners and can make the webpage better.

Let's make a website and build a file on the computer as the root directory. All the files and pages of our website are saved in this file. The function of a website is to make the framework between pages of your website clear. Give the website a name at the same time.

4. Then, create a file under the root directory of the website to store the pictures of the website, and set the default. In this way, all the pictures you add to this website will be automatically saved in this file and will not be lost. Please note that this document should be named in English. Let me introduce it with the basketball information network I created. Click the Basketball Information Network-drop-down management website-click Advanced Settings-and set the default picture folder as the newly created picture. Save.

5. Make the homepage of this website first, and learn to add pictures first. Insert-Image-Select the material to add. Click on the image to edit the following properties, modify the image size, add hyperlinks and so on. Next, I will modify the size of the picture for demonstration.

6. Let's learn to add text. Edit "Basketball Information Network". You can set the text font, add hyperlinks, and so on for the following properties. Click page properties to edit text properties in detail.

7. Web pages are basically a combination of words and pictures. Adding videos also requires learners to search Dreamweaver's videos for learning. Remember to save the web page after making it. The file is in the upper left corner-save.

8. Finally, we learn to add hyperlinks. I use the second web page to demonstrate. Select the basketball information network text, click the Properties-Links-Click the File button at the bottom of the page, select the first webpage, and the basketball information network text will turn blue. This is an internal link of a website, and on the contrary there is an external link. If you add a picture, you must write http:// ......

9. Finally, we browse the web. File in the upper left corner-browse the webpage in the browser and click two links in the webpage to reach the specified webpage.

Extended data:

web design

When designing a website, we should pay attention to two points: overall style and color matching.

style

The overall style and creative design of the website are the most difficult to learn. The difficulty is that there is no fixed model to refer to and imitate. Give you a theme, no two people can design exactly the same website.

The style is more abstract. Refers to the comprehensive feeling that the overall image of the website gives visitors. This "overall image" includes CI (logo, color, font, slogan), layout, browsing mode, interactivity, words, tone, content value, existence significance, site honor and many other factors.

Color matching

Whether graphic design or web design, color is always the most important part. When we are far away from the display screen, what we see is not a beautiful layout or a beautiful picture, but the color of the webpage.

Web page color matching skills:

1. Use a color: This refers to selecting a color first, and then adjusting the transparency or saturation to make the page look uniform and layered;

2. Use two colors: first choose a color, and then choose its contrast color;

3. Use color system: In short, use a feeling color, such as light blue, light yellow and light green; Or khaki, khaki, khaki.

In the web page color matching, but also remember some misunderstandings:

1. Don't use all colors, try to control within three to five colors;

2. The contrast between the background and the previous article should be as large as possible (never use complicated patterns as the background) in order to highlight the main content.

References:

Baidu Encyclopedia: Design

What color does ppt blue match?

What color does PPT blue match? If it is blue, it can be matched with black and white, which is a more versatile color. Relatively speaking, white is more common, so it seems that the whole page is more relaxed. In addition, red and yellow collocation is also a good choice. Red, blue, yellow and blue look more prominent.

What should a successful web design pay attention to?

When we design a website, we often pursue the webpage to give people a beautiful and generous feeling. From the operational point of view, it is necessary to pursue a good user experience. So what points should be paid attention to when designing a web page? The two main points of web design are: overall style and color matching.

First of all, determine the overall style of the website and put your logo in the most conspicuous position on each page as much as possible. Highlight your standard color. Summarize a slogan that can reflect the essence of your station! The effect of the same type of pictures is the same. For example, the shadow effect is used in the title text, so the shadow effect settings of all the title text appearing in the website should be exactly the same!

Second, the color of the web page matches a color. This means choosing a color first, and then adjusting the transparency or saturation to make the page look consistent and layered. Use two colors. First choose a color, and then choose its contrast color. Use a color system. Simply put, it is to use a sensory color, such as light blue, light yellow and light green; Or khaki, khaki, khaki. In web page color matching, we should also remember some misunderstandings: don't use all colors, try to control them within three to five colors. The contrast between the background and the previous article should be as large as possible (never use complicated patterns as the background) in order to highlight the main content. Dreamweaver, a tool for web design, is an auxiliary tool for editing HTML, ASP, JSP and PHP. Frontpage is the same as dreamweaver, but personally, dreamweaver is better. FLASH web pages are the first choice when pictures need to flow. PS image processing software, general web pages are needed. With pictures, PS is a very powerful tool. FW, like PS, is an image processing software, but FW is biased towards the processing of web pages.

The application of hiking theme in word?

The specific steps of setting the theme of hiking with Word with a light yellow background are as follows: The materials we need to prepare are: computer and word documents.

1. First, we open the Word document to edit.

2. Then we click the inverted triangle under "Theme" in the open page layout and select the built-in theme "Hiking".

3. Then we click "Page Color" in the page layout and select light yellow.