Web-design styles

Metro

Metro

Web-design styles

Metro Web-design styles

From the point of view of a compositional solution in the Metro style, the traditional two- or three-part structure is replaced by the so-called modular grid, in which various modules-blocks are placed, at first glance, in a chaotic order. At the same time, following the principles of usability, the main navigation blocks and the company logo are placed at the top of the page so that the visitor can easily find the information he needs.

The choice of colors in the Metro style palette is amazing and this is its main difference from the minimalist style, which uses the principle of three colors and monochrome gamma. Bright, rich colors and shades, a combination of contrasting colors, the widespread use of various textures – all this makes this style very attractive. On the other hand, unlike Metro-style skeuomorphism, very complex and realistic structures are not used, since pages should load quickly even with poor connection quality.

Particular attention is paid to the style of Metro animation, because it involves a fairly abundant use of it. For example, buttons or active elements can respond to clicks, and switching from one page to another or viewing photos can be done with an animated effect. Nevertheless, do not forget that the animation should be “meaningful.” In other words, excessive flickering and distraction of the visitor’s attention from the necessary information should be avoided. From the point of view of graphics in the style of Metro, one should abandon excessive copying of various objects and effects of the real world and, if possible, replace them with infographic ones. For example, the navigation menu is built on static schematic images that are intuitive to visitors.

In the matter of typography in the Metro style, everything is quite simple, since a whole family of Segoe fonts was developed for this style. The main difference between these fonts is that they remain readable even with small sizes, which means that the text placed on the page can be read even from a mobile device. And at the same time, the fonts of the Segoe family are visually beautiful: they are rounded and devoid of serifs. By the way, these fonts are available in various weights, as well as in italics, which allows you not to search for individual fonts for headings and text content.

Since sites made in the Metro style look great on various devices, it is extremely attractive for representatives of various fields: from private business card pages and personal blogs to corporate websites of large companies and online stores. Due to its simplicity and conciseness, and, at the same time, the widespread use of animation, sites made in this style look relevant and fresh. By the way, the use of various animation effects makes the Metro style unusually attractive also for the design of various landing pages with promotional offers, as well as display windows or galleries.

Contact the experts

Have a question?

Contact the experts Have a question?

+
@
I accept User agreement and I give my consent to processing of my personal data
Personal data processing agreement

The user, filling out an application on the website https://avada-media.ua/ (hereinafter referred to as the Site), agrees to the terms of this Consent for the processing of personal data (hereinafter referred to as the Consent) in accordance with the Law of Ukraine “On the collection of personal data”. Acceptance of the offer of the Consent is the sending of an application from the Site or an order from the Operator by telephone of the Site.

The user gives his consent to the processing of his personal data with the following conditions:

1. This Consent is given to the processing of personal data both without and using automation tools.
2. Consent applies to the following information: name, phone, email.

3. Consent to the processing of personal data is given in order to provide the User with an answer to the application, further conclude and fulfill obligations under the contracts, provide customer support, inform about services that, in the opinion of the Operator, may be of interest to the User, conduct surveys and market research.

4. The User grants the Operator the right to carry out the following actions (operations) with personal data: collection, recording, systematization, accumulation, storage, clarification (updating, changing), use, depersonalization, blocking, deletion and destruction, transfer to third parties, with the consent of the subject of personal data and compliance with measures to protect personal data from unauthorized access.

5. Personal data is processed by the Operator until all necessary procedures are completed. Also, processing can be stopped at the request of the User by e-mail: info@avada-media.com.ua

6. The User confirms that by giving Consent, he acts freely, by his will and in his interest.

7. This Consent is valid indefinitely until the termination of the processing of personal data for the reasons specified in clause 5 of this document.

Join Us

Send CV

+
@
I accept User agreement and I give my consent to processing of my personal data