The aesthetic demand of web pages

Source: Internet
Author: User
Tags empty expression functions repetition
Web page design is a new type of design and network of interdisciplinary disciplines, in recent years with the development of the network gradually received people's attention, it itself to the network as a carrier, the various information in the quickest and convenient way to convey to the audience. In this kind of standard request, gradually produced the esthetic demand. People's pursuit of beauty is deepening, and so is web design. The Web page is not only put a variety of things up, can see on the line, it is not enough! Consider how the audience can more and more efficiently receive the information on the Web page, so that they can make a good impression on the site, which will promote the operation of their own website. This needs to start from the aesthetic aspect, combined with the use of convenient requirements, you can create a clear, holistic good page. It makes people feel happy to browse, and it is easier to receive information. At the same time enhance the image of the site. The use of some graphic design of the United States and the basic form of the Web page can be more beautiful, such as the graphic design of the rhythm and rhythm and the form of bone into the Web page, so that the content of a wide range of pages more organized, it will be people to browse the primary and secondary trenchant. Of course, this kind of beauty is first built on the content of the page, and practical, a content of the Web page not only make it beautiful will not attract people, at most won a few praise, no use. What is not practical is not viable. To make the page more beautiful, it requires the designer to use a good aesthetic quality, at the same time to have a wealth of graphic design experience. So that you can be very comfortable in design.

As the Web page from scratch, from the satisfaction of basic functions need to pursue the higher level of the needs of the United States, this is a step-by-step process. This is reminiscent of the Industrial Revolution Eve, many modern products did not at that time, there is no ready-made appearance can be referenced, product design is to meet the basic function needs to start, so the product is very rough, cold, lifeless. As a result of commercial competition and industrialized production, people constantly improve the function of products, it is more important to improve the appearance of products, is more in line with the needs of the United States and easy to use. So that today's shelves on the appearance of a dazzling array of beautiful products. I think the Web page is also the same, in order to meet the basic requirements of the function, to highlight their own characteristics, highlighting their own advantages, we must start from the aesthetic. And what is the current status of many domestic websites? Users who often surf the internet may experience something. The current web page there are a lot of deficiencies, the following simple analysis, hoping to get some inspiration from.

The first one can be described in one word, that is "plug". This is a lot of the characteristics of the Web page, it will be a variety of information such as text, pictures, animations, etc. without consideration to the page, how much squeeze, not standardized, organized, not to mention the art of processing. Cause browsing will encounter a lot of inconvenient, is mainly a variety of pages, no primary and secondary, no good classification, the whole of a big chowder. It's hard to find the information you need, let alone efficiency. This kind of Web page does not consider a beautiful form to make the information on the page in a more holistic way to reflect. So the design content of this kind of webpage is quite low. Not only from functional analysis. From the aesthetic point of view, this page is too full, too block, not to give the reader a little space, so there is no sense of beauty can speak.

The second can also use a word "flower" to describe, this kind of website also has a lot of, obviously this is a lot of people do not understand the design to make. The more they make the page is very fancy, but very impractical, such as using a very deep with fancy pictures as the background, seriously interfering with browsing, access to information is difficult. At the same time some also adopted a different color, style of the pictures, text, animation. Make the page colorful. There is no overall feeling, although some of the page content is not much, but browsing is still particularly difficult. This excessive packaging is not even as decorative as any page. No decoration at least does not impair the need for its basic functions. So this kind of Web page belongs to shoddy defective, is to own audience irresponsible performance. Perhaps their original intention is good, is to make their own page to do beautiful, the result is counterproductive. is a big taboo in web design.

The third is now the misunderstanding of web design is uniform, lack of their own characteristics, when we turn on the computer, the Internet to see, as if any site is the same. From the placement of the title, the layout of the button to the use of animation is the case. Use color whenever you want, as long as you can separate text and background to achieve the goal. Cause this is the reason that the web designer itself, they do not make full use of their knowledge, analysis of their own site advantages, play their own characteristics of the site, but the use of the way to take shortcuts, is to do it in a popular way, it is certainly easy to do, But lost their characteristics of the Web page is like the product line down, as if to see which one is the same, so you can not play the purpose of web design. At least not the design. This is also the irresponsible performance of their own users. Of course, this is not one-sided aestheticism, can not just look at the beautiful pages of the audience regardless of the use of inconvenient. For example, some Web pages will be the button into the picture of the page, it is more beautiful, the overall feeling strong. But the audience sometimes can not find the button, causing difficulties. This is also undesirable.

