[Design Frontier] Things junior web designers need to pay attention to_html/css_WEB-ITnose

I’m honored that today is the last day of July. I haven’t summarized my work for a long time, so I’ll take this opportunity to talk about it today. The preliminary content covers several aspects:

(1) How junior designers can do a good job in web design.

(2) How junior designers communicate with users

(3) How junior designers can improve themselves.

(1) How to do good web design for beginners

On the Internet, we usually see a lot of works by design masters. The colors and layouts look very comfortable, and the white space is just right. The most important thing is the layout design. It doesn't seem that complicated. It seems that you can draw it just by opening PS, but is this really the case? The answer can only be known in practice. In actual development and design, what is important is not only the technical level of the designer, but also the comprehensive ability. Junior designers should start from the basic requirements of the web page when designing, and do not aim too high and make some inappropriate design drafts. What are the basic requirements for web design?

1. The business process is clear

No matter how ugly the website is, users should know what the website is for, but the business process is usually unclear in low-fidelity prototypes With a detailed description, what the designer has to do is to further integrate the process into the page and make the process simpler and easier to operate through visual elements. Therefore, the most important thing for designers in this step is to understand the needs and business structure of the website, and integrate the page information.

2. The hierarchical relationship of font size is clear

After the preliminary design draft is drafted, there must be a design specification. The first thing to talk about here is the hierarchical relationship of font size. The relationship must be clear, such as title font size, color selection, secondary title font size, etc. A clear font hierarchical relationship is helpful to clarify the hierarchical relationship of website content. If done casually, the page will become confusing and it will bring great trouble to HTML writing.

3. The spacing and size between elements should be standardized

4. The style meets the content requirements of the website

Impact on the website The biggest factor in style is color matching. After the basic elements are designed, color matching can often affect the success or failure of the design. The basic function of color matching is to determine the style of the website, highlight key elements, and generally speaking, it can guide the user's vision. How to match colors is a profound knowledge, so I won’t go into details here.

(2) How junior designers communicate with users

Here are a few examples of my communication with clients for entertainment.

Customer: Why are the spacings of these two pages different?

Xiao Ming: I neglected it. I’ll adjust it.

(You must learn to accept objective problems. If you do something irregular, you must correct it in time)

Customer: This 14px font is too big, change it to 12px.

Xiao Ming silently took a screenshot of a Baidu Wenku picture to the customer: This is 14px, do you need to change it?

(Sometimes facts can convince customers more than empty words)

Customer: This color is too light, try something more lively.

This is a kindergarten website. Xiao Ming thought about it and came up with two plans: Which one do you think is better?

(Let customers have a choice, never ask them: What color do you think is better?)

No matter what the problem, we must give customers an open mind, be low-key but persistent The impression of principle is that you cannot ignore customers, but you cannot be led away by them either. In fact, the purpose of designers and clients is the same. They both hope to make the visual experience of the website better, so designers do not need to be at odds with their clients, let alone themselves.

(3) How junior designers can improve themselves.

Since I don’t have much time, I will write briefly. The most important thing in junior web design is to comply with the web page specifications and not be too casual or fancy. To put it simply, it looks like a regular website, rather than a patchwork of things. of. But as time goes by, if designers are still revising non-standard design drafts every day, they have no intention of making progress. At this time, we can think about what color style can better set off the style of the website, what kind of pictures can better convey the website information, whether the banner image of the website needs to be designed, how to design the banner, etc.

Speaking of picture design, you need knowledge of graphic design, so there is a popular view now that a good web designer must also be a good graphic designer. This sentence is very reasonable, especially for large-scale designers. Picture website, background picture design determines the success or failure of the entire website design.

After learning the above knowledge, we can think about the typesetting and layout of the website, such as absolute symmetry or relative symmetry, up and down columns or left and right columns, these all need to be considered.

Speaking of the website design department, let’s not talk about user experience issues. Designers can’t always work behind closed doors. It will be beneficial to listen to other opinions. Good night.

Author: The beginning of the matter

Sign: As long as you are still working hard, it is not a failure.

Copyright Statement: This article is an original article by the blogger and may not be reproduced without the blogger's permission.