Three interesting web design trends that are most likely to be underestimated

The design of a unique site is a lot of designers have been pursuing things, so we are fascinated with a variety of fashion elements, beautiful color, popular trends, retro style, and so on. Time-validated classic design, fixed collocation is a good choice, and gradually show the new trend of Tau Kok, you can better meet this demand.

A new design techniques, combining the latest design skills, show and predecessors of different gas field, with more modern temperament to carry content, such a site will undoubtedly more attractive users, so that visitors unforgettable. The three design trends that we're talking about today have been going on for a while, but they have not attracted much attention as a relatively comprehensive design approach. These three design effects can be achieved only by using existing elements, colors, and typography, but they are not lost to other trends, both in terms of aesthetic features and functionality. Are you interested?

　1, two color deployment color scheme

Two-color leveling has been in existence for a long time, single we said in a few days of the Duotone scheme is in full screen design background, add the gradient effect and high impact visual design of the two-color deployment color scheme. In the flattening of the trend, Spotify wide range of use of Two-color color, this design technique pushed to the forefront.

So what is the specific color of the two-color deployment?

In short, there are two colors to form a set of color. The most common two-color leveling color is the combination of complementary colors. In more complex situations, the use of other combinations to create a specific feeling, break the conventional color style, there may be surprises.

Most of the Duotone effect is to use a brightly colored hue superimposed on the photo to achieve, to enhance the depth of color contrast, so as to create a color impact. Shopify the use of this technique is very skillful, in the appropriate layout design with the combination of dozens of designers photos in this unique way to show out.

From a technical point of view, Two-color leveling can be used with many other design techniques, techniques, such as full-screen design, such as response design, such as illustrations, as in the case above the many techniques. In addition to its unique visual effects, it can be used to emphasize, contrast. This is a very strong expression, use the right amount of time to remember.

　　2. Split-screen design

Split-screen web design cases are growing exponentially. Technically, this type of web designer likes to divide the screen into two blocks, both of which are of the same size, and sometimes with outlines to emphasize the concept of the region.

The effect of this design is very cool, in the code in place, when the page is open on the desktop side, two blocks are displayed side by side, and on the mobile side, side-by block intelligently in the form of stacked up and down.

Split-screen is designed to use in fact can be nested subdivision, it can be a simple half, also can set a grid, infinite segmentation, such cases are very much. The partitioned blocks can host similar, contrasting content, and can host disparate media types, and raster-formatted chunks can also help web designers explore what users are really interested in.

The split-screen design is friendly to the user and can be well combined with responsive design, while adding more new technologies and design techniques.

Here are some techniques for efficient split-screen:

• When you do not have a strong visual design, pay attention to the combination of font and color

• Draw users ' attention from left to right to guide the user's visual movement.

• Use color blocks to split the screen, leaving enough space for the primary information to ensure the overall readability.

• View the split screen as a oversized card. Make different content into smaller chunks and make mosaics in large cards.

• Try to make sure that the content in each block is easy to read.

3. Space-sharing layout

You may have seen this trend elsewhere: text typesetting has been extended to shared design space. In most Web sites, images, backgrounds, and text are the main elements that are either nested organically or separated from each other.

But more and more designers are beginning to try to break the boundaries between the elements, different types of visual elements break the inherent position, into the space of other elements, stacking, overlapping, scattered. It seems to be very interesting.

But given the overall readability, this design is quite challenging.

To use this design technique, it's best to mix it with simple typography. Text should be sufficiently contrasted with other elements to ensure that it retains basic readability and discernment when it crosses several different elements. This also makes the vast majority of such sites tend to use black and white text.

Font size is also a noteworthy attribute, and it is as important as color control. You also need to pay attention to the display and movement of the text part on different sizes of the screen, which is the breakpoint in the response change.

In many design cases, the most noteworthy is the Deux huit huit. The movement of the text across the main page of the homepage is how to make sure it is readable when it crosses a picture or background.

　　Conclusion

There are a variety of design trends, many of which are outdated when you just get to know them, and those that really stand are mostly compatible with other technologies, trends, and design techniques. And the three trends we're talking about today are exactly the same, they can be compatible with modern styles, popular layouts and development frameworks, and more importantly, they can look, look good, and not spoil your aesthetic.

It is not difficult to achieve them, update, replace, delete is not a troublesome thing, if you look tired of the current site home, may wish to try these new things, may make you feel better, let users get surprises.