Примеры всплывающего меню с навигацией по сайту

31.01.2020

Примеры всплывающего меню с навигацией по сайту

Достаточно долгое время навигация по сайту (меню), как правило, находилась в левой или верхней части экрана. Анимация тоже была простой — подчеркивание, изменение цвета или толщины букв самих пунктов меню.

По мере распространения и совершенствования Javascript и CSS анимация становилась более плавной, интересной и разнообразной.

С появлением адаптивных версия сайтов под мобильные устройства пришла и пиктограмма "гамбургера" — нового стандарта, который позволял дизайнерам скрывать часть или даже большинство ссылок меню до тех пор пока они не понадобятся посетителю сайта для перехода в тот или иной раздел.

В этом посте продемонстрируем различные примеры всплывающих навигационных меню на российских и зарубежных сайтах.

Газпром

Меню плавно появляется и занимает весь экран. Есть строка поиска и все основные разделы по сайту.

Примеры всплывающего меню - Газпром

Лента

Мгновенное появление меню без анимации с основными разделами каталога и частично с подразделами.

Примеры всплывающего меню - Лента

Рольф

Плавное появление меню с второстепенными подразделами сайта. Открывается во всю ширину в верхней части экрана.

Рольф

Связной

Анимации нет. Меню из бургера делает акцент на основных разделах каталога, мгновенно их подсвечивая. При наведении на основные пункты меню показываются и подразделы + графический баннер товара или акции.

Связной

Примеры будем добавлять...

#техподдержка #корпоративный #интернет-магазин #вёрстка
Заявка на проект
На Вашу заявку ответим в течении 3-4 часов в рабочие дни с 9:30 до 18:00
Нажимая кнопку отправить, Вы подтверждаете свое согласие с условиями политики конфиденциальности
Напишите нам
На Вашу заявку ответим в течении 3-4 часов в рабочие дни с 9:30 до 18:00
Нажимая кнопку отправить, Вы подтверждаете свое согласие с условиями политики конфиденциальности
Задать вопрос
Задайте Ваш вопрос по созданию, продвижению и поддержке сайтов и мы обязательно свяжемся с Вами
Спасибо!
Задать вопрос