There is also a kind of web page is a purely technical web page, on this page, filled with a lot of pure to show off the technology of things, such as a variety of different styles of animation (lack of beauty and even the subject-related animation), there is a lot of use of JavaScript and Dynamic HTML technology, However, there is still no grasp of the whole center, causing confusion in the page. This is somewhat similar to the first, but many of these pages are technically proficient. But the result is that there is no gain except the envy of technology. Such a Web page is not suitable for the need, is the failure of web design, more serious is a large number of the use of this technology or animation, resulting in browsing due to limited bandwidth and very slow. So it is not desirable either functionally or formally.

Comprehensive analysis of the above, you can find many of the current design of the web design, especially the lack of aesthetic, to take care of the needs of the Web page function, the premise needs to be targeted to adopt some form of beauty. Make Web pages more vibrant and appealing.

So the factor of joining beauty, also must follow certain form beauty of law. This kind of beautiful form has many kinds, the reasonable use, may give the webpage to be graced with luster. Pleasing. Is the audience to browse more efficient, powerful to enhance the image of the site. The following analysis of these forms of beauty, and consider how to integrate them into the Web page, to solve the above many of the web design of the aesthetic problems.

Since ancient times, many artists and scholars have put forward all kinds of laws about the beauty of form, and many works which can withstand the scrutiny are to follow these laws to create, in order to complete their aesthetic value. Therefore, in the process of web design, designers must study, master and actively, consciously use these laws, in order to create a good work. Of course, different times have different aesthetic concept of design, there are different aesthetic characteristics. In the information particularly developed today, the increasingly fierce competition, to bring people a new aesthetic needs, for web design, objectively to the higher level of the performance of the realm, this is the inevitable trend of web design. To pursue a kind of harmonious simplicity, that is, the pursuit of clear visual impact and great tension, we should put the formal law of the United States and modern web design of the specific problems of the combination. Here's a concrete talk.

Let's talk about change and unification first. Change is the difference between the components, and unity is the intrinsic relationship between the parts. Perfect graphic design, form to rich and orderly (that is, the size of the graphics, Fangyuan, dynamic, strong and weak aspects of the treatment; Organization should be orderly and not monotonous, not confusing. That is, the master-slave relationship of graphics, narrative relations, echo relations and other aspects of the processing. Applying the law of change and unification in graphic design, is to deal with the image and organization of the process of unity of opposites, then in the web design also appropriate to use this law, when we put a large number of information into the Web page, consider how to put them in a unified way to arrange, so that the overall sense of strength and change, This makes the page richer, more angry, and does not seem to be boring, many sites, such as sports sites, the news from the top to the next dozens of, there is no change, it is monotonous and boring, is a violation of this form of beauty law, so to fully use the changes to improve it, from the arrangement of the form or color can be.

Then look at the hierarchy and repetition, where the recurrence is a regular continuity and extension, organizational change and expansion and to be summed up, summarized and rich in the organized. The principle of orderliness and repetition is the basis of the order beauty of the whole, is the unity of the change, and also the way of expression in the movement development, which can evolve a variety of graphic changes. This is used in many of the more excellent websites, at the same time the application is also more comfortable, at this time because a lot of web sites rich, information content, have to use a certain way to organize it, but also to a certain extent to be summed up after the use of repeated, so that the page is more tidy, clear thread, reading can also focus. Of course, less-content sites also need to be organized and repetitive to achieve more varied and clear visual effects. such as the reasonable arrangement of words, pictures and words of the combination. How to echo and so on.

Contrast and reconcile. Contrast refers to the combination of two elements that differ greatly in quality or quantity, and the interaction between the two, which is more of a strong foil to each other. Contrast is the method used to make the theme screen changeable and angry. and reconciliation is the relationship between part and part of the object that constitutes beauty. There is no contradiction in the aspect of quality or quantity, and the feelings and ideas conveyed by each part are not separated or excluded from each other, but the whole unity of a part of diversity to show the state of beauty. So in web design, how to use it to achieve good results? First of all, reasonable use of the factors of contrast, for example, the layout of text, font size, thickness, color, the width of the picture, the ratio of contrast, transparency and placement of the position, etc., the ultimate goal is to achieve a more strong visual effects; not only that, but also appropriate to find the harmonic factors, namely the composition of the point of contact, Make the whole feel prominent, not only because of the contrast and create the feeling of fragmentation. Only by comparing and reconciling each other, can make the page clear, prominent, better convey the intention of the designer.

