[Windows 8][Metro Style Apps] 浅论Metro Style

In Windows 8, there has been a new term --Metro Style Apps, also has been a very popular topic. So, in the end what is Metro Style it? And Metro Style also has what features it?


Preface

In Windows 8, there has been a new term --Metro Style Apps, also has been a very popular topic. So, in the end what is Metro Style it? And Metro Style also has what features it?

Microsoft MSDN official Metro Style Apps are explained as follows ( original link here ):

"Metro mode applications is an immersive application without borders, it will be displayed in full-screen mode, it is not easy to let distractions .Metro user-mode application can cooperate with each other, thereby simplifying the search, and share in each other's interprocess transfer content. when the user connected to the Internet, the application will display the latest content, allowing users to keep abreast of the latest information. connected using the account, users can download applications and use them on all Windows devices application."

Just look at the above paragraph, should still be a little difficult to understand what Metro Style in the end yes. So, the next, and everyone to share some little knowledge about Metro Style "life experience" of.

Metro!?

First of all, Metro is the name of a language (Metro currently no official Chinese translation, but I personally would think simple style of this name is very good shy).

Microsoft's definition of the Metro as follows:

File:Microsoft-METRO-UI-Description.svg

This passage can be translated as "Metro is our language. The reason why we call it Metro, because it is in content and layout is modern and clean, smooth and full of dynamic sense. And it is completely true of".

If even more in-depth discussion of this Metro design language and style, you have to properly introduce several of its core spirit.

Metro style clever blend of modern design (Modern Design), international typography style (International Typographic Style, also known as Swiss-style) and dynamic design (Motion Design) three spirit.

The so-called modern design, you can take the spirit of Bauhaus (Bauhaus) as an example; the spirit of modern design, not art for art, to design and design, but in human nature and function as a starting point, the design can be combined with daily life , beautiful and practical things.

The international style layout does, it is to use sans serif fonts and icons to the permutations and combinations to be presented and express the spirit and meaning. For example, often appear in our lives and landmarks airports, stations inside signage, and so, they are using a very simple design, a strong contrast of color, illustration and text, aligned to the layout grid lines through configuration and in a complex layout techniques unsubstituted or graphic images (of course, we see that relatively small gradient, shading, texture, etc. of glass or three-dimensional relief effect above).

The following few pictures, was a classic example of the international style of font design applications:

The Grid System 

image image

As dynamic design, it is referring to dynamically into the design to create emotions we want to bring to the user. This statement may be a bit difficult to imagine that the movie is a good example of this dynamic design:



George Carlin (Kinetic Typography)

These are the three Metro spirit, and further thinking, these three spirit also has its purpose:

  • Modern design - down to the essence of things
  • International typography style - clear, and it is beautiful
  • Dynamic design - into the life

Metro's practice

In Microsoft's products, the first closest Metro Style design of products should be introduced in 2005, Windows XP Media Center Edition inside the built-in Windows Media Center, it looks as shown below:

File:Windows Media Center on Windows XP.png

With the introduction in the year 2006 Zune player, on the user interface is very obvious design can sniff out the spirit of Metro Style:

File:Zune80and4.jpg

The listing for a while the Windows Phone 7 user interface is also used as the spirit of the whole design of the Metro, but the spirit of the Motion Design used in the dynamic brick, Xbox 360 live and Panorama and Pivot controls.

There are Xbox, also updated the new version of the Console, it is also a Metro-style design, as integrated into the concept of dynamic bricks used ~

Finally, of course, we can not forget the recently released beta version of Windows 8 consumers friends - in addition to the Start menu are adopted throughout the Metro design, the more is the use of dynamic tiles made better play, but also created a special Metro Style Apps this application class -

image

image

In fact, we can easily find, just grab Metro spirit, we can design a beautiful and smooth user interface. As long as seize and make good use of the spirit of Metro, it is no longer " true style ", " not ugly style "; " right of the UI ," " not ugly the UI ."

Hopefully this article can help you be a better understanding and knowledge of the so-called Metro, to help you during the Windows Phone Metro Style Apps or when developed, can develop more in line with the spirit of the Metro user interface -

Original: Big Box  [Windows 8] [Metro Style Apps ] On Metro Style


Guess you like

Origin www.cnblogs.com/chinatrump/p/11513105.html