Галерея, посвящённая только навбарам
Навигацию обычно делают по остаточному принципу: логотип слева, меню справа, сдаём. Navbar Gallery поступает наоборот — берёт только навбары и делает одно дело хорошо: выставляет удачные чужие решения рядом, чтобы вы могли выбрать.
Сейчас в коллекции сотни вариантов навигации с реальных сайтов, с постраничным просмотром и ссылкой на оригинал: переход ведёт к работающей навигации в живом состоянии, а не к макету.
Как устроена классификация
Разбивка идёт по типу конструкции — близко к тому, как решение выбирают на практике:
- Static / Sticky — обычная навигация, закреплённая сверху, без выпадающих списков
- Dropdown / Flyout — подменю раскрывается под родительским пунктом
- Mega Menu — большое многоколоночное меню для сайтов с широким каталогом
- Side Bar — вертикальная боковая навигация
- Search Bar — поисковая строка как основа навигации
- Announcement Bar — тонкая полоса объявлений сверху, обычно про акции или обновления
- Full Screen Menu — меню на весь экран, часто с графическими элементами
- Breadcrumbs — навигация по уровням-«хлебным крошкам»
Как этим пользоваться
Это скорее справочник по выбору решения, чем инструмент. Когда начинаете новый проект и определяете структуру навигации, сначала отфильтруйте похожие сайты по типу и посмотрите, как в них решены мобильная вёрстка меню, размещение CTA и смена цвета при скролле, — это заметно быстрее, чем придумывать всё самому. Заодно снижается цена коммуникации на этапе макетов: отправить ссылку гораздо проще, чем описать словами.
Проект поддерживает Mobbin, кроме того есть приём заявок на добавление сайтов и подписка на рассылку.
