4 свежие альтернативы гамбургер-меню

30/11/2016 18:09

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

За несколько лет гамбургер-меню стало стандартом. Его бессовестно используют, особенно в адаптивной версии. Без сомнения, это имеет свои преимущества. Все удобно, компактно и интуитивно ... и скучно.

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

1. Навигация с вертикальным расположением

Тенденция к созданию навигации с вертикальным расположением появилась недавно. Выглядит свежо и выделяется из обычного горизонтально ориентированного контента. К тому же занимает мало места. Смотрится компактно и информативно, так как информация растягивается во всю высоты экрана.

Навигация с вертикальным расположением

2. Меню расположенное по периметру экрана 

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

Меню расположенное по периметру экрана

3. Сверхтонкое выдвигающееся меню

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

Сверхтонкое выдвигающееся меню

Что же касается удобства, в большинстве случаев сайдбар выпадает, раскрывая все скрытые элементы, как в мобильных приложениях.

4. Навигация на сайте в виде вертикального меню

Вы можете сказать: «Это уже было». Так же, как горизонтальное меню, навигация на сайте в виде вертикального расположенного меню кажется банальной. Но в эпоху кнопки гамбургер-меню, решение кажется удачным. Элемент можно использовать и на цветном, и на прозрачном фоне, размещать в любом месте. Обычно находится возле с логотипа.

Навигация на сайте в виде вертикального меню

Вывод

Как говорится, главное в деталях. Меню способно украсить внешний вид, выделить основное. Такие элементы сделают сайт уникальным, свежим и непохожим на другие.

Все новости