Дизайн некоторых элементов сайтов настолько устоялся, что необходимость в их изменения подчас даже не приходит на ум. Одним из таких элементов является меню. И хотя трудно представить как нужно изменить этот элемент, некоторые его составляющие все чаще вызывают у меня недоумение. Рассмотрим выпадающие подменю из главного меню, которое применяется на большинстве сайтов, которые мне встречаются в интернете. Что смущает? Ну почему они должны перекрывать при выпадении другие элементы дизайна! А иногда, когда в подменю много элементов, эти области просто огромны. Как можно избежать этого?

Способ первый: от вертикали к горизонтали

Расположить элементы подменю линейно под основным меню. Как видите на иллюстрации, такое расположение не перекрывает сильно картинку (можно даже вообще убрать перекрытие). Минус при таком расположении в сложности попадания в крайние пункты подменю, а про подподменю вообще молчу!

Способ второй: показываем все

А зачем вообще их прятать? Можно же сделать подменю частью дизайна! Идея конечно так себе, но в некоторых проектах может сработать.

Способ третий: шаг за шагом

А почему бы не показать элементы подменю после перехода по ссылке в меню? Хм... Этакий метод открытий. Минус в том, что если вы уже знаете о существовании подменю, то каждый раз двигаться от стартовой страницы вглубь утомительно и раздражающе!

Способ четвертый: а нужно ли?

Иногда, самый простой способ решить проблему — просто убрать ее. Так ли нужны эти подменю как вам кажется? Подчас сайты просто забиты ненужным контентом.

P.S. Картинки набросал буквально за 10 минут, но вроде все понятно.