Simpler and richer--minimalist web design visual presentation skills

How to make a messy and aggressive web page become thin and simple and beautiful, but also need to retain the full function, while a good distinction between the key modules? This is often the source of confusion for designers, how to better remove excess elements, colors, shapes and textures, retain focus and comb clear visual flow direction?

If a page has too many elements, users will be puzzled about where to look or misunderstand the priority of each element. A good designer needs to use the design language to guide the focus right to the correct content. As mentioned, minimalist web vision can bring the most important content to the front and avoid distraction for users, for example, in a black-and-white design of any color spots, will cause the user's attention, color itself will become the focus, This is a small topic that we are about to explore.

http://www.janreichle.com/

Product Prototype Vision transformation

At the beginning of the design, from the prototype to the visual version of the transformation process, good at graphical recognition of the http://www.aliyun.com/zixun/aggregation/10243.html "> Visual designers, in the face of complex and monotonous manuscript content, Often eager to launch the creation of a big fist, the lack of a clear comb to judge the overall page structure of the important link.
Which of the key modules need to be highlighted and which secondary modules can be moved to a more optimized layout or streamlined merge? This is a need for long-term experience accumulation, and constantly hone the patience and improve understanding of the ability to judge the growth process, but also the beginning of professionalism.

Weighing the layout and simplifying the design

The balance, alignment and contrast of layout layouts are essential to the visual effects of the pages. If the screen effect is top-heavy, or left or right imbalance, will let the user feel oppressive, thus affecting the smooth browsing information.

For reference, see "Principles of Design"
The first step in simplifying the design is not simply to remove most of the pictures, but to rethink the content and simplify it to a naked need. Only then will the most important elements of the page achieve the desired effect.

We can write down what must be: Logos, introductions, navigation, and so on. With your product manager, remove all other unwanted elements and throw them away as much as possible.

http://labs.qq.com/

The key here is not to have fewer features on the site, but to remove elements that are not necessary or to 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.

http://www.areyoufrank.com/

Use the color of the heart hint

Simple and transparent white page
White, because of its highest brightness, no hue, bright clean, carefree, simple, timeless, in the natural world symbolizes the ultimate purity and purity. White elegant, peaceful and simple, no strong personality, so the website design, White has advanced, technology image, is always popular main colors.
Brisk White can give a good sense of light speed, the use of the right to make any other lighter colors and bright colors show its depth, lightness and saturation of the difference, through contrast to make its bright colors more lively, attentive and comfortable. Neat, big blank at the same time let the user keep cheerful emotion to browse.

The following website shows the potential of using white to render content and a website itself:

http://www.istockphoto.com/index.php

White Page Design tips:
Make the links easier to identify, use light-colored or bright colors;
reduce clutter advertising pictures;
Avoid page looks trivial and tired;

Http://www.flickr.com

Crisp text color to make content easier to identify

http://www.sixapart.com/

A refined and elegant grey gentleman
Gray matter is reminiscent of IQ and brain power. It is not as bright as black, and not as white as pale, gray is black and white excessive, is the 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. Using light gray instead of white or dark gray instead of black can give the web a sense of elegance.

Http://www.apple.com

http://www.dbushell.com/

Gray is popular either as a background color or as a title or as a main font color. Grey is also the preferred color for minimalist web design, which typically uses light gray as a background color and uses dark gray as the main font color. Here are some very nice web designs that use gray.

http://www.iconwerk.de/

http://2008.dconstruct.org/

The philosophy of addition and subtraction in design
Starting with the first pixel, we began to use addition to create the perfect design works, but this is the ultimate? In the design of the timely use of amplification or reduction, constant change, can better trend of minimalism, repeated experience of every necessary element of the value of existence.

http://pc.qq.com/

Every time you arrive at this stage, the designer needs to be quiet and think, when the addition to a certain amount of time to do subtraction design, the test is the overall grasp of the designer's ability. Subtraction design is the design method that can be tried when addition is more mature. In theory, addition design is easier than subtraction design. Subtraction design more embodies the skill and accumulation of designers, the goal is less and refined.

http://www.31three.com/

Courage Bold to remove the border, so that the picture more transparent atmosphere, space visual elements not many, but also appear very rich, beautiful.
This process of addition and subtraction is the way to keep the design from becoming perfect.

Make space more breathable
It is also important to reduce the complexity of "visual perception" by removing and hiding ways to reduce design complexity. Blank and contrast is undoubtedly an effective way to reduce visual interference.
Proper whitespace in the visual layout is a necessary balance to balance the few elements that will appear on the page. It should be your default layout tool. One of the classic rules: don't place other design elements if you can use whitespace. If you layout in this way, you will be surprised to adjust the blank of the interface to complete the layout.

http://www.kylestanding.com/

Although the use of blank more and more, but also to the extent possible to ensure that there is a sense of contrast. Designers should use minimal visual changes to express ideas. In fact, this means that there is a sense of primary and secondary between elements.

Blank is not equal to pale
Page becomes pale? is the whole version of the text missing picture embellishment? After preserving the necessary white space, try to match the text with a beautiful picture of the eye, or to the paragraph text summed up a small icon, appropriate embellishment is essential.

Http://Pc.qq.com

Breathable white is not equal to powerless pale, so that the fun of the design to stimulate the user's visual nerves, so that the design more thinking, and constantly tend to concise and perfect.

http://www.devia.be/

Thank you for your reading, I hope to help you ^_^

Source: cdc.tencent.com/?p=2431