Web Design consistency: Design style and brand image vision and interaction

Article Description: The goal of Web design is to link Web pages and users, and to create trust in the Web site through design (handy navigation, smooth interaction). Although web design is primarily functional, it can still provide users with an excellent user experience.

One of the main points of web design is consistency, where designers first need to understand consistency and then work on building the links between page elements.
The goal of Web design is to link Web pages and users, and to create trust in the Web site through design (handy navigation, smooth interaction). Although Web design is primarily functional, it can still provide users with an excellent user experience.

Customers, users, and consistency:

Web pages with consistent qualities can help promote branding and deliver information clearly. Customer care is the design can effectively convey their brand, information, care about whether the design can build a brand in the consumer trust.
If the brand information transmission is not consistent, or obscure, then it is difficult for consumers to trust the brand, which affects the customer's sales and performance.

Consistency and personal promotion of designers:

As a designer, you are a brand, and you need to think carefully about how to create a consistent "personal brand". If your personal blog design style consistent, sufficient weight, case rich, then customers can easily come to the door.

Brief overview of consistency:

Layout orderly, homepage, sub-page rule-based, color scheme from the system, interactive mode of unified coordination, with the depth of the content ———— this is consistency.

gov.uk web Design is very consistent, people feel very rigorous, color matching is also very solid, which is in line with the image of government-type websites.

Key to consistency design

The consistency of design style and brand Image:

The web is a new medium, but the design pattern is not entirely new, and remember that the Web design that used to follow some of the rules of the print design (still deeply affected). A good designer can combine the new form of the network seamlessly with the tradition. In other words, some places have to be connected.

For example, if you want to design a website for the traditional mall, then the webpage must be able to play the role of carrying the brand information, and the operation is fluent, the interface is refreshing.

Secondly, it is also to ensure that the real life with the brand image has been linked. (So even if the user has not visited the brand's website, after looking at your design will also think, "Ah, this is a brand of the site. ”）

Or the old saying, a solid trust, that's the goal.

Visual consistency:

Is your margin, the size and size of the various elements consistent with the design?
To think carefully, consistency design will greatly improve our design process and shorten the design cycle. Because design a set of norms, rule-based natural design is handy.

Consistency of Interaction:

In addition to the appearance of the consideration, in the "interaction" and "behavior" on the design. Carefully pondering how users should interact with the Web page. What dynamic effect does the user present when entering? The interactivity of each page should also be consistent.

Inc's sense of cleanliness coincides with its brand style.

How to design a "consistency"?

It's 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?

In fact, most of the above said is more vague ideas, we designers can really grasp, but also 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 This article? It has been 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.

OnSite this web design to create an impressive brand image, flat design throughout the main page and subpages, the style is roughly the same.

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

WooThemes visual style is outstanding, the design tone is very good-this kind of larger website consistency is very difficult, very bad design.

Check

I'm a list maniac, and I think the list has one good thing: make things more organized and work progressively. (but this also leads to too many bars, and thus a slight delay ...). In short, the advantages outweigh the disadvantages)

Well, here's a simple list that you can look at when you've finished designing.

1. Font: Check whether the font is consistent with the overall style. Does the vertical reading rhythm of different pages coincide?
2. Image: Icon, visual style and size of the image is roughly the same? Does it clash with the overall style? The style of the button is unified, is the filling type or the hollow type?
3. Color: How does the overall color feel? Does the color style match? Does the color match with each other?
4. Layout: Is the position of the top navigation and logo the same? are line spacing, text, and image spacing consistent? Are the overall layouts similar?

Of course, you can also design a look at this list before, but I think it will affect the design ideas.

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.

Hope that the above content will help you, I hope you can use in the design of the above list (also can write their own list), design the heart to have "consistency" concept, over time, you will find their growth.