Choose a color consistent with the brand, use contrasting colors for the navigation menu bar, and do not use a lot of red and green at the same time ... Today's good article, popular science has 8 simple and practical web color matching points, let's collect together!
Different preferences, some people like monochrome and some people like bright color, the solution also changes with preferences. When you choose a color, you must conduct a deep review. Strategically consider and constrain your personal emotions.
This note mainly describes the eight points of color selection for web page production.
01. Deciding on brand image
In many reasons for building a website, it is common to convey a specific feeling. So at this time, it is very important to choose a good color. What kind of feeling you want to convey, users can understand it well without reading the content.
On the websites of ecology-based companies, the inspiration for color matching comes from nature; if the company mainly sells toys, it needs to choose interesting and bright color matching. The meaning behind each color used is very important.
It is very important that the color used in brand promotion is the same as the color of the company's logo design. For web designers, the increase in online sales is reminiscent of what traditions or concepts and how to use effective photos.
Although there are many ways to make users feel the same when they make a purchase on a webpage as in a physical store, the website operator needs to let web designers notice this, as do new and innovative webpages, or Say you can get a shopping experience on top of this.
The ultimate goal is to provide users with a comfortable feeling. Therefore, when updating the latest information, we must pay attention to having a unified brand awareness.
02. Decide what message you want to pass
Use gorgeous colors for messages, or make it particularly attractive, and have a unique charm when compared individually, providing users with such an interesting experience. If you already know that you are targeting those users, it is not difficult to consider their preferences. This is also very good news.
03. Intuitive navigation menu bar
When you see a website, maybe you have a lot of great ideas, but you also need to follow some rules of the navigation menu. The users are watching one by one in an orderly and intuitive way. In addition to the basic actions, prevent the actions that confuse the user.
To guide the user to a specific area, there are several visual effects to choose from, and using a color scheme to highlight the contrast is a typical method. The diagonal layout is called Diangonal Balance. It is especially used for top-down layouts. We can find it in the basic settings menu in the upper right corner. And US web pages are often used in technology.
Use the opposite color scheme to highlight the layered sense of each option, and users will know what they can click on in these items.
04. Decide what is important
Users don't know what important intelligence and news you have. In this case you need to tell them in the middle of the screen using bright colors. By doing this, users will try to look at this part first.
In order for users to pay attention to them, it is also useful to use a website with a black text layout on a white background. To break the monotonous look, it becomes very simple if you use accent colors. There are also reasons to use very bright colors in order to show text and hyperlinks, which is also a very popular design trend now.
05. Consider the importance of information
In the website, we hope to highlight such elements as [register] or [purchase]. And buttons like [Cancel] hope users don't notice it as much as possible, because they are not the main elements, and they can be controlled by some common settings.
We can design the buttons with text with a small font or a natural color close to the color of the photo, so that users do not pay attention to [Cancel]. If you place the [Register] button, which was originally in the upper right corner, in the middle of the screen, the effect it achieves is self-evident. By adjusting the size of the buttons and writing them clearly, users can understand exactly what you mean.
At the same time, in order to highlight the main element buttons, you need to pay attention to their size and color contrast, which can prevent users from forgetting to press the button.
06. Consider the color of the picture
In order to give the user interface a more rowing experience, you can also combine colors with pictures. From the background image that fills the entire screen, to the thumbnails of the products you want to sell, consider them into the composition, and focus the user's attention. (The color scheme of the example picture and those OX □ Δ made me almost use it as a PS4 promotion page)
In fact, on more professional, sophisticated websites, red, green, and blue are best not to be used. Websites made in monochrome will often deliver better information. This is also a special effect used by many web designers.
07. Limit the number of colors used
As you can see, some users' eyes are amblyopic, while others are invisible to any color. In most cases, red and green blindness is the most common in color blindness. If you use a lot of red and green in your design works, they will be confused.
As can be seen from this designer, in this interface design, it uses a large amount of red as the main element, so that it can avoid the problem that red and green are difficult to distinguish.
08. Decide what is most important
For example, the symbols that represent a country or religion, and the meanings of colors, are different because of different local cultures. As a designer, you should first understand what kind of user you are facing. When considering color matching, you should consider these issues to ensure that the meaning conveyed is not misunderstood.
Sometimes the meanings of colors are similar (in Chinese red means luck (English: Luck), in the United States it means Love (English: Love)) is not so important, but like white or black because of religious reasons Different, it will destroy your design as a whole, please pay attention to this.
As we have seen this time, it is important to understand the meaning of color matching. Whether it's creating an intuitive interface or using it on a brand, you can convey exactly what it means. Using colors correctly is like magic, reflecting your design accurately.
If you want to understand the meaning of color, it takes a long time to learn, of course, it will also better let users understand the fun contained in your design works.