The most interesting thing about design trends is that there are always some subtle changes, and the silence and return of each trend will always be accompanied by different changes, and even create some new design patterns. As the temperature rises into summer, the web design trends this June are not completely new, they are all familiar faces, but if you take a closer look, you will find that the details are slightly different.
Next, we take a look at these 3 design trends that were popular in June:
1. Full-screen large image
Oversized full-screen images are nothing new in web design. However, if you look closely at these recent web designs that use high-definition full-screen large images, you will find that designers are increasingly stripping other elements from the entire fold design, making the background images more revealing. Strong, fills the screen more thoroughly.
In addition to the full-screen large image, there is no longer an independent navigation area or other elements. All foreground elements are located under the cover of the image, and the unity of the website is more obvious. Due to the lack of foreground elements, the entire background image assumes more of a visual display role, and only the best, most eye-catching and interesting images are more suitable for such a design.
The following three website design cases are all like this. Navigation and other functions are hidden in the background of the big picture, and the hamburger icon and other methods are used to guide users to click or attract users. Therefore, the quality of the pictures must be very strong.
The problems faced by this design method are also very specific, such as the usability problems of contrast and recognition brought by the background of the large image, the visual conflict between the foreground elements and the background image, and so on.
Other design elements, such as lines and elements such as "see more" and arrows, can play a certain role in visual guidance. Design details like this can alleviate some of the above problems, but designers need to be careful. Consider.
2. New split screen design
We have mentioned split-screen design many times in articles related to design trends, and split-screen design has also appeared many times as a monthly design trend in the same series of articles.
The advantage of split-screen design is that it can present two aspects of information well, and it can respond to different screen sizes. Whether it's on a desktop screen or a mobile interface, two different pieces of information are available at once. Users will not miss important information.
However, in the latest web design works, the split-screen design itself has not changed much in terms of function and form, but the processing methods and details are not the same as before.
First of all, these designs retain the basic idea and spirit of split-screen design, that is, dividing the screen into two parts to present information, but b2b data when dividing the area, the designers changed their minds. The Reach Digital split screen uses a diagonal asymmetric split screen with strong contrast between yellow and white, while Cap GunCup Creative, which also uses a diagonal split screen, uses a more simple black and white color scheme, and the Weima website uses The traditional left and right split screen, but the split ratio is divided according to 3:1, this split method is more interesting.
The benefit of split-screen design is that it can handle a wide variety of designs. Whether it’s a small website or a large amount of content, split-screen designs can keep users engaged. The split-screen design provides users with two different options, which are easy to understand and intuitive.
3. Low Transparency Color Overlay
Overlaying color on pictures and videos is nothing new, it is a very popular design technique and trend. This design technique makes it easier for designers to create layered effects, with the ability to overlay colors to create a more unified visual effect, control contrast, and create mood and mood.
In this design, the control of transparency is an extremely critical step. Often, designers don't make color overlays too low-transparency so that users can see image information in the background at a glance. However, in these cases today, users need to distinguish carefully to see what is covered in the background, because the transparency of the color overlay is not high, and the covering power of the background image is very strong. For this design trend, we can briefly analyze:
This design looks cool, and the low opacity allows the background to be textured, giving it more depth and creating an appealing visual effect.
This design trend is not suitable for conveying background information, because low transparency really makes it difficult for the details of the background to be clearly conveyed.
So, is this design trend worth following? This needs to be considered on a case-by-case basis.
Don't use this trend to present key picture information. If you just want to use pictures with color overlays to enhance the sense of hierarchy and increase the amount of information, then it's another matter.
In each of the cases below, the foreground elements are sufficient to convey clear content and information, and the image content behind the color overlay is more decorative. Although pictures provide some additional information, these information are not critical, they are more to strengthen the vision.