All Qi and balance, which is the formation of the unity of the contradiction between the power and the center, is designed to obtain the central stability of the two organizational forms, the uniform Organization method is no matter in which Axis and center fulcrum in all aspects of the configuration of the same figure of the same amount of graphics, all require the overall structure of the graphic rigorous, stable and orderly shape, balance. In fact, is also a central axis and fulcrum to maintain a balance, the different configuration is the same as the equivalent of unequal shape, it does not have a certain organizational principles, as long as the form of the structure to master the center can, it is required in the form of natural and reasonable. So all are biased in the form of static beauty, and balance is flexible, with dynamic. In the web design, in full consideration of the overall page on all the graphics, text on the basis of how to compare the entire page group on both sides of the volume and quality? Is the accumulation of a designer's own experience. 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 left side of the map to the right side of a graph, that is not much. More time is the figure and the text as well as the large color light diagram and the small piece color heavy graph balance, as well as with the text density and the size balance, so this is a kind of dynamic balance. It is only through constant practice that we can use it in this respect. To meet people's visual overall sense of balance. This is also a graphical manifestation of human psychological factors, of course, is not a one-sided pursuit of static symmetry, then stiff, not vivid, the same will lose aesthetic.

How do you view the blank on a page? Not to fill the entire page not feel empty, I think as long as the reasonable arrangement, so that the page to achieve balance, even in the side of a large area left blank, the same will not let people feel empty, on the contrary, it will leave a broad thinking space, give people aftertaste.

Let's talk about rhythm and rhyme. The movement of things in the rhythm and rhythm of the form of law, rhythm and rhyme in music, dance, poetry and film and other art in time form through the visual and auditory to express, the rhythm itself has no image characteristics. It just shows the speed, strength and intermittent beat of things in motion. Rhythm can be said to be organized and repeated development. It has a mechanical order of beauty, rhythm is the movement between each beat of the trajectory, it has the image characteristics. In the use of specific Web design, the layout of the button is often encountered this problem, a good button can make a lot of buttons lined up with a musical sense of beauty, at the same time does not damage its usefulness, but now see too little, because the need is not only from the shape, but also from the overall color, Size and other comprehensive aspects of the beginning.

It's just a few of the rules of formal beauty that are very close to the web, and how they are used in Web pages. How to solve the problem of uniqueness in the Web page? I think this is not just the aesthetic form of the problem, mainly to stand on the site's own high point to consider, integrated their own overall image, such as the site's logo, standard font, standard color, etc., because these aspects are their own differences, If these unique design on their own business philosophy of the integration of things into the web design, how can it be similar to people? For example, if the use of their own site's standard color as the tone of the Web page, not only to be unique, but also for the image of the site itself is very good, as we often see the IBM blue, Coca-Cola red and white two colors. This is the painstaking construction of the corporate image of an important part. Site to establish their own unique image, you must start from these aspects, the Web page of the expression of various information unified to the overall image of the site to consider. Will give people a deep and unique image.

As a form of beauty of the law, with the different times and constantly develop progress, especially in the fast-paced as follows of the internet age, because of the pursuit of the goal of change, people's aesthetic concept is also constantly changing, but the essence of beauty is the same, and with the development of technology, many of the present is not easy to realize the aesthetic form is also gradually overcome, Break through the bottleneck of bandwidth. will give the web design of the free development of a new world. Our pursuit of beauty is never stop, as a designer, but also to constantly improve their quality, in order to make a better web page of beauty.

Summarization of thinking in images

Our sense of experience in environmental matters stems from the accumulation of past contacts. Even if not through the body contact, can also judge its soft and hard, thickness, weight, hot and cold ... Although the experience of learning varies with the background of life, it is quite similar to the sensory experience of most of the people, who have been unconsciously summed up and ordered by instinct.

As far as physical function is concerned, the line or color itself is without any emotion. But because of the accumulation of experience, it makes people feel the thick line of solid, thin lines of feminine, fast lines have a sense of fluency, broken lines have a feeling of stagnation, different colors have different emotional symbolic meaning.

Just like the Chinese calligraphy art. No sound can express rhythm and melody, do not have to simulate the physical shape, on-site can accurately express the soft and hard, density, actual situation, 欹 and other structural forms. The use of points, lines, surface planning,  is balanced, the size of random and static and dynamic, resulting in duncuo, the pace of priority, and thus achieve the pursuit of beautiful melody.

Therefore, each person can judge the beauty and the ugliness, the harmony and the conflict difference, this kind of ability differs from the intellectual ponder, may call "the thinking in Images".

Successful designers use "thinking in images" to think about the composition of dots, lines and faces, and design the works that evoke the aesthetic experience effectively.

This is especially true of typesetting design

Limited visual symbols, text, a small number of illustrations (sometimes not), these materials sometimes do not have the ability to describe a clear event or mood, even if the free use of lines and color-assisted, still binding, so through the "thinking in images" directly capture the original point of mind, is the only way to typesetting design.

The most important thing in typesetting design is how to convey those ideas to the viewer, so that the idea of the layout can enter the viewer's mind.

Legend, the use of the elements of the chart, the clever use of words and phrases, photos and layout of the moving arrangements, so that the design of meaningful words, photos and space and other relationships into a communication, not just decoration!

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: 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.