neo
76c4c5b4fe
- 74 brands: airbnb, stripe, apple, figma, linear, vercel, etc. - 147 files: DESIGN.md + README.md per brand (~2.1 MB) - Each DESIGN.md contains structured brand analysis (colors, typography, components) - Updated 00-overview.md with new design-systems directory
30 lines
1.2 KiB
Markdown
30 lines
1.2 KiB
Markdown
---
|
||
title: Web Navigation
|
||
created: 2026-06-02
|
||
updated: 2026-06-02
|
||
type: concept
|
||
tags: [web-design, navigation]
|
||
sources:
|
||
- raw/articles/web-design-research.md
|
||
confidence: high
|
||
---
|
||
|
||
# Web Navigation — Навигация сайта
|
||
|
||
## Ключевые принципы
|
||
- **Максимум 7 пунктов** (правило Миллера)
|
||
- **Sticky header** — навигация всегда видна (опционально: скрывать при скролле вниз)
|
||
- **Хлебные крошки** — обязательны для сайтов с 3+ уровнями
|
||
- **Поиск** — всегда видимый, с автокомплитом
|
||
- **Mobile-first**: hamburger, bottom nav, жесты
|
||
|
||
## Структура
|
||
1. **Primary nav** — главные разделы (до 7)
|
||
2. **Secondary nav** — подразделы, доп. ссылки (footer, sidebar)
|
||
3. **Utility nav** — поиск, язык, профиль, корзина
|
||
|
||
## Best practices
|
||
- Dropdown с задержкой (300ms) для предотвращения случайного закрытия
|
||
- Mega-menu для сайтов с 20+ разделами (e-commerce, каталоги)
|
||
- В Chinese design: mega-menu с карточками, фильтры сбоку
|