Background is the place of work, for the design of the background is very important, the design of the background should follow the principle of simple and practical, let the user better and faster, first-class design network (Yiliusheji.com) take you to see the relevant background design points.
1. Differentiate the content area and navigation bar in dark and light colors to make the module clear.
2. An innovative layout for Saas systems. The designers use a small number of dividing lines to separate the menu bar from the content area on the right, reducing visual noise. It not only unified the module, but also enables users to perceive the function of the module at a glance.
3. The most eye-catching data chart, restrained blue and fluctuating line chart, presents users with a natural and realistic effect, which is in line with users’ psychological expectations.
4. Horizontal layout is in line with the mainstream style in the market and the F-type browsing mode. Each single indicator module uses the left – aligned way to unify the layout, which is convenient for users to read.
1. Uniform rounded corner cards are used in the content area to make module information more focused.
2. Proper grid spacing between cards makes the layout look more breathable and clean.
3. By using uniform linear ICONS, designers should be trying to make the overall look lighter. You can decide whether to use planar or linear ICONS based on your platform attributes.
▲ Common menu bar skin and shrink style, no inspiration when there is no style can refer to it
1. The background color of the menu bar is usually brand color or light color. Except for business needs, common CRM and OA systems can cover the main function page by using one main color. This not only reduces visual noise, but also reduces the amount of redundant code. Thank you
2. The plane and line limit ICONS in the figure maintain the design sense of identification, easy to understand and volume sense. The only drawback is that the face icon is not very uniform.
▲ What is special about the whole design is the card design of three color blocks. For those who are tired of using single color blocks and regular gradients, try radial gradients. Clean and designed.
1. Stick figure illustration is now widely used in background system interface design in foreign countries. In China, it is mainly due to the limitations of business and the “aesthetic” of Party A’s father, so it is used in much less places. But try adding it to a regular, single, empty state page to spice things up. Interested students can study a large volume of nails, flying books and other mature products.
2. The data ink ratio of the data chart is reasonable, the color contrast is clean, and there is no too much color interference.
▲ The whole interface background layer uses multi-color gradient blur effect, relatively fashionable and novel design techniques, looks very advanced. Different from the market mainstream light gray background.
▲ Many designers are not good at dealing with the layout of long and complicated fields, for the selection of fields, the layout style is single. The layout of the content fields in the figure is worth studying. A variety of layouts can greatly improve reading and reduce visual fatigue.
▲ The background interface can also add some textured design details. The dashboard and switch in the picture are all slightly textured and enhanced with detail. Remember not to design too fierce, there will be a sense of invasion.
Conclusion:
Yiliusheji.com believes that backstage design can actually attract people’s attention, the simpler the design content, the more you can tell whether a designer’s basic skills are solid or not. Look more at the design techniques of foreign designers, absorb a little every day, in my mind, through the accumulation of 365 days a year. Looking back, you can see a qualitative improvement in your understanding of design.