Build a beautiful "building"-a brief discussion on the composition of web design

Source: Internet
Author: User
Keywords Web design beautiful tension talking face

The most intuitive feeling of a Web page is its page frame and structure, like the main frame and form of a building, you may not remember what color or material the Oriental Pearl Tower and the Eiffel Tower are painted on, but I think you must remember what shape they are. Similarly, the composition of the web design is enough to affect the entire site to the feelings of people, although the analogy is not very appropriate, but the composition of the Web page, a few changes and simple innovation may be able to play a multiplier effect, so that the site gives people a refreshing visual feeling.

How to make the Web page this floor beautiful? Here are some examples of how the Web design can be a little bit more effective in composition techniques. Personal humble opinion, hope to be able to draw a trigger.

"One" solid foundation-the power of geometry.

The geometry in the page often can play the role of the beam, but also http://www.aliyun.com/zixun/aggregation/18427.html "> Web content most commonly used bearer panel." These graphics reasonable collocation and effective interspersed, can make the page in addition to information transmission, more layered sense and ornamental.

This site fillet Rectangle clever combination of information modules interspersed together, in addition to creating the site's main body of the rhythm of the shape, but also strengthen the level of the page, will not appear boring and monotonous page.

The combination of round and Ellipse carries the Carousel advertisement and important information, making the whole page both bright and concise.

The same is the combination of rounded rectangles, color-filled graphics intersection can show important information and outline the style of the entire site.

The vertical rounded corners of the rectangle and line outline the entire picture, the various information embedded in each shape only, not appear disorderly and make it complement each other.

More similar examples:

Rivets on "Two" steel bars

Good material application, often can play the role of the finishing touches, and the material to decorate the page and the expression theme, but also as a composition of a major element exists, these materials are usually exceptional and as a link to the page, so that the page structure more stable, it is called "rivet."

Material seemingly random placement, in fact, is intentionally placed in the upper left and right two diagonal points, visually commonly known as dark lines, the lower left corner of the information content of the picture and the upper right corner of the login window composed of another diagonal line, both and constitute the X structure, and four of materials played to the fixed and the role of the finale, solid and beautiful.

The more people who leap are above the page, the goggles hang above the navigation bar. The use of these two materials so that the entire page is not only appropriate to the theme and vivid, and in the composition of the connection interspersed 1, 22 plates, and goggles in the 2 plate link 3, 4 plate, visual sensory continuation of the page to clear the thread, cut the rhythm.

The page is very simple, in addition to the graphic construction of the basic shape, is a few flower to "rivet" function of flowers, flowers broken box out, so that the material organic melt in the box and put on the entire page, people have a kind of flowers from the hole in the long to the page on the illusion, simple and rich level.

The material of this page and the combination of the main frame is very clever, the broken frame of the splash of milk and static chocolate, the movement of the cup combined with the head of the page, making the whole page primary and secondary clear and coherent.

More similar examples:

"Three" to create the beauty of the oblique tower-oblique visual tension

Leaning Tower of Pisa is the slope of geological desertification or the designers deliberately, there are still people arguing, leaving aside controversy, the beauty of the Leaning tower seems to make many people want to come around to see the inclination of the beauty, coincidentally, in the vast universe, the most beautiful planet, that is, the Earth, also leaned against the sun. The topic is more distant, slash, or oblique object, seems to have a natural tension. This is also true in web design, and the visual tension shown here is an extension of the visual mind rather than physical. When the page is too average, the screen is no bright spot, breaking the average to break the mean is particularly important, breaking the average way there are many, and diagonal seems to be the web design of the usual trick, tried and true.

Diagonal tension so that the entire page is full of dynamic and extensibility, you can modify the role of the page, but also as the information of the bearer module, the two organic fusion does not make people think that the tilt of the title is not easy to identify or hinder reading, on the contrary, it can make the entire page rich in form

The use of diagonal lines plus the combination of material and circular, so that the entire page has a dynamic, while the line of sight with the direction of the slash into the material and the title above, with tension at the same time let these lines play a good to the visual guiding role.

Diagonal lines for the composition of the dark lines of information components and the right slash cut into the shape of the form of complementarity, and the formation of rhythm on the actual and the contrast between the density, so that the whole picture of the tension and dynamic diagonal, but also the overall stability and balance.

More similar examples:

The above simple introduction of the Web page design a step: composition, listed some of the more commonly used and effective methods, in addition, there should be a lot, I hope you will add, but I believe that no matter the composition or color collocation, or rhythm melody and so on. They always revolve around a common denominator, that is to make the page in the information smoothly conveyed under the premise of the beautiful and vivid, with this big rule, I want to design the page when need is not a lot of techniques and skills, but a never stop to explore the United States and create a beautiful heart.

Source: http://ued.taobao.com/blog/2010/09/07/composition-of-webdesign/

Related Article

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.