A talk on the design of Web page scene

In the information age now, the network in People's life has produced a great influence, the network is gradually changing people's lives and habits. However, in today's information explosion, the face of a huge amount of network information, how to achieve both to attract users ' eyeballs, but also quickly and accurately convey the message? This not only needs the content itself to have the strong attraction, the key also lies in one kind of more common expression way--the webpage scene design.

What is a situational design?

Features: Virtual reality, giving people a cordial, interactive and friendly, application areas are widely related to software, games, Web pages and other applications.

Situational design is a comprehensive and strong expression, it involves the real society, culture, economy, market, science and technology and many other factors. Design is a kind of practical art form which is both artistic and economical in a large extent.

Figure 1-2 above all have common similarities, and we all know that the network is a virtual world, and this virtual world has gradually deepened into our real life, become an indispensable part. For web design, design is not only "flat", but the colorful situation of the world. The future development trend of the situational Web page design is all this virtual experience is becoming a real feeling, let the user quickly into the page key content, intuitive access to useful information. This is to improve product operation information transmission played a very good role, so that the page information performance more accurate and smooth, fast and effective to the target users into the atmosphere of the page.

The advantages of Web page scenario

First of all, the situation in the Web page to use, played a role in improving the transmission and reception of information, so that the message more smoothly. Situational design applies to various fields and products of web design ideas, such as activities, new product recommendations, game topics, and so on. Situational design can accurately reflect the content of the theme of the page, and can meet the needs of the target users, and thus more dahua to achieve conversion rate.

Secondly, the use of the scene in the Web page, so that each page presentation mode, layout screen, the overall effect of adding personalized color. Nowadays, people's life style begins to personalize, so the design idea and strategy that go on the front line are more complex and personalized. In the Web page to apply a situational approach, different designers to the same product has different ways to display, so that the page will never repeat.

Third, the situation of the design of the designer's creative development played a role in promoting, so that the designer to actively integrate into this work, not designed for design, but to consider all aspects of the page the existence of any element of rationality. No matter what kind of domain design, it is an interactive process, the design process is not only the designers with the help of technology and imagination process, or designers and users constantly dialogue to express the user's desire process. The situational design not only lets the designer in the design style vision to be more open, moreover this kind of divergent thinking deeper step excavation designer potential, in unceasingly groping and innovates, realizes ego's enhancement and the value.

Skillfully using the way of situational expression

Figure I: Table Ball page design, information carrying capacity is relatively large, page design content-oriented, form as a supplementary. Foil the overall atmosphere of the page, but also highlight the content of the subject information.

Figure II: Chess Card Class page design, in less content information, usually the first screen as the primary information display area. In addition to creating a strong atmosphere in the page design, the designer has high requirements for the detail design of the page, and the processing of the desktop texture is exquisite. In such a static page, you can also experience a strong sense of the game.

Figure three: Shooting class page design, virtual reality scene of the way, combined with the game interior elements. Simulate the page scene, with a strong sense of bringing in. The key content is clear. Can be used as a reference to the game Prize gift package to pick up the design of the class page.

Thinking and trying in the work

Web design is like a fuss, not just a stack of material, the situational web design contains the people, objects, environment and other factors and the formation of the situation, the process is mainly around the theme of the Web page to describe the situation, and web designers throughout the creative process to maintain the rationality of local and overall existence , not a lot of proper use of material to modify the overall effect. The following are some of the processes of learning and trying:

Usually pick up the package of activities page, will be used to game-related characters, titles, gift packages, logos and other materials, generally we will be a simple layout of the information on the page. In this phase, we have given the basic direction of the page positioning, of course, with the product colleagues to discuss the confirmation. The next thing is to add visual details and package content, and finish the final design draft. However, we have not spent a little time to think about the active page of the key words "four good ceremony." Is there any more appropriate way to design? After some thinking, we can explore the possibility of trying to put the gift bag in the box design ideas.

After the discussion, we need to "collect the Gift" button and content to ensure that the first screen display, however, we envision the opening of the box scene is also feasible, just need to adjust the height and content layout. Thus, the key content of product demand is displayed, and the characteristics of integrated product operation are the purpose of thinking and exploring. But the demand content is more, first, in addition to the text program optimization, but also need to optimize the visual designers, emphasizing the focus of visual transmission. The goal is that when users open the page, they can directly manipulate the pick button to give the user a more friendly interactive experience.

Finally we finished the scenario design attempt. In this process, the design needs and product operation ideas agree, however, must be the initiative of our designers and products for effective communication. Ensure the design meets the visual requirements and meet the requirements and objectives of product content operation.

Web design is based on the interaction between the user and the product or service in a particular scenario, however, the overall expression is the key to the designer's research. Situational design is worth every web designer to study and learn a kind of skills, master this skill, will give you the idea of design to open up an unlimited creative road

Note : For more wonderful tutorials, please pay attention to the triple web Design Tutorial section,