As a professional-born designer, Xiaobian always sees various design trends in Moments and Weibo every year, such as camouflage shadows, fluid gradients, 2.5D, large fonts, etc. Today, the editor will only share with you several layout styles that appear under the design trend from the latitude of the layout. It has been several months since the release of IOS11, and the borderless design has been spread by viral fission. I believe many people are like the editor. There will be a feeling of being led by the nose~ Next, let's analyze the details of borderless design, card design and dividing line design of traditional layout~
Frameless design
Frameless design is a very popular design style in the past two years. It removes the style lines and borders of the page and expresses the design method by spacing.
1. The big picture is the main
The image itself can be divided. For example, when some applications publish the image, the user will cut the image.
2. The content is regular
The content above and below the white space is preferably relatively consistent, repetitive, and intimate, so that users will consciously group them into groups.
3. Niche vertical products
Under normal circumstances, niche products with simple functions are better suited for frameless design, while large-scale products such as Taobao, JD.com, and Weibo are not suitable for frameless design.
The IOS11 apple store uses the big picture to express the same level of content in the same way (big picture), which increases the style of the product and reflects the simple and not simple design concept of Apple products. Airbnb is also a big company that dares to try. It displays regular content in the form of cards and big pictures. The page does not have a dividing line, which is concise and easy to identify.
card design
The popularity of card design stems from material design. The emergence of card design breaks the unchanging layout of traditional design, greatly improves the utilization rate of layout, and creates more surprises. What are the advantages of card b2b data design, let's take a look.
1. Increase layout utilization
The card is like a container, which can put different categories of content in different cards, which can not only distinguish the content well, but also maintain the unity of the interface.
For example, in traditional lists, the content is generally scrolled vertically, and the display content is limited, but the card-style sliding design method solves the problem of limited space very well.
2. Distinguish card content
The card is like a container, which can put different categories of content in different cards, which can not only distinguish the content well, but also maintain the unity of the interface.
The content of each card represents a category, and it is a carrier that carries certain content and summarizes information of a category.
Each card is of different latitude, relatively independent, and related. The content information is summarized through the size of the card, which is more orderly.
3. Increase controllability and improve experience
Cards are widely used in design, high layout, can be covered, slid, stacked, and have better scalability and operability.
For example: Apple store IOS11 regularly displays content of different latitudes through the classification of multiple card sizes, which improves the utilization of the layout and also improves the style of the design. The most beautiful application uses the card design method to convey to the user the concept of only looking at one application on a page. Combined with the form of left and right sliding, the application is ingenious.