https://starcoms.ru/iwrite/tags/menyu/ Мысли о программировании, жизни и христианстве. ru Aegea 11.1 (v4098) Мысли о программировании, жизни и христианстве. 14 https://starcoms.ru/iwrite/all/alternativy-vypadayuschemu-podmenyu-v-dizayne/ Mon, 17 Feb 2014 21:49:51 +0300 https://starcoms.ru/iwrite/all/alternativy-vypadayuschemu-podmenyu-v-dizayne/ <p>Дизайн некоторых элементов сайтов настолько устоялся, что необходимость в их изменения подчас даже не приходит на ум. Одним из таких элементов является меню. И хотя трудно представить как нужно изменить этот элемент, некоторые его составляющие все чаще вызывают у меня недоумение. Рассмотрим выпадающие подменю из главного меню, которое применяется на большинстве сайтов, которые мне встречаются в интернете. Что смущает? Ну почему они должны перекрывать при выпадении другие элементы дизайна! А иногда, когда в подменю много элементов, эти области просто огромны. Как можно избежать этого?</p> <div class="e2-text-picture"> <img src="https://starcoms.ru/iwrite/pictures/menu1.jpg" width="443" height="313" alt="" /> </div> <h2>Способ первый: от вертикали к горизонтали</h2> <p>Расположить элементы подменю линейно под основным меню. Как видите на иллюстрации, такое расположение не перекрывает сильно картинку (можно даже вообще убрать перекрытие). Минус при таком расположении в сложности попадания в крайние пункты подменю, а про подподменю вообще молчу!</p> <div class="e2-text-picture"> <img src="https://starcoms.ru/iwrite/pictures/menu2.jpg" width="447" height="339" alt="" /> </div> <h2>Способ второй: показываем все</h2> <p>А зачем вообще их прятать? Можно же сделать подменю частью дизайна! Идея конечно так себе, но в некоторых проектах может сработать.</p> <div class="e2-text-picture"> <img src="https://starcoms.ru/iwrite/pictures/menu3.jpg" width="441" height="395" alt="" /> </div> <h2>Способ третий: шаг за шагом</h2> <p>А почему бы не показать элементы подменю после перехода по ссылке в меню? Хм... Этакий метод открытий. Минус в том, что если вы уже знаете о существовании подменю, то каждый раз двигаться от стартовой страницы вглубь утомительно и раздражающе!</p> <div class="e2-text-picture"> <img src="https://starcoms.ru/iwrite/pictures/menu4.jpg" width="630" height="455" alt="" /> </div> <h2>Способ четвертый: а нужно ли?</h2> <p>Иногда, самый простой способ решить проблему — просто убрать ее. Так ли нужны эти подменю как вам кажется? Подчас сайты просто забиты ненужным контентом.</p> <p><i>P.S. Картинки набросал буквально за 10 минут, но вроде все понятно.</i></p>