Навігація по сайту
Вітаю Вас, дорогі Новомосковсктелі блогу. Сьогодні я хочу поговорити з Вами про найрізноманітнішої навігації, яка використовується на різних сайтах. А так само природно розглянемо її на докладних прикладах.
Хочеться сказати, що навігація на сайті це дуже важливий крок, який потрібно правильно розробити. Якщо погана навігація на сайті - значить користувач просто напросто загубиться на ньому. А це в свою чергу не є добре.
Так що давайте подивимося, як реалізують креативну навігацію на своєму сайті різні розробники.
Ось які найосновніших типів навігації ми сьогодні з Вам розглянемо. це:
- горизонтальна
- вертикальна
- Сайти без навігації
- експериментальна
Горизонтальні навігації на сайтах
Це звичайнісінька меню до якого ми всі дуже сильно звикли. Зазвичай вона розташовується у верхній частині сторінки, і іноді в футере сайту. Дана навігація є дуже поширеною і звичайно ж зручною, так як користувач до неї звик і завжди знає де вона знаходиться. Великим плюсом є фіксована навігація, іншими словами вона завжди на виду, і на мою це дуже сильно зручно.
Ось декілька прикладів:
Як бачите, що на цій сторінці меню чітко видно користувачеві, а так же воно ще й залишається фіксованим при прокручуванні сторінки.
Ще один дуже зручний приклад фіксованої навігації. Виглядає дуже просто, а головне зручно.
На цьому прикладі, розробник прийняв не стандартне і на мою вдале рішення розташувавши меню знизу сайту. Дуже красиво і функціонально.
А ось на цьому сайті присутній пунктирна лінія яка спонукає користувача користуватися прокруткою. Але так само і не забули про горизонтальну навігації зверху.
На цьому сайті є теж дуже красива фіксована навігація у верхній частині сторінки.
Вертикальні навігації на сайтах
Як на мене вертикальна навігація - це теж дуже зручне рішення для сайтів. Ця навігація теж дуже популярна, і як правило завжди розташовується в бічних колонках сайту. Якщо на Вордпресс то в сайтбаре, зліва чи справа. Але є й невеликий мінус в таких меню, не вийде зробити широкі сайт, які дозволяє робити горизонтальна навігація. Але є кілька дуже вдалих прикладів, в яких я мінусів не виявив.
Дуже креативний і вдалий приклад, з гарним дизайном. Тут навігація виділена чорним кольором на сірому тлі, таким чином вона всегд видно і виділяється, а ще величезний плюс, що цей не маленький блок фіксований. Загалом загубитися на цьому сайті просто не можливо.
До речі це вже досить популярний і класичний стиль - великі літери ще й фіксовані.
В даному випадку меню знаходиться праворуч, а не зліва.
На цьому сайті показана наочна навігація для мов які йдуть справа наліво.
Сайти без навігації (меню)
Така навігація підійде для невеликих односторінкових сайтів. По суті правильне рішення. Так як відстань від низу до верху не велике, вирішено було взагалі прибрати будь-яке меню. На таких сайтах неможливо загубитися. Але якщо робити сайт без навігації, тоді постарайтеся вже зробити все доступно і помістити все на маленькому просторі. А ще краще буде якщо використовувати креатив. Ось декілька прикладів:
В обох прикладах немає звичного нам меню. Ці сайти спонукають користувача для прокрутки сторінки вниз. Не забули ж звичайно за паралакс і стрілку вгору. Все це робить сайти дуже зручними і красивими.
Експериментальна навігація на сайтах.
Здавалося б, що на цьому сайті звичайна горизонтальна навігація, але це не так. Таке відчуття, що при натисканні на кнопку за стандартом ми прокрутити вниз, але немає, навігація плавно випливає зліва, що досить, погодьтеся, незвично.
На цьому сайті навігація зроблена в стилі акордеона, при натисканні на меню ми залишаємося на тому ж місці просто нижче в акордеоні випливає вся потрібна інформація. Хочеться сказати, що це досить незвичайна навігація, принаймні я таке ніде не зустрічав. А найголовніше, що на цьому сайті дуже легко орієнтуватися.
Це дуже незвичайний сайт з так само незвичайної навігацією, в якій присутні всі під типи, а так само ще є елементи експериментальні в плані навігації. Дуже сподобалося як реалізований паралакс при прокручуванні.
На цьому сайті ми прокручувати вліво і вправо, а не так як звикли вниз або вгору. Ця навігація називається експериментальної так як на подив зараз вона дуже рідко зустрічається.
Друзі, який тип навігації вибрати, вирішувати тільки Вам. Так як у всіх випадках є плюси і мінуси. Згодом практично все вдосконалюється і розвивається, і встигнути за цим неможливо. Завжди придумаю що то краще і в цьому плані. Я сподіваюся, що дані приклади Вам допоможуть в реалізації свого унікального проекту або ж звичайної сторінки.
Так що напевно я на цьому і закінчу, друзі, до швидких зустрічей. Так само хочу сказати величезне спасибі за чудові приклади сайту speckyboy.com