Стили WEB-дизайна

Metro

Metro

Стили WEB-дизайна

Metro Стили WEB-дизайна

С точки зрения композиционного решения в стиле Metro на смену традиционной двух- или трехколончастой структуре приходит, так называемая модульная сетка, в которой различные модули-блоки размещены, на первый взгляд, в хаотичном порядке. В то же время, следуя принципам юзабилити, основные навигационные блоки и логотип компании размещают в верхней части страницы для того, чтобы посетитель без труда нашел необходимую ему информацию.

Выбор цветовых решений в палитре стиля Metro поражает воображение и в этом заключается его главное отличие от минималистичного стиля, в котором используется принцип трех цветов и монохромной гаммы. Яркие, сочные цвета и оттенки, сочетание контрастных цветов, широкое использование различных текстур – все это делает данный стиль весьма привлекательным. С другой стороны, в отличии от скевоморфизма в стиле Metro не используются слишком сложные и реалистичные структуры, поскольку страницы должны быстро загружаться даже при низком качестве соединения.

Особое внимание в стиле Metro уделяется анимации, ведь он предполагает достаточно обильное ее использование. К примеру, кнопки или активные элементы могут реагировать на нажатие, а переход с одной страницы на другую или просмотр фотографий может осуществляться с анимированным эффектом. Тем не менее, не стоит забывать о том, что анимация должна быть «осмысленной». Иными словами, следует избегать излишнего мельтешения и отвлечения внимания посетителя от необходимой информации. С точки зрения графики в стиле Metro следует отказаться от чрезмерного копирования различных объектов и эффектов реального мира и, по возможности, заменить их на инографические. К примеру, навигационное меню строится на статических схематических изображениях, которые интуитивно понятны посетителям.

В вопросе типографики в стиле Metro все достаточно просто, поскольку для этого стиля было разработано целое семейство шрифтов Segoe. Главное отличие данных шрифтов заключается в том, что они остаются читаемыми даже при малых размерах, а значит, размещенный на странице текст можно будет прочесть даже с мобильного устройства. И в то же время, шрифты семейства Segoe визуально красивы: они имеют округлую форму и лишены засечек. К слову, данные шрифты доступны в различной жирности, а также в курсивном варианте, что позволяет не искать отдельные шрифты для заголовков и текстового наполнения.

Поскольку сайты, выполненные в стиле Metro, отлично смотрятся на различных устройствах, он является необычайно привлекательным для представителей различных сфер: от частных страниц-визиток и персональных блогов, до корпоративных сайтов крупных компаний и интернет-магазинов. Благодаря его простоте и лаконичности, и, в то же время, широкому использованию анимации, сайты, выполненные в данном стиле, смотрятся актуально и свежо. К слову, применение различных анимационных эффектов, делает стиль Metro необычайно привлекательным также для оформления различных посадочных страниц с акционными предложениями, а также сайтов-витрин или галерей.

Свяжитесь с экспертами

Появились вопросы?

Свяжитесь с экспертами Появились вопросы?

+
@
Согласие на обработку персональных данных

Пользователь, оформляя заявку на сайте https://avada-media.ua/ (далее – Сайт), соглашается с условиями настоящего Согласия на обработку персональных данных (далее — Согласие) в соответствии с Законом Украины «Про захист персональних даних». Принятием (акцептом) оферты Согласия является отправка заявки с Сайта или заказ у Оператора по телефонам Сайта.

Пользователь дает свое согласие на обработку своих персональных данных со следующими условиями:

  1. Данное Согласие дается на обработку персональных данных как без, так и с использованием средств автоматизации.
  2. Согласие распространяется на следующую информацию: ФИО, телефон, электронная почта.
  3. Согласие на обработку персональных данных дается в целях предоставления Пользователю ответа на заявку, дальнейшего заключения и выполнения обязательств по договорам, осуществления клиентской поддержки, информирования об услугах, которые, по мнению Оператора, могут представлять интерес для Пользователя, проведения опросов и маркетинговых исследований.
  4. Пользователь, предоставляет Оператору право осуществлять следующие действия (операции) с персональными данными: сбор, запись, систематизация, накопление, хранение, уточнение (обновление, изменение), использование, обезличивание, блокирование, удаление и уничтожение, передача третьим лицам, с согласия субъекта персональных данных и соблюдением мер, обеспечивающих защиту персональных данных от несанкционированного доступа.
  5. Персональные данные обрабатываются Оператором до завершения всех необходимых процедур. Также обработка может быть прекращена по запросу Пользователя на электронную почту: info@avada-media.com.ua
  6. Пользователь подтверждает, что, давая Согласие, он действует свободно, своей волей и в своем интересе.
  7. Настоящее Согласие действует бессрочно до момента прекращения обработки персональных данных по причинам, указанным в п.5 данного документа.
Присоединяйся к нам

Отправить резюме

+
@

Свяжитесь с нами любым удобным для Вас способом:

+ 38 (097) 036 29 32