Sleek and Small Navigation Design
Large-scale navigation designs were popular before, and then the hamburger icon became popular. The hidden design of the hamburger menu may not be obvious enough, and the traditional navigation design is gradually returning, but in terms of style, it presents a trendy and compact feature. This kind of navigation is more elegant in details and experience. More importantly, the small layout and control of the amount of information make it clear at a glance. If you want more navigation information, you need to click the "More" button.
space and focus for the main content below, while ensuring the functionality of the navigation itself.
And the flaws are also obvious, because the navigation is designed to be too small, which may confuse some users. From the current point of view, this kind of navigation is suitable for single-page websites or pages with relatively less traffic and full of personality. Websites with complex structures are not suitable for such a design trend.
The following three websites use this design trend to varying degrees:
is also placed on the sidebar, but on b2b data the left side. All the links are displayed on the surface, but from the name to the style, it is very simple and compact.
2. Interesting layer clipping effects
Learning to use layer controls to create visually appealing designs will give you a boost when designing. By controlling the interaction of elements on different layers, you can create mesmerizing visual effects.
Fortunately, the various design effects that used to be head-scratching are now a piece of cake for the front end of the web page. More and more mature front-end technologies make layer control and management more convenient. Recently, the most popular layer-related technology is the effect of layer clipping, which refers to the cutting of part of the element to make room for the element in the foreground.
This layer clipping effect is suitable for almost any type of website and design. The clipped part can be of any size and position. The trick to using this effect is to control the coordination between elements. elements fit together perfectly.
The clipped parts should be closely related to the overall design message and consistent with the design goals. For example, it should be able to aid navigation, guide vision, help users access information, facilitate functionality, and help users understand information.
website uses another method. The designer cuts out an area in the background, fills it with bright colors, and superimposes the oversized title text, staggered arrangement, and dynamic effects to create an interesting visual experience.
3. Quick Cut Videos
Designers have been using video to present designs and tell stories. However, the presentation of video content is ever-changing, and the most popular method at present is to use fast editing or accelerated video to quickly present rich content. There is no doubt that such an approach not only fits the current situation of short attention spans of users, but also better maintains user engagement.
The advantage of fast-paced video clips lies in the faster presentation of information. Users can quickly understand the content of the video when browsing, and the loop speed of the entire video is faster, which can better promote the interaction between users and the website.
The three sites below all use the quick-cut video element.
the designer not only made the video clips switch faster, but also used the fast-forward method to speed up. In the fast-edited videos, each small segment contains a keyword, and users hardly need to scroll the page. Learned a lot in the quick video.