Metro – Card style in website design

Metro style in web design is a website design based on interactive cards that contain images, content, hyperlinks. Microsoft first used the Metro style in 2010 in the interface

Design of its products. According to the company’s

The advantages of  header tag optimization (h1, h2, h3, h4, h5,h6) this style were a stylish and modern look as well as functionality. The user was not distracte by extraneous elements. All his attention was concentrate on the index cards that provide him with the desire content. This design was considere intuitive and simplifie the user’s work.

Today card design can be found on such well-known resources as .Twitter Pinterest Google and others.

Features of the card style
Metro style in design is very popular it is widely use to improve usability and facilitate the perception of large amounts of content. The card style has characteristic features:

Adaptability. The design is displayed correctly on any device.

 

header tag optimization (h1, h2, h3, h4, h5,h6)
Minimalism, no distracting elements. All attention is on functional cards.
Modern and aesthetic  erobern sie soziale netzwerke: schlüssel zu authentischen inhalten appearance, wide range of colors use.
Use of easy-to-read fonts (Segoe), clear thematic images.
Accessibility, intuitive understanding of functionality for the user.
Dynamism. Use of animation effects.
The presence of drawn elements: icons, volumetric buttons, infographics, which facilitate perception and stimulate target actions.
Metro style web Metro – Card style in website design

For which sites is the Metro style in design suitable?
Laconic and modern card design is use on sites of various topics. Portfolios .Blogs corporate sites business card sites, online ba leads  stores, and even landing pages. For example the Microsoft site still looks exactly in the metro style ( https://www.microsoft.com/uk-ua ) . On the main page there are large tabs with the company’s products and links to pages with detaile information about them. Between them there are standard cards with a brief description and hyperlinks to the content.  There are no extraneous elements.

Scroll to Top