How is a good topic to be composed?

A successful topic page, most of which will have the following key elements: color, composition, style ideas, details and so on. A page from scratch, the designer needs to the entire page has the overall design and the control, the good picture segmentation can let the user see this page to be able to be visually attracted, even does not have to browse the concrete content to be able to understand this page many information. The same material, the same color, different composition can make the page out of the effect of a difference. If you still hold a topic that is a good head map, the following content step-by-step to fill in, then you are out. Now the theme of the design more and more overall picture sense, does not look like the site, more like a beautiful magazine or a wonderful graphic design works.

Good page composition can make your page more colorful, also can make you do design more effort. Next, let's look at how some of the best topics are composed.

(The following examples are from the Internet)

　　1. Geometrical cutting

In the real life and nature, we can find the existence of geometric figures, simple triangles, squares, rectangles and circles and even a few lines will be able to form a lot of interesting graphics, but also in line with modern aesthetic needs, the appropriate screen cutting can bring dynamic and rhythm to the page. Add a few lines, several pieces of surface can make the page to play an unexpected effect.

The realization of the time to note that the material is not suitable for too complex and fancy, will generally be a solid color large with the gradient, mainly prominent shapes and blocks.

　　A. Simple Cutting

Using a shape or material to split the entire page, the scene instantly becomes interesting and lively, and the content area can be effectively divided.

This type of composition does not require too much content and can be arranged at will. The specific layout can be processed according to the content, and it is the most commonly used topic page, the most common way of composition.

　　B. Symmetrical cutting

This form of composition is generally the premise of the content is divided into two parts, and the two parts are antagonistic relationship between the circumstances, such as: battle, men and women, hot and cold and so on. The page divides in Split, the content divides clearly also more has the visual impact.

　　C. Combined cutting

Centralized and regular arrangement, grasping people's vision from the whole. This style of composition is suitable for a topic in which the content of each block belongs to a lateral relationship, for example, several function points and classifications, all belong to the same level of content, the proportion of the same, with this combination of arrangements to maintain the relationship between the content, but also to make the layout more creative.

　　D. Multiple cutting

Irregular composition, stable and sharp, clean typesetting, easy to identify, irregular composition way, avoid the screen blunt, not easy to produce aesthetic fatigue. Different shapes and permutations, the visual effects are not the same. The most common way to use this composition is to embody fashion, technology, and sharpness, such as fashion, home appliances, and the theme of game battles and so on.

　　2. Main outline

The theme of the event is to be done every year, without new ideas, to be more different? So deal with it, according to the main content of the topic, from the overall construction of a border or contour lines, forming a large outline, the topic of the clever fill in the content. This approach allows the user to get a glimpse of information, meet thematic themes, and make the page more design, lively and lively. Need to remind of the design when the shape as far as possible contour, to emphasize the prominent, the main body does not need to be too much like, discard some cumbersome, minor elements, so as not to affect the user read content. From personal experience, the small series will generally get the demand when the brain outbreak scattered association, extract some useful information, and then select the appropriate elements to find some pictures, through the picture material to stimulate creativity.

This type of composition is generally targeted at that subject content is very clear and with the image, can be directly represented by objects or contours, such as: Dragon boat can use dragon boat, Zongzi, moon cakes can be used, the moon, members can use the crown, diamonds and so on, can be based on specific content to try.

　　3. Radiation and perspective

Through the overall radiation and perspective composition, so that the picture is three-dimensional and spatial sense, visual focus clear, strong impact on the screen, full of dynamic. It should be noted that the radial layout is not suitable for text reading, pay attention to text typesetting. It is recommended that you choose this composition in the case of a small number of words. General game fighting category of the theme will be more use of this composition, highlighting the dynamic.

　　4. Overall scene

Topic content is not much, to highlight the fun, but also afraid of users boring, then design into a wonderful illustration bar! Let the user quickly exposure in the set up the scene, drive emotions, participate in interaction, intuitive access to useful information. This approach will make the page information more accurate and smooth, fast and effective to the target users into the atmosphere of the page. However, it is necessary to note that the scene to build the requirements of the material is relatively high, light and shade, shadow, perspective and level of sense, the volume needs to be handled attentively. Most of these topics will be implemented together with animation, in the sense of a more advanced level. In the design, the topic content of the mind to have a picture, first set up a big picture relationship, and then add details and content, remember that the scene do not rob the visual focus of the content, in the appropriate time to do some subtraction.

　　5. Flow chart

If the topic you are getting is progressive and flow, or to show the content of each node, with no other form of total feeling, why not just make a personalized flowchart? As the saying goes, the words are not as good as a picture, the theme of the use of this composition can be steps, relationships, nodes and the overall flow of the show clearly, With the picture display, a boring process instantly become full of personality, user browsing simple and clear, and full of fun.

In the web design more and more attention to individuality, fun and visual impact of today, the composition of the theme page has become ever-changing, the above just listed a more common part of the different themes, different content, composition of the starting point of typesetting is not the same, the above enumerated methods can also be used, When you get the demand, first do not hurry to start, the idea of the time can be bold to try to consider the content and style, to determine the composition, and then add content to the inside, fully consider the content of typesetting, as far as possible to make a topic with great creativity at the same time with small details, to achieve the overall form of the

In addition, the last reminder: the so-called composition is to be the theme of the composition of the elements in accordance with primary and secondary relationships placed in the corresponding area of the screen, forming a visual feeling, to achieve the design intent. All the way to the composition of the search for content services, composition must be subject to the requirements of performance, designers in the design of the time to pay attention to the pursuit of creative composition at the same time also do not affect the user read content.

VIA: Baidu Mux