The first step, first of all, you should have two LOGO.
The second step is to modify the corresponding code and CSS.
The third step is to modify the JS file and add JQ code.
[1] The charm of color is infinite, and it can make things that are plain and tasteless instantly beautiful and moving. With the rapid arrival of the information age, the network has become rich and colorful. People are no longer limited to simple words and pictures. They not only want to get what they need through the internet, but also want to enjoy life and feel beautiful in the process. They not only need the webpage to be practical, but also need the webpage to look comfortable and pleasing to the eye. Therefore, contemporary designers not only need to master the basic website production technology, but also need to master the design art such as website style and color matching. This includes page layout design, brand design, artistic writing design and color matching design. Among them, color matching design plays a very important role in website design.
If you don't use language to communicate, color is the fastest way to convey information and express meaning. For example, when identifying plants, minerals, animals and other objects, color can easily help people distinguish; The goods in the supermarket can leave a deep impression on everyone, and what is needed is color. In people's daily life, the importance of color effect is beyond our imagination.
Color can be called a quiet salesman, which is to attract consumers' attention with color. For marketing, it is more important than anything to convey the information of what goods this is to consumers. Especially in the online world, consumers hope to fully understand the characteristics of goods through vision, so we must fully satisfy this psychology. In order to better apply color to web design, we must first understand the basic concepts of color.
There are many colors in nature, such as: the rose is red, the sea is blue, and the orange is orange … but there are only three basic colors: red, yellow and blue. These three colors can be mixed to make other colors, which are called the three primary colors of pigments.
Colors in reality can be divided into colorless and colored. White and black, black and all the gray segments between them become achromatic color, with no hue, only the change of light and shade. Achromatic colors can only be distinguished by differences in lightness. White is the brightest and black is the darkest. Colored refers to all colors except achromatic.
In the objective world, colors are ever-changing and different, but any color has three attributes, namely hue, lightness and purity, also known as elements of color. Moreover, when colors interact with each other, in addition to the above three basic conditions, various colors form tones with each other, showing their own characteristics. Therefore, hue, lightness, purity, hue and chroma constitute the elements of color.
Hue refers to the appearance of color, which is the name to distinguish the types of colors. Brightness (brightness of a color) is the difference between shades of a color. Brightness difference refers to the depth change of the same color, and also refers to the brightness difference between different hues. Purity (purity of color) is also called chromaticity or saturation. Adding white or black to a solid color will reduce its purity or tend to be soft or heavy. Tone means that a picture is always composed of various colors with certain internal relations, forming a complete and unified whole and forming the general trend of picture color. Color refers to the cold and warm tendency of color.
[2] After understanding the basic concepts and elements of color, we can have a deeper understanding of the impression of color.
Color is the first visual language of human body, which can affect people's psychology, arouse people's feelings, affect people's feelings and actions, and is related to most people's experiences and associations. Through the contact with nature and society, people gradually form the concept and association of color. Therefore, the symbolic meaning and impression of color is worldwide, and there is little difference among different nationalities. By analyzing several main colors in daily life, this paper discusses the impression and effect of design colors in web page making.
Red is the most eye-catching color and has a strong appeal. This is the color of fire and blood. It symbolizes enthusiasm, celebration and happiness. On the other hand, it symbolizes vigilance and danger. Red has a strong sense of excitement, and it often plays a leading role in the color matching of web pages and plays an important role in coordination and contrast. This is the most commonly used color. Consumers can easily associate red with the color of tasty, valuable and sweet wine. Therefore, it is mostly used for cars and similar goods with higher prices.
Yellow is the color of sunshine, symbolizing brightness, hope, nobility and happiness. Pale yellow indicates weakness, and grayish yellow indicates morbidity. Yellow has the highest lightness among solid colors. Red produces brilliant, gorgeous, warm and festive effects, while blue produces elegant, quiet, soft and refreshing effects. In the color matching of web pages, yellow is generally related to holiday gifts, and its use is also the color that designers pay more attention to.
Blue is the color of the sky, symbolizing peace, tranquility, purity and rationality. On the other hand, negative, indifferent and conservative. Blue, red, yellow and other colors can form a harmonious relationship. Diet and blue are not harmonious. People usually can't accept seeing blue in their diet, such as blue milk and blue steak. That's because a blue diet can be disgusting. On the contrary, if it appears in children's food, it will have an unexpected effect-like it. Therefore, in most web design, children's plates and cleaning products are mainly blue.
Green is a plant and a color, symbolizing peace and security, while the colors with taupe and green symbolize aging and termination. Green and blue are soft and quiet, and yellow is bright and fresh. In the color matching of web pages, because the visibility of green is not high, most of them are medium-sized colors used as foil.
Orange, the color harvested in autumn, is warmer and more colorful than red, and it is the warmest color among all colors. Orange symbolizes happiness, health and courage. Gao De, who studies psychology and life, once said: You can see orange in the highest energy. Healthy and simple people especially like orange, and the more nationalized people are, the less they like orange. (Goethe: Saemtliche Werke 10, die Farbenlehre, Muenchner Ausgabe)
[3] Purple symbolizes beauty, nobility and dignity, on the other hand, it has the meaning of loneliness and mystery. Lavender is made of shellfish, so it is expensive. Because of this, purple symbolizes wealth and strength, with a feeling of elegance and magic, while deep purple has a feeling of heaviness and solemnity. In the design of web page color matching, purple and red are gorgeous and harmonious, blue is luxurious and vulgar, and green is warm and mature. Used properly, it can form a novel and unique effect.
Black is dark and achromatic with the lowest lightness. It symbolizes strength, and sometimes it means misfortune and evil. In web design, it can form a good contrast and harmonious relationship with many colors, and its application range is very wide. Among them, black household appliances are expensive goods, and white represents pure white color, symbolizing purity, simplicity and elegance. As a polar color of achromatic color, white, like black, forms a bright and harmonious relationship with all colors, and forms a concise, clear, simple and powerful effect with black, giving people a sense of weight and stability, and has good visual communication ability.
A well-designed website should not only have the overall tendency of color composition, but also have the tendency of harmonious and unified colors. Just like people's clothes, the structure of information space also needs proper packaging and expression.
Usually, when designers start to make web pages, they will first decide the color tendency of the whole website, which determines the first impression the website gives visitors. The tone of the page is either lively or solemn, or elegant or warm. For example, Disney's page design is colorful, such as the color of the selector. May not be able to create a cheerful atmosphere; Apple's page color is mainly plain, and the crystal clear buttons and other details highlight the noble and elegant image of the product and the company itself.
[4] Colors are also different, and different websites will be different in this respect. Some art websites will take pains to show their creativity in various ways, and even pursue a "chaotic" style to flaunt anti-traditional design concepts.
[5] Next, it is also very important for designers to apply color applied psychology in web page color matching design. After determining the style and tone of webpage color, starting from webpage content and commodities, in order to attract and shock consumers, from the perspective of people in daily life, the psychological effect of color application is very important, which is also the most critical step and the last step in webpage color design.
The direct psychological effect of color comes from the direct influence of physical light stimulation of color on human physiology. Psychologists have done many experiments on this. They found that in the red environment, people's pulse will accelerate, blood pressure will rise, and emotions will be impulsive. In the blue environment, the pulse will slow down and the mood will be calm. Some scientists have found that color affects brain waves, which are alert to red and relaxed to blue. Since the middle of19th century, psychology has turned from philosophy to science, and psychologists pay attention to the psychological effect of color verified by experiments. Many color theories have made a special introduction to this, and these experiences have clearly affirmed the influence of color on people's psychology.
Cold colors and warm colors are physical classifications of colors according to psychological illusions, and the material impression of colors is roughly produced by cold colors and warm colors. Red light, orange light and yellow light with long wavelength all have a warm feeling, so light hitting any color will have a warm feeling. On the contrary, violet light, blue light and green light with shorter wavelengths have a cold feeling. In summer, when we turn off the incandescent lamp and turn on the fluorescent lamp indoors, we will feel cool. The same is true of pigments. Using cool colors on cold food or cold drink packaging will visually make you feel cold about these foods. In winter, changing the curtains of the bedroom into warm colors will increase the warmth of the room.
The above feeling of cold and warm does not come from the physical real temperature, but is related to our visual and psychological association. Generally speaking, people need both warm colors and cool colors in their daily lives, and so does the performance of webpage colors.
Through the exploration of web page color matching design, it is not difficult to find that the important task of design lies in grasping the theme connotation scientifically and accurately, pursuing excellent design creativity and constantly exploring new art forms, so as to enhance the expressive force of design works and enhance the power of touching people's hearts.
[6] The aesthetic trend of modern and contemporary art mainly depends on the following aspects.
1. The fierce market competition has promoted the constant competition of expression methods. In order to make the web page more attractive to consumers and impress visitors, so as to increase traffic and promote products, the design of the page is very strict and challenging, including color matching. Designers need to constantly acquire new knowledge and development trends from the fields of chromatics, psychology and even art design.
2. To adapt to the development and changes of contemporary aesthetic psychological trends. As a purposeful artistic creation activity, design has a clear subordinate relationship and must adapt to the material needs of social development. In addition, it must adapt to the development and change of social aesthetic culture in the whole era. Therefore, the application of color expression in web design works should not only obey the expression of web style, but also adapt to the aesthetic concepts and interests of specific consumer groups accepted by web pages, so as to effectively complete its communication process.
3. Infiltrate and integrate the content of artistic expression with other arts. This is reflected in the application of artistic color in web design and the overall layout structure design.
By understanding the above color principle, color matching technology and artistic aesthetic requirements, we can find that the requirements of color matching design in web page making are very important. We should be good at using the harmonic function of color and non-color, define the tone on the page, and pay attention to enriching the spatial level of page composition.
Only by using colors naturally and harmoniously in web design can web pages gain the power of life. It is like a vigorous and full green tree, passing the breath of life to people on the journey through infinitely extending branches, so that they have to stop and admire! However, it is not difficult to master color matching. Nature is undoubtedly the best teacher for designers. She shows us such harmonious and wonderful colors for free day after day. Since ancient times, people are familiar with this kind of harmony, and it is easier to accept it.