Web designer's experience and skills in learning web design

With the growing influence of the company and the continuous improvement of products, the relevant image design to gradually keep pace with, the need to gradually upgrade, so recruit a fresh-life web designer, is a piece of growth. Fresh students have can-do, is willing to learn, but also ambitious, starting point is similar, how to cultivate web designers become critical. Summary of their contact and learn the design of a little experience to share with you, hope to get more suggestions.

One, color

In fact, the sense of color is a designer should have the most basic quality, its works whether it is the Web interface, System interface, or product packaging, etc. are widely used. Some basic theories, what warm and cold color, contrast color/complement, color psychology, collocation principle and so on, full street are, the person who intentionally searches one or two articles to see on line. Color for web designer designers, more important is a feeling, like playing basketball shot feel the same, see more, practice, this feeling can be practiced out the day after tomorrow. Mars just contact the design, when the bus will pay attention to roadside companies, restaurants, how to color the signboard, everywhere to pay attention to the color of life in the United States, on the color screenshots can not remember how many Zhang.

Mars feels that the designer's use of color generally has several stages:

1. Primary stage: the best 1~2 color with your own premiere, regardless of other factors or feelings of others;
2. Excessive stage: start to feel one or two kinds of color monotonous, try different color as much as possible , this stage is very easy to appear the disorderly lap phenomenon without purpose;
3. Mature stage: This stage has understood the populace to the color esthetic, starts the rational use 1~2 kind of color to match, can realize the same colors different color value subtle difference, most designers are at this stage;
4. The ultimate stage: The use of a color to the extreme , and even only with black and white ash, completely immersed in a certain color, or even a bit abnormal, but its creative effect so that in the third stage of the designer to see is the master.

In fact, this is also a continuous practice of accumulation process, so that the feeling of color will improve.

Second, the layout

Web designer Designers In addition to the color to have a good feeling, to the layout also have a good grasp, the combination of the quality of the work directly affect the effect. In fact, do a good job layout design is not difficult, but the following steps:

1. Layout Preparation : Make it clear what text and pictures you need to express the subject part of your content. Don't think too much of the details.
2. layout layout: About the layout of a variety of layouts, in the focus on the most obvious premise, the layout can be freely chosen. For the Web page, according to most people from top to bottom, from left to right browsing order to consider, should be the most important content, pictures, etc. on the left and top of the page.
3. Fine Layout : The overall color, font, the spacing of the modules, illustrations, additions and deletions of various aspects of the scrutiny. This step is wins.

Mars found that the best way to exercise the layout was to make PPT. It is not easy to make the PPT beautiful and concise. For the software industry pre-sales, how to make a beautiful PPT should be their own internal repair a compulsory course. PPT layout is done, other pages, brochures and other graphic layout should be pinched.

Third, details

The word "details determine success or failure", in the design field of this sentence more important. Many details may be overlooked by viewers, but not for designers. such as background color, color gradient, spacing between components, heading style, highlighting style, font/size/color, line/segment spacing, illustration position/edge processing, input box width high/Border color/Background color, button position, etc. too much. Or before, only you see more, more than you can see these details. Some people feel that these details are not very serious, but the combination of multiple details and makes people feel uncomfortable.

For example, here is an annotated form below an article in a system. The top half is a program that is not beautified, written directly by the programmer (above), and the second half is a form interface that is designed to help design landscaping (pictured below).

The general normal aesthetic person must feel the following good-looking, but do not know where the good? Listen to Mars from all angles:

1. Color: The color of the font is directly from the 32 color board, not through elegant; table side-by-side frame color is too heavy; the form background is the same as the page background, without highlighting the hierarchy.
2. Layout layout: This component does not have multiline operation, no list form is used; the Save button on the top of the component is unreasonable; the position of the component's caption is not large enough to be eye-catching.
3. User experience: Make it clear that this is an interface component in a system, so if this person is logged in, do you still have to fill in a record? Time is certainly the submission time Ah, the submission of the author's own comments, so to provide him with a large piece of the input box to the content, simple and clear; Submit the button, the above figure needs to fill in the comments after the return to the upper left corner of the "save" is obviously unreasonable, the following image of the interface big right hand side of a button, looks obvious, Comfortable to operate.

The above are all about the promotion of personal aesthetic , if you are not planning to do aesthetic research, I think too much pure theoretical study will not be too much improvement of your aesthetic. So my advice is: Read more, imitate more, do more, more than. Do not have any aesthetic on their own blindly creation, in fact, nothing shameful imitation, is the study of the stage after all. Like someone imitating MJ dancing, although not very much like, but at least a small number of people are loved and sought after, such as in a school/class Christmas party, and if you do not understand the public aesthetic, it is likely to dance like Sister Furong, is only a joke. Develop a good sense of beauty can be applied to all aspects of life, and all aspects of life also exercise your aesthetic, like photography, decorate their own room desks, clothing and so on, can improve your life taste.

Iv. state of Mind

In the cumulative stage, the mentality of peace, practical patience , avoid impatience, web designer itself is wins, worry is useless. With a basic aesthetic, you need to create a relaxed mood, do something you want to do, eat something you want to eat, feel free to provide your own creative environment. Don't mean to sit in the computer to think, the effort, will put himself depressed dead.

V. Skills

With a good aesthetic basis and creativity, the next is the production. Compared to the cultivation of aesthetic sense and the advent of creativity, Mars felt that some tool skills are very studious, nothing more than I use a pencil, or a brush painting problem. About the tools that Mars is exposed to:

1. Drawing skills: Photoshop (plane processing, etc.), Illustrator/coreldraw (vector map), Flash (animation), Premiere Pro (film late) and so on these are just the application tools;
2. Page programming Skills: HTML, CSS, JavaScript and so on;
3. Optimization skills: Compress pictures, Web page optimization, etc.

The above tools on the online tutorial a handful, recommend NetEase tutorial. Can find some basic look, a return to two ripe, usually more use can be mastered, deeper skills can be used in the future to improve the study, to the edge of learning, so deep memory.

VI. User Experience

User experience generally appears in web design and system interface design, is the user and Man-machine interface interaction process, interface operation of the ease of use, directly affect the user's impression of the product. User experience is a higher requirement for web designers, even a bit more than the category of Web designers, but only the web designer to understand these can be more reasonable design interface layout, overall collocation and so on.

Mars is aware of the importance of user experience, but not much in-depth study, but Mars will be looking at other people's Web pages, the system at the same time record that point is convenient, very in the next time the design of their own embodiment, is a simulation stage. This is the way Mars always learns.

Finally claimed that the Mars is not a design trained, there is no theoretical basis, the above summary is a good experience of the experience, hoping to get better advice.