Погляд на навігацію в веб-дизайні

У цій статті розглянемо цікаві способи оформлення навігації, які використовуються сьогодні. Деякі з них використовуються досить давно, інші - новий погляд на навігацію сайту, треті являють собою дещо змінені шаблони, які використовуються для створення правильного контексту ресурсу.

Звичайна навігація.

Це класичний шаблон навігації. Являє собою список посилань, розташований в верху сторінки горизонтально або вертикально. Цей спосіб ніколи не перестане бути актуальним.

Даний вид навігації найкраще працює на невеликих сайтах, де в навігації представлено всього кілька пунктів.

Прихована навігація.

Часто такий вид навігації застосовується в мобільних пристроях, допомагаючи економити простір. Часто має сенс приховувати таке меню за однією кнопкою (гамбургер-меню). Деякі дизайнери використовують таке меню для того, щоб приховати навіть невелика кількість посилань.

У разі, наприклад, з Awwwards (awwwards.com), приховувати пункти меню дійсно має сенс, тому що їх сайт містить складне меню, яке вимагає досить багато місця екрану.

Гібридна навігація.

На великих сайтах, і, особливо, в мобільних додатках, часто необхідно використовувати більше однієї форми навігації. Наприклад, приховувати окреме вікно навігації за значком гамбургера.

Системна навігації.

Для прикладу подивіться практично на будь-який новинний сайт мул Pinterest. Ось, де використовується такого роду навігація.

Експериментальна навігація.

Це не один окремий шаблон, а ціла колекція. Її можна назвати «Портфоліо навігації», тому що така навігація найчастіше використовується на сайтах-портфоліо, де дизайнери відчувають повну свободу своєї креативності. Такі сайти зазвичай відрізняються відсутністю традиційного меню або розсіюванням пунктів меню по всій сторінці.