Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞
Web design is an emerging cross-discipline of design and network. In recent years, with the development of the network, people have gradually paid attention to it. It uses the network as the carrier, send all kinds of information to the audience in the quickest and convenient way. Under the requirements of such standards, there is a gradual aesthetic demand. People are constantly pursuing beauty, as is web design. The web page is far from enough! We need to consider how to attract more and more efficient users to receive information on the web page, so that they can make a good impression on the website, so that they can better promote the operation of their own website. This requires starting from the aesthetic aspect and making clear and integral pages based on the convenient usage requirements. It makes it easier for people to browse and receive information. At the same time, it enhances the website image. Using some basic forms of beauty in graphic design to go to the web page can make the web page more aesthetic, for example, the rhythm and rhythm in the graphic design and the form of bone cells into the web page, this will make the pages with a large number of contents more organized, and the primary and secondary pages will be viewed by people. Of course, this kind of beauty is first established on the page to enrich the content, and is practical. A blank content web page will not attract people even if it is beautiful. It won a few praises at most and has no use at all. Things without practicality will not have vitality. If you want to make the page more beautiful, you must use a good aesthetic quality and have rich experience in graphic design. In this way, you can be familiar with the design.
Since Web pages are from scratch, from meeting basic functional needs to pursuing a higher level of beauty, this is a step-by-step process. This reminds people of the eve of the Industrial Revolution. Many modern products did not exist at that time, and there was no ready-made appearance to refer to. The product design was designed to meet the basic functional needs, so the products made are very rough, cold, and lifeless. As a result of commercial competition and industrial production, people constantly improve the functions of products. What is more important is to improve the appearance of products, which is more in line with the needs and ease of use of products. As a result, a wide array of beautiful products appeared on the shelves today. I think the same is true for Web pages. after satisfying the basic functional requirements, we must start with aesthetics to highlight our own characteristics and advantages. What is the current status of many Chinese websites? Users who frequently access the Internet may have some experience. There are many shortcomings in the current webpage. The following is a simple analysis, hoping to get some inspiration.
The first one can be described in one word, that is, "plug ". This is a feature of many web pages. It inserts all kinds of information, such as text, images, and animations, into the page without consideration. The number of crowded pages is not standardized and organized, let alone art processing. As a result, browsing may encounter a lot of inconvenience, mainly because the page is varied, regardless of the primary and secondary, there is no good classification, the whole is a big hodgedge. It is difficult for people to find the information they need, let alone the efficiency. This kind of Web page does not consider using a beautiful form to present information on the page in a more holistic manner. Therefore, the design content of such web pages is quite low. Not only functional analysis. From an aesthetic point of view, such pages are too full and too congested to give readers a little space, so there is no aesthetic.
Second, you can also use the word "Flower" to describe such websites. Obviously, this is made by many people who do not understand design. Most of them make the page fancy, but it is not practical. For example, they use a very deep image with a fancy pattern as the background, which seriously interferes with browsing and is difficult to obtain information. At the same time, some images, text, and animations of different colors and styles are also used. Make the page colorful. Although there are not many pages, browsing is still very difficult. This kind of excessive packaging is even better than without any decorative pages. Without decoration, at least it will not damage the needs of its basic functions. Therefore, this kind of webpage is a shoddy product and is not responsible for its own audience. Maybe their original intention is good, that is, they want to make their pages beautiful, but the result is counterproductive. It is a taboo in web design.
The third misunderstanding in the current web design is that it lacks its own characteristics. when we open the computer and access the Internet, it seems that all websites are the same. This applies from placement of titles, arrangement of buttons, and animation. If you want to use the color, you only need to distinguish the source text from the background. This is why Web designers do not take full advantage of their knowledge, analyze the advantages of their websites, and give full play to the characteristics of their websites. Instead, they adopt shortcuts, it is easy to do it in a popular way, but the web pages that have lost their own characteristics are like products that come up and down on the pipeline, as if they were all the same, in this way, it cannot serve the purpose of webpage design. At least not a design. This is also a manifestation of being irresponsible to your users. Of course, this is not one-sided aesthetics. It is not just a fancy to the beautiful page, regardless of the inconvenience of the audience. For example, some web pages integrate buttons into the images on the page, which is pretty and overall. However, the audience sometimes cannot find the button, making it difficult. This is also not desirable.
Based on the above analysis, we can find out a lot of deficiencies in the current web design, especially in aesthetic aspects, and take care of the functional needs of web pages, some beautiful forms need to be targeted. To make webpages more angry and attractive.
Then, the factors that add beauty must follow certain rules of formal beauty. This kind of form of beauty has many kinds of reasonable use, can add luster to the web page. Pleasing to the eye. It is more efficient for the audience to browse and effectively improve the image of the website. Next we will analyze these beautiful forms one by one, and consider how to integrate them into the web page to solve the aesthetic deficiency of many web pages.
Since ancient times, many artists and scholars have proposed various laws on the form of beauty. Many works that can withstand scrutiny follow these rules to create their own aesthetic values. Therefore, in the web design process, designers must study and master and actively and consciously use these rules to create good works. Of course, there are different design aesthetic concepts and aesthetic characteristics in different times. Today, when information is particularly developed, the competition is becoming increasingly fierce, bringing new aesthetic requirements to people. For web design, it is objectively pushed to a higher level of performance realm, this is an inevitable trend in web design. To pursue a kind of harmonious simplicity, that is, to pursue clear visual impact and great tension, we should combine the laws of beautiful forms with the specific problems of modern web design. The following is a detailed description.
Let's talk about changes and unification. Changes are the differences between components, and they are the internal associations between parts. The perfect graphic design should be in a rich and organized form (that is, to deal with the size, radius, movement, strength, and other aspects of the image; the Organization should be orderly, not monotonous, not chaotic. That is, the processing of the master-slave relationship, narrative relationship, and echo relationship of the image ). The Application of the Rule of change and unification in graphic design is the process of dealing with the unity of opposites between the image and the organization. This rule should also be used properly in web design, when we put a large amount of information into the web page, we should consider how to arrange them in a unified manner, so that the overall feeling is strong and changes at the same time, in this way, the page is richer and more angry, and it does not seem boring. Many websites, such as sports websites, have posted dozens of news from top to bottom, but have not changed a little. It seems monotonous and boring, it is against this pattern of beauty, so we need to make full use of changes to improve it, from the layout form or color.
Let's look at the organization and repetition, where repetition is a regular continuous and extension, organized changes and extensions are summarized and summarized, and summarized and organized ,. The principle of organization and repetition is the basis for the overall structure of order and beauty, the unity of changes, and the expression of seeking coordination and consistency in the development of motion, from which he can evolve a variety of graphic changes. This method is widely used in many excellent websites and is also widely used. At this time, many websites are rich and have a large amount of information, so they have to be organized in some ways, at the same time, it is summarized and reused to a certain extent, so that the webpage is more neat, the context is clear, and the reading can also focus on. Of course, websites with less content also need to be organized and repeated to achieve a more changing and clear visual effect. Such as the rational arrangement of text, the combination of pictures and text. How to respond.
Comparison and reconciliation. Comparison refers to the interaction between the two elements that greatly differ in quality and quantity. It makes us feel that they interact with each other. Comparison is a method used to make theme images changeable and angry. Reconciliation is the relationship between parts and parts of beautiful objects. There is no conflict in terms of quality or quantity. the feelings and thoughts conveyed by each part are not mutually separated or exclusive, it is an overall unity of some diversity to express the status of beauty. In web design, how can we use it to achieve good results? First, make rational use of the comparison factors, such as text layout, font size, width, color, image width, proportions, transparency, and placement of positions, the ultimate goal is how to achieve a strong visual effect. In addition, we also need to find the factors of reconciliation, that is, the contact points of the diagram, so that the overall feeling is prominent, it is not just a sense of separation due to comparison. Only by complementing the comparison and reconciliation can the webpage be highlighted and highlighted to better convey the intent of the designer.
Uniformity and balance are formed by the unity of the contradiction between power and center. They are two types of organizational structures that achieve center stability in design, the uniform organization method is that no matter which of the central axis and the central pivot point is configured with the same number of images, the overall structure of the image is required to be rigorous, the form is neat, and balanced. In fact, it is also a balance between the central axis and the pivot point. What's different is that the configuration is equivalent and unequal. It does not have a certain organizational principle, as long as it can grasp the center in the form structure, it requires a natural and reasonable form. Therefore, the balance is flexible and dynamic. In webpage design, how can we compare the quantity and quality of groups on both sides of the entire page based on the full consideration of all the images and texts on the overall page? Is the accumulation of experience of a designer. The balance on the page is a dynamic balance, because the configuration on both sides of the page is not always the same, that is, the right side of the picture on the left is a picture, that is not much. More often, it is the balance between a graph and a text, a large color, a light color, and a small color-heavy graph, as well as the balance between the density and size of the text, therefore, this is a dynamic balance. Only through continuous practice can we be able to use it easily in this respect. Satisfying people's overall visual balance. This is also a graphical representation of human psychological factors. Of course, it is not a one-sided pursuit of static symmetry. At that time, rigid and invivid, will also lose the aesthetic.
What do you think about the blank space on the webpage? I don't want to leave the whole page blank until it is filled up. I think that as long as reasonable arrangements are made to balance the page, even if some areas on one side are left blank, it will not be blank, on the contrary, this will leave a broad space for people to think about and give people a pleasant aftertaste.
Let's talk about the rhythm and rhythm. All things in a movement have a regular pattern of rhythm and rhythm. The rhythm and rhythm are originally expressed through vision and hearing in music, dance, poetry, and film art with time forms, the rhythm itself has no image features. It only indicates the speed, strength, and intermittent tempo of a thing in motion. The pace can be said to be a systematic and repetitive development. It carries mechanical order beauty, rhythm is the trajectory of the movement between each cycle, and it carries the image characteristics. In the use of specific web design, button orchestration often encounters this problem. Well-performed buttons can make the buttons together have a music-like aesthetic, without compromising its practicality, it is a pity that there are too few similar items, because they need not only the shape, but also the overall color and size.
The above only discusses several beautiful rules that are very close to the form of Web Page production, as well as the use of web pages. How can we solve the unique problem in Web pages? I think this is not just a matter of aesthetic form, but it mainly needs to consider the website's high point and integrate its overall image, such as website logos, standard fonts, and standard colors, because these aspects are distinct from each other, how can they be the same if they integrate these unique design items about their own business philosophy into web design? For example, if you use the standard color of your website as the tone of your webpage, it will not only be unique, but also be of great benefit to the image of your website, as we often see, the blue and Coca-Cola colors of IBM are red and white. This is an important part of the painstaking efforts to create a corporate image. If a website wants to establish its own unique image, it must start from these aspects and unify the expression of various information on the webpage into the overall image of the website. It will leave a profound and unique image for people.
As the law of formal beauty, we are constantly developing and improving with the different times, especially in the era of the Internet with a fast pace of life. Due to the changing objectives, our aesthetic concepts are constantly changing, however, the essence of beauty is the same. With the development of technology, many aesthetic forms that are not easy to implement are gradually overcome, breaking through the bandwidth bottleneck. It will provide a new world for the free development of web pages. Our pursuit of beauty never stops. As designers, we must constantly improve our own quality in order to make a better and aesthetic webpage.
Induction of Image Thinking
Our experience with environmental things stems from past contacts. Even if the body is not exposed to the body, you can determine its hardware, software, thickness, weight, cold and hot ...... Despite the different learning experiences due to the background of life, the sensory experience accumulated by most people is completely similar after unconscious induction and sequential instinct.
In terms of physical functions, the line or color itself has no emotion. However, the accumulation of experience makes people feel the solid and soft lines, the smoothness of fast lines, and the lagging of broken lines, different colors have different emotional symbolic meanings.
Just like Chinese Calligraphy Art. Without sound, you can express the rhythm and Melody, without simulating the shape of the physical object. in the local area, you can accurately express the soft and soft, dense, false, and upright structures. The point, line, and surface planning, distribution and balancing, misplacement of sizes, and static movements are used to generate a tumble and prioritized pace, thereby achieving the pursuit of beautiful music.
Therefore, everyone can judge the difference between beauty and ugliness, harmony and conflict. This ability is different from the intellectual thinking, which can be called "image thinking ".
Successful designers use "Image Thinking" to think about points, lines, and surfaces, and design works that effectively evoke aesthetic experience.
This is especially true for typographical design.
Limited visual symbols, text, a small number of illustrations (sometimes none), these materials sometimes do not have the ability to clearly describe events or present emotions, even if they can freely use lines and colors to assist, still restrained, so directly capturing the inner point through "Image Thinking" is the only way to design typographical layout.
The most important part of typographical design is how designers can convey those ideas and opinions to the viewer so that the thoughts on the layout can enter the viewer's mind.
The legends of dashboard, the use of element charts, the clever use of words and phrases, and the moving arrangement of photos and la s make the design of meaningful word groups, the relationship between photos and space becomes a communication, not just decoration!
This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or
reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or
complaint, to firstname.lastname@example.org. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.
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:
and provide relevant evidence. A staff member will contact you within 5 working days.