How to make a messy and aggressive web page become thin, simple and beautiful, and need to retain complete functions and distinguish key modules well? This is often the source of trouble and entanglement among designers; how to better eliminate unnecessary elements, colors, shapes and textures, retain the focus and sort out the clear visual flow direction?
If a page has too many elements, the user will be confused about where to look or misunderstand the priority of each element. Excellent designers need to use design language to guide the user's visual focus to the right content. Minimalist web design can bring the most important content to the user and avoid distracting the user, for example, in a black and white design. Any color spots on it will attract the user's attention, and the color itself will become the focus, which will become a small topic we are about to discuss.
Visual transformation of product prototypes
At the beginning of the design, in the process of transformation from prototype to visual draft, visual designers who are good at graphic recognition often are eager to start their creation when facing the complex and monotonous line draft content, but they are neglected. Clearly sort out and judge the important links of the overall page structure.
Which key modules need to be highlighted, and which secondary modules can be moved to a more optimized layout or streamlined merge? This is a growth process that requires long-term accumulation of experience, continuous training of patience and improvement of understanding and judgment skills, and is also the beginning of professionalization.
Weigh layout and simplify design
The balance, alignment and contrast relationship in the layout layout are crucial to the page visual effect. If the screen effect is top-heavy, or the left and right is unbalanced, the user will feel a sense of oppression, which will affect the smooth browsing information.
The first step to simplifying the design is not simply removing most of the images, but rethinking the content and simplifying it to uncovered needs. Only then can the most important elements in the page achieve their desired effect.
We can write down necessary content: logo, introduction, navigation, etc. Work with your product manager, remove all other unwanted elements and throw them away as much as possible.
The key here is not to give the website less functionality, but to remove elements that aren't necessary or integrate multiple parts into a simpler layout. You can also split content into separate pages and give more attention to each part of the content.
Psychological hints of making good use of colors
Simple and transparent white page
White, because it has the highest brightness and is colorless, bright, clean, refreshing, simple, eternal and flawless, symbolizes ultimate purity and chastity in nature. White is elegant, peaceful and simple, without a strong personality, so in website design, white has high-end and technological images, and is the ever-popular main color.
Light white can give people a good sense of lightness and speed. Applied properly, any other light colors and bright colors can show differences in depth, brightness and saturation. By contrast, its bright colors will be brighter, more focused and comfortable. While neat and large blanks, users can keep their emotions happy to browse.
Tips for designing white pages:
Make links easier to identify, use light or bright colors;
Reduce messy advertising pictures; do not use too small fonts.
Avoid the pages appear trivial and fatigued;
Bright text colors make the content easier to identify exquisite and elegant grey gentleman
"Gray matter" reminds people of IQ and brain power. It is not as bright as black, nor as pale as pure white. Gray is an excessive black and white, and it is a perfect complementary color. Gray can be paired with any color, and because of its neutrality, it is often used as a background color to make other colors stand out. Use light gray instead of white or dark gray instead of black to give the web page a unique sense of elegance.
Gray is very popular whether it is the background color, the title or the main font color. Gray is also the preferred color for minimalist website design. Such websites usually use light gray as the background color, and then dark gray as the main font color. Here are some very good website designs using grey.
Designed philosophy of addition and subtraction
Starting from the first pixel, we began to constantly create with addition to build perfect design works, but is this the ultimate? Using amplification or reduction in design timely and constantly changing, it can better tend to be minimalist and repeatedly try to find out the value of each necessary element.
Whenever we reach this stage, the designer needs to calm down and think. When the addition reaches a certain amount, then switch to subtraction design, which tests the designer's ability to grasp the overall situation. Subtraction design is a design method that can only be tried when the addition is relatively mature. In theory, addition design is relatively easier than subtraction design. Subtraction design can better reflect the designer's skills and accumulation, and the goal requires less and refined.
Give up the courage to boldly remove the borders, making the picture more transparent and atmospheric, with no more and less visual elements in the space, but it also looks rich and beautiful.
This process of addition and subtraction is the path of training that keeps design moving towards perfection.
Make the space more breathable
In the methods of reducing design complexity by removing and hiding methods, it is also important to reduce the complexity of "visual perception". Blanks and contrasts have undoubtedly become an effective and important method to reduce visual interference.
Appropriate blanks in the visual layout are necessary to balance the small number of elements that are about to appear in the page. It should be your default layout tool. One of the classic rules: If you can use blanks, don't place other design elements. If you layout this way, you will be surprised to adjust the blank spaces in the interface to complete the layout.
Although the use of more blanks is better, you should also ensure a sense of contrast as much as possible. Designers should use minimal visual changes to express their ideas. In fact, this means that there must be a sense of primary and secondary between elements.
Blank does not mean pale
The page becomes pale? Is the full text missing the embellishment of pictures? After retaining the necessary white space, try to add a beautiful picture to the text, or summarize a small schematic icon for the paragraph text. Appropriate embellishment is essential.
Breathable white space does not mean weak pale, allowing interesting designs to boldly stimulate users' visual nerves, make the design more thoughtful, and constantly tend to be simple and perfect.