This article discusses how to apply the Metro style to website design.

　　

 

　　Metro style originated from Swiss internationalistic Graphic Design

Although the flat design already exists before the metro style, what really attracts people's attention is its birth. The Metro style starts with the Segoe font. Segoe is a Spanish-style unlined line that provides fonts for the user interfaces in many new Microsoft products. Segoe is inspired by Helvetica and Swiss internationalistic graphic design. It is designed as a simple and accurate tool for information delivery. Without additional decoration and moving parts, Segoe is a new way to present clarity, accuracy, and accuracy.

　　

 

Segoe and Helvetica

　　

VcPmyei8xqOp "height =" 565 "src =" http://www.bkjia.com/uploads/allimg/131122/00332550V-2.jpg "width =" 500 "/>

 

Swiss internationalistic Graphic Design

　Similarities between Swiss internationalistic graphic design and Metro Style Design

Because the metro style was developed by Swiss International flat design, after analogy, we were surprised to find that the two have striking similarities: their design purposes are simple and easy to recognize. The style is simple and clear, the function is accurate, and the pursuit of geometric rigor. Uses asymmetric layout organization. The alignment mode uses a symmetric method with different left and right lengths using a square grid as the basis for the design. Form a highly functional and rational design style. Use the no-trim font as the main design font.

　　

Windows 8 startup Interface

 

　　

 

Swiss internationalistic Graphic Design

　　From the limitations of Swiss internationalistic graphic design to the limitations of the metro style interface

The so-called needle has no two sides. The advantages of Swiss internationalistic graphic design are exactly what he lacks. First of all, Swiss International design works must be objective and non-personal design. Individual preferences, special requirements of customers, and publicity pressure should be ignored. The only criterion is the visual strength and effect. Excessive rationality and formula lead to the destruction of a humanized aisle. Ignore the need of the general public for emotional. Second, the Swiss internationalistic graphic design form focuses on the digital grid, and lacks the perceptual thoughts of mathematical logic and rational thinking, which imposes great limitations on designers. It is not conducive to the divergence of thinking and the layout is too rigid and restrained. It lacks the characteristics of being more free and personalized.

　　

 

Grid Design

Finally, after Switzerland's internationalistic graphic design developed to the United States, it gradually deviated from the original intention of the design pioneers. It gradually becomes a style rather than a motive as a void formalism.

Taking history as a mirror, we can know how to replace it. According to the demise of Swiss internationalistic graphic design, we can find the limitations of the metro interface.

　　

 

Excellent win8 Design

1. Erase personal emotional thoughts. Different from ios's quasi-materialized emotional design. Metro style abstracts texture to the maximum extent. In the interface design, basic elements such as the highlights and shadows are discarded. Is the purely graphic design style what the user wants? When the real world and the Internet world are completely separated, will the interface design of the future be a parallel visual system that does not overlap with the real world?

2. Too strict grid layout imposes great limitations on designers. First of all, it is undeniable that the grid design has good guidance, which will make the interface more uniform. However, grid use does not mean boring design. A good designer can not only reasonably apply grid-based layout rules, but also timely break these rules. But how can we develop a creative design when rules cannot be broken?

3. increase cognitive and learning costs. How can we quickly distinguish information from each other when it is completely presented to us? Currently, the metro interface uses color blocks to quickly locate the corresponding modules. But what if the patient is blind? What they can see, or the unrecognizable figure below.

　　

 

If the network is poor, the network is changed. From the origins of metro in Swiss International graphic design, we have seen the crisis and opportunities. How can we solve the interface design in the corresponding metro style? In fact, you can find relevant answers in designs such as Muji and Ikea. On the basis of simplicity and clarity of information, the layout is open, texture is appropriately increased, and humanized taste is added. For example, it is also a direct List of information, but the use of images brings a natural texture. The plate type is flexible, which brings different tastes in the Rules and conciseness.

　　

 

Is there an unclear question about the continuation and development of the metro style so far? He may be a very powerful branch of the current ui trend. However, it will be like the future interface of sci-fi movies, filled with simple lines and Icon information evolved from the metro style? I think it is still unknown.