How to judge whether the visual interface design of a web page is good or bad

6 major aspects to judge the quality of web visual interface design:

One is the style:Style is expressed through a series of visual elements, a visual language that reflects the emotional feelings of the brand and the product. The visual style of the same product interface should be consistent, and the layout can be standardized through visual specifications, DPL, Taosky, etc.

The second is the layout:The interface of the ** product that the user is exposed to is a plane, we organize it through the information structure, summarize and distinguish the primary and secondary content, and give the user a clue to browse and read through the layout. Page branding, consistency of tone elements, reusability, sense of rhythm, sense of area, visual first attraction, guided browsing, relationship between points, lines and surfaces, sketching principles (using the basic rules of sketching to make pages).

The third is font design:If there are no more than 3 fonts and styles in the same interface, each font style value is assigned. The contrast of the font should be clear and easy to read.

The content level determines the font, font size, and thickness; The state determines the color (by default or according to the special uniform).

Fourth, the use of colorTwo concepts: color assignment--- treat color as a resource, rigorously assign it the appropriate value, and ensure uniform use.

Color economy--- In the visual design of the same ** product interface, it is recommended that there are no more than 3 main colors to ensure that the colors and the values they give can be effectively identified and understood.

Fifth, signal-to-noise ratio (SRN):In simple terms, it is the ratio of effective information to interference information on the visual interface. The higher the signal-to-noise ratio, the more prominent the valid information is.

Sixth, whether the visual correctly conveys the interactive intent of the productVisual interface design is not a simple graphic design, but a step in the whole product design, on the basis of understanding and following the product concept, with reference to the target group psychological model and interactive intention for visual design, and the visual design to achieve the purpose of user pleasure. The style of the interaction control is reasonable and accurate (people's perception of the system's default and daily routine), state (visual expression style and action process optimization), and creativity.

Hello, do you want to know how to judge the quality of web visual interface design?

We often need to call non-professional designers to judge the quality of interface design. Maybe you're the boss and want to evaluate your own new design, or maybe you're the project manager and want to look at the models your designers have made. What should you find in interface design?

Anyone will say "this looks good" or "this doesn't seem to work very well", but how do you give meaningful feedback? A comprehensive and in-depth understanding of design is not something that can be summed up in one article. This article provides some guidelines that will help you.

The highest level of reducing interactive interface design is to make users forget about the interface and ignore the existence of the interface. While a richly interactive interface may look gorgeous, usability issues can only be reduced if users take the least number of steps to use your product.

Translator's note: Domestic portals are like this, mainly for traffic considerations) Think carefully, is every small step that users make when using your product necessary? If you also find it troublesome, then go and simplify it. Example: Learn how to design a bubble net.

Visual placement ensures that your buttons, links, and interactions are logically grouped correctly. It's not uncommon to see the Save button next to the Close button, which means that a small mistake on the part of the user can have catastrophic consequences.

Example 1 - Gmail's send and discard buttons are far apart.

Example 2 - The sending and canceling of everyone** internal messages are opened by color recognition (in fact, it can be done better).

Example: The icon of **** is very skillful, and it is just right to use it with text.

Example: Douban's 3 core channels, a model of good starting point and consistency.

Fewer options means fewer worries, and providing multiple options for one action (e.g. registration) can be an invisible burden on the user, so try to avoid this. It may seem like a good idea to give users a lot of options, but it's not. This tends to bloat the interface and make users make too many unnecessary decisions.

Example: Let's take a look at Acer's relatively complex design.

The interface is important, the interaction is more important, and the appearance of the product is more likely to attract attention than the feeling of using the product. Avoid the trap of spending most of your time on the appearance of your product. The appearance is easy to change and improve, and the associated imperfections are easy to spot.

But interaction is the core of the product, spend most of your time dealing with product interaction problems, and finally do a good job of appearance!