What are the trends in UI interface design?

We also need to attach great importance to the visual trends of UI interfaces. After all, the direction of the revision every year, visual style research is an essential part, and the official start is now. A small amount of gradients. This year, we saw large-area gradient designs on various websites. Compared with the previous two years, there are fewer and fewer, and the design is somewhat restrained. Although the large-area gradient color has strong visual impact, most of it remains in concept. From this year’s design, we can see that the design is more rational and restrained, applying gradient colors to key functions and highlighting important information. In the ticket purchase interface, gradient colors are applied to the head position to emphasize functions. Use it on function cards to highlight key information. As shown in the picture above, the design also only uses gradient colors on the background, and there are basically no gradient colors on other cards. Bauhaus-style geometric graphic design is currently the most used design technique. This year, we found some relatively abstract and artistic Bauhaus-style geometric graphics, which are widely used in UI design, and the effect is not bad. The advantage of this kind of graphics is that it has strong memory and wide application. It can not only be expanded into brand packaging and brand graphics extension, but can also be used in UI design. The card design uses some graphics with intentional symbols to express the functional design and form a memory point. The brand design also repeats this minimalist Bauhaus style geometric pattern. Extract the logo elements, stylize them into Bauhaus style, and reuse them in the design. Designs like this are common this year. A large number of 3D interfaces are used in interface design. Two-dimensional interfaces no longer meet current design needs. Designers explore the integration of more dimensional disciplines and UI interfaces to form a new visual sense. Uber’s concept official website is presented in 3D to express functional highlights. Making the two-dimensional world three-dimensional will be an important trend in 2021. At present, there are some products online at home and abroad that have begun to use this design technique in some functional modules, such as Naver, Alipay, etc. The frosted glass effect can be said to be a trend cycle, and the frosted glass effect is back. This is also a design that appears more frequently in various website designs this year. The new frosted glass effect pays more attention to functional description and is used in places with visual emphasis. As shown in the design above, frosted glass is used on the key information at the top. This design can reduce the use of other colors and can also emphasize functional information. The frosted glass effect is used in the personal center and the position of the character's avatar to emphasize the design. Using frosted glass to package the UI interface can enhance the sense of quality and mystery. The immersive interface is designed to integrate functions and scenes, so that users can have more situational experiences when using the product. This is also a design idea that has become quite popular this year. This kind of design appears more and more frequently on various websites, and the design effect is very impactful and has been recognized by many designers. The key character elements and designs in the scene are cleverly integrated. Use hyper-realistic design techniques to layout the characters and hotel scenes. Assemble production materials and products. The realistic plant elements and land are cleverly combined to visually convey a realistic effect. The magazine-style interface layout and magazine-style design have a distinctive style, which can help the product create a stronger memory point. The advantage of magazine design is that it is not constrained by the grid, uses large fonts for typesetting, and is more personalized in design and typesetting. We are in the early stages of product concept exploration and can try more of this style. Skeuomorphic icons Skeuomorphic icons are back. Apple’s new version of Big Sur system uses skeuomorphic icons. This is also a new attempt, and of course it is also a beginning. It is necessary for us to always pay attention to this trend, and we will see the emergence of skeuomorphic icons in more designs in the future. However, this style cannot be used on a large scale in the interface. We can use it in the design of some key function entrances. When used in weather, compared to the previous flat design, the current skeuomorphic design with space adds a sense of realism. The use of circles I think everyone may overlook the circular trend. In recent years, circular designs are everywhere in design. Its benefits are self-evident, with strong affinity and wide scene coverage. Circles can be used in almost any design. Therefore, it is necessary for us to pay attention to the skills of using circles. Starbucks' web UI concept design uses circles and products for collective design and layout. New Mimicry Interfaces 2021 One of the trends that received a lot of attention in 2020 is the neomorphic trend, which makes heavy use of soft shadows and subtle gradients, making the design both futuristic and realistic, and bringing a twist to familiar interfaces. new feeling. Compared with the previous large areas of thick shadows, the current new simplified mimicry interface will restrain the use of these elements.