Дизайн меню сайту

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

Фон меню> Непрозорість фону меню - 0%

Меню, яке завжди знаходиться в полі зору користувача і він може звернутися до нього на будь-якому місці на сторінці. У такого меню найчастіше прозорий фон на початку сторінки (на обкладинці), який змінюється на непрозорий під час скрол.

Фон меню> Колір фону меню - на вибір

Фон меню> Непрозорість фону меню - 0%

Фон меню> Непрозорість фону меню після початку скролла - 80%

Варіант, схожий на попередній, тільки при Скролл з'являється меню з іншим вмістом. Наприклад, на початку сторінки меню містить логотип, пункти (посилання на розділи сайту) і посилання на соціальні мережі. А коли користувач починає перегортати сторінку, з'являється і залишається в полі зору меню з логотипом, закликом до дії і кнопкою зворотного дзвінка.

Основні настройки> Поведінка позиціонування - З накладенням на наступний блок, але без фіксації

Фон меню> Непрозорість фону меню - 0%

Основні настройки> Поведінка позиціонування - Фіксація при Скролл

Основні настройки> Поява меню при прокручуванні через N пікселів - 600px

Фон меню> Колір фону меню - на вибір

Фон меню> Непрозорість фону меню - 70%

Меню у вигляді трьох смужок в кутку екрану, при кліці на яке розкривається повна версія.

У випадках, коли необхідно, щоб відволікаючі елементи були зведені до мінімуму і увагу користувача було звернуто тільки до контенту. Досить часто меню «гамбургер» використовується в мобільних версіях сайту. Наприклад, можна додати звичайне меню і призначити йому видимість «тільки для комп'ютера», потім додати меню «гамбургер» і призначити йому видимість «тільки для мобільних».

Іконка меню> Колір - чорний

Фон меню> Колір фону меню - прозорий

Пункти меню> Колір фону - білий