How to design a Web page with a consistent style

A consistent web page is more appealing than a seemingly cluttered web page, and a consistent web site promotes branding and recognition, so how do you design the same style of Web pages?

　　How to design a "consistency"?

Easier said than done, how to create a consistent design? How to make the visual image become the link between the user and the brand?

What we designers can really grasp is nothing but these points:

Color (main color, selection of color scheme)

Visual elements (image, photo, icon, button overall style)

Font (size, arrangement)

Dimensions (content size, image size, spacing size)

Remember to learn from Shakespeare! Do you deserve to master the Web design focus method of this article? It is mentioned that the use of color, size, visual level can create a visual focus. The same thing, this time using them to create the consistency of web design.

Excellent experience design comes from the pursuit of detail. We especially need to work on these small details.

Design also takes into account the consistency of the different pages, although the features are different, but in general (that is, slightly flexible) to maintain a consistent visual style between different pages-for example, logo and navigation location.

Advanced after consistency

　　Bold with color

The emotional effect of color presumably everyone knows that bold colors can effectively attract users.

But pay attention, must pay attention to the relationship between color and brand. For example, this year is extremely popular emerald green, but you use emerald green as the main color to Coca-Cola Design Web page, is a bit inappropriate?

　　Highlight Personality

Any design has its own tone, the tone of the design has affected the user's impression of the Web page. Adding a bit of personalization to the premise of consistency is a very good idea to improve the expressiveness of content.

Think again, some website although have consistency, but the style is inflexible, let the user feel very uninteresting. If the web design is very fresh, personalized, and tightly connected, users will first feel very interesting, and then think, "Well, the style of this page is quite consistent." "(Don't die for consistency and look at design from a more holistic perspective.) )

Fully consider user expectations

At the same time also take into account the user's expectations, carefully consider how the Web page is linked to the user, considering the user's feelings on the site.

Like the above, do not blindly processing consistency and get carried away, to take into account the user, user-centric design

Conclusion:

Understanding the principle of consistency and applying it requires a certain design basis.

Just like learning a set of boxing needs action decomposition, the designer must first master each "small" elements of the design method, and then be integrated to form a "large" level of consistency.