FAQ in Web page design process

problem one, and customer communication is not sufficient, resulting in the design direction deviation.

This problem is the most frequent in the design process, and it is the most likely to lead to contradictions between the customer and the designer. The end result is that the customer feel how to modify the design can not let their own satisfaction, and the designer is tired, that the customer is too difficult to speak, the reason is actually on both sides of the communication.

As customers, many times they have the idea of the desired design products often only vague concept, only to explain to the designer a too rough design direction, and even some customers put forward "first draft out I look again" requirements. In this case, designers need to know that the customer's own design needs are not clear, as designers, this time need to actively guide customers, so that they clear design needs, so as to avoid the two sides are not in the design objectives and expectations of agreement, resulting in the design direction of deviation, resulting in the design of a wide range of Constantly modify the design of the manuscript, and even over and over again the results of the overturned.

To make both sides satisfied with the final design, we need to communicate as much as possible, the higher the understanding between the client and the designer, and the higher the consistency of the final agreement, which is positively related. To do this, my personal approach is in the communication Link design system questionnaire to allow customers to answer, to help customers comb, clear design needs. The following is my frequently used questionnaire, which requires customers to answer 7 questions, which can help customers and designers to clearly design direction, you can also be based on the specific situation and customer communication to modify or improve these issues.

1. When visitors visit your website, what do you want them to do? (such as buying a product, service, or displaying the image of an enterprise, etc.)

2, the main user of the site is what part of the crowd? (White-collar young women, elderly people with some needs)

3. What is the overall style of the website? How do you want them to feel when they enter your site? Don't want them to feel anything?

4, to give a few you like the site, and explain why, for example, some of the sites you hate, also explain why. (Please paste the website link or screenshot below)

5, what is the site column? and provide specific information content (can be pasted below)

6, please provide website design information, including logos, company pictures, product pictures, etc. (packaged as an attachment to send to the designer's mailbox)

7, please provide your contact method. (QQ, mobile phone or mailbox)

　Question two: Skip the website function and information architecture research, direct start visual creation.

The site's function and information architecture is the core of the site, a site is not simply let visitors to feel the visual beauty, beauty is always second, and functional is the first. An enterprise website is to show the image of the enterprise, the products and services of the selling enterprise; A portal is to better provide information content, a personal blog is to share personal views, establish personal brand, etc., to ensure that these functions better realized after should consider whether the visual aesthetic problem.

　　Problem three, lack of the overall style of the site to think and grasp, where to calculate where.

This question is also very common, the following is a designer to send me a question and my answer, should say very typical reflection of this problem.

"Want to ask you, a school website, the customer said to do a little lively, how to do it?" I designed a head, I sent you to see Ah! Pointing but I don't know how to lay down, now my head is big. ”

Answer: This is an example of a rush to start without a systematic consideration of the overall style. The problems are mainly from the following aspects:

First, the layout, banner cut off the edge of the expansion of the line of sight, appears inflexible and not enough breathable. Other elements are also the frame of the big box of ideas. The overall layout of the idea did not escape the limitations of the rules, see, the whole design is not open the idea is eager to do the performance. To do a lively design, not with a ready-made picture of children on the line, to make a design element go in this direction, such as the layout, such as color, such as texture, such as the use of illustrations and icons, such as font selection and so on, so your problem is completely without systematic thinking about these problems, Not yet found the answer is eager to go forward, the result must have just begun to feel at a loss.

Second, to say the specific question again, banner design in the entire page usually plays a very important role, is the focus of vision, not to say that you choose the direction of the picture is right, but this design looks too stingy, because the image of the elements of the visual weight is similar, no focus, no primary and secondary. The second is the logo text and promotional language design, feeling too loose, too thin, need to strengthen their visual weight and atmosphere. The curved edge of the banner not only does not have the effect of adding points to the whole atmosphere, but also separates the design of the banner, which looks very beautiful.

How to avoid the blind start, the problem is not to be found in the way? very simple, sketch. Although I personally sometimes omit the steps of drawing, but at least in the PS to do a homepage design, including the need to place information content, layout, color scheme and design of the description text. But I have found that this is a way to limit the expansion of creativity, compared to paper and pens. So it's strongly recommended that you sketch before you start the design. It is hard to imagine that the following design effect can be made without sketching.

But the way of paper and pen also has its flaw is in the design typesetting can not pinpoint the space of the element. So in order to make up for this shortcoming, we recommend that you use the 960-pixel grid system sketch pad. The freedom of paper and pen guarantees the expansion of creativity without the need to dwell on the technical aspects of implementation.

In addition, in peacetime learning accumulation, more from the overall style analysis of outstanding design Works is how to consider and realize, you can try to analyze the style of the website from the following aspects: first, the concept of elements: background, decorative graphics, etc. two, figurative elements: text, photos, illustrations, graphic graphics; Third, the relationship elements: direction, location, space, center of gravity; four, interactive way: rhythm, movement way; color scheme.

　　Problem four, the design process encountered difficulties, adjust the design direction at will.

Drawing a sketch must be carried out in accordance with the design direction, so as to ensure that the early stage of creative work is not wasted. Many designers have ideas in the early stages of creative thinking, but once you start to design, the way to find material or technical difficulties, or suddenly found a certain material is very good, very beautiful, immediately discard the whole idea ahead, open up a new road from beginning to start, but often do half of the middle can not do it anymore, Cause the design is always halfway, emotionally frustrated, restless. And if we have seen the design process of the master, such as the text Everbright Bank design video, we will find that the master never easily change has been set a good design direction, and always put our seemingly completely unnecessary material to waste, thus possessing the ability to decay for magic. Don't spend a lot of time looking for the perfect design material that can be used without adjustment, the chance to find such material is lower than the lottery, but to continuously improve our ability to integrate the material into the overall design that looks the same as the overall design without the edge.

　　Question Five, the detail is not fastidious, appears coarse.

Some designers sent me a personal work to give advice, I found that the common problem is the design of the details do not do well. Gradient and high light is too stiff, the distance and opacity of the shadow is too high, alignment deviation of several pixels, up and down the distance is too small, the contrast between the elements and the background is not enough to cause the element clarity is not enough, such as a common design problem. Although these issues are also related to technical issues, but the most important I think that the intention is not enough, think to do almost on the line attitude problem. Here I recommend dribbble and premiumpixels These two websites, this one of the design works no matter which one of the details are very perfect, impeccable, the following is my hand from these two sites to take out the works, We should be able to understand from here the meaning of the words that web design is the art of detail.

　Problem six, technology is not clearance, creativity can not be achieved.

This needless to say, only through a large number of design and practice to master as much as possible the specific technology. But whether it's following the design tutorials on the web, or through the study of other people's PSD file, can not do it over the past, you need to learn through this tutorial is how to deal with the material at hand, blending it into the overall scene of the idea of the way to see how the master is through the use of adjustment layer, free transform, Color range selection, such as a series of technology to achieve the desired effect, rather than just follow the tutorial to do it over, the next encounter needs to create their own scenes when still at a loss. If you already have a certain PS base, I suggest more practice to create more icons and scenes, such as the following exquisite tomato icon and the creation of a few scenes, careful study, you will be able to learn a lot of things. (The scene PSD file is too large, has been shared into the group, welcome everyone to download.) Group number: 233898966)