Web design to decide the color scheme before designing the layout

Source: Internet
Author: User

Article Description: Web design to decide the color scheme before layout design.

  Web DesignWhere are the attractive places? Is it a picture or a layout of the content? Or the content of the site determines the value of the site. All of these factors play their part, but it is the color scheme that determines whether the design is brilliant.

Experienced professionals can tell you a lot of tricks, such as a color scheme that might fit a design, but not necessarily the other way around. Should the color scheme be selected before or after the layout content? Today we are going to find the answers to these questions, and in this article, you can find a lot of free resources to choose your color scheme.

Please note: This topic is very broad, the single such a small article can not cover all content. Therefore, I provide a link to the relevant resources, in case you learn this article, this is a good choice.


   Introduction to the color combination

There are several ways to choose a color combination. Let's take a quick glance at them.


    • Monochrome (method): This is my favorite method, it has a separate color bottom, we just need to adjust its chroma and proceed to design. Single color looks elegant and beautiful, and easy to blend the pure color inside. But it's not easy to create eye-catching designs with a single color combination.
    • Color Supplement method: A cold color and a warm colors to match. For example, your title is dark black, but the content can be white. This is also the most used method of website design.
    • Three-color combination method: As the name suggests, this method uses the color wheel medium chroma distance three kinds of color collocation. (Color wheel as shown above)
    • Four-color combination method: The same as the three-color combination, the four-color group of legitimate use of four color matching. (The image above shows a combination of the four-color group)
    • Simulation Method: The simulation method is my second favorite design style. This method borrows three colors from the color wheel, such as purple, red, and orange.

These are the most basic color scheme methods. Designers can also design other color matching methods, if you have some experience, you can design your own method. For designers, practice makes perfect.


   color and its applicability


As you know, each color comes with an emotional color that you can experience with the purple legend above. Websites associated with soft topics usually use red, because red represents passion. If you want to know more about colors and their applicability, see this information map the color psychology of Web designersFor more information. Because the template layout also has a certain color, this explains why one color applies only to one design template, not to another template. When you change the color scheme, it does not match the overall feel of the template. For example, if you design a page, the distinctive image boundaries of the page are a symbol of power, this page applies to a gym-class web site; If you design the color scheme as pink and purple, then the template will be gone.


   layout and color schemes



Now the question is, should we choose the color scheme before or after the design? According to the needs of customers, you will get some color suggestions, the best choice to let customers make decisions.

If the customer chooses the most basic color scheme, you won't be confused when you design it. In this way, your design color to cater to the customer's preferences, customers are likely to be satisfied with your work.

Therefore, in the design of the layout of the decision before the color scheme, this method is suitable for me. I think you should try this technique as well.

   Conclusions

Whenever you receive a customer, you should list some of the appropriate colors according to the nature of the customer's business. Ask the customer their favorite colors and design the layout according to their preferences.

